/* ============================================================================
   对公主页样式（P15-197，来自 D:\Capalyze 会话）
   ★ 为什么是**外部文件**而不是内联样式块：本站响应带严格 CSP
     （`style-src 'self'`，没有 unsafe-inline）⇒ 内联样式会被浏览器直接拦掉
     （P15-194 首版就踩了这个：HTTP 200，但页面是"裸的"）。
   ★ 只做排版与配色，不含任何用户数据、内网地址或密钥。
   ============================================================================ */

:root{
  --ink:#1f2937; --sub:#6b7280; --line:#e5e7eb; --bg:#f7f8fa;
  --brand:#8c1d18;          /* 中国红（与标识同系） */
  --brand-2:#b4452f;
  --ok:#047857; --okbg:#ecfdf5; --okline:#a7f3d0;
  --dev:#92400e; --devbg:#fffbeb; --devline:#fde68a;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font:15px/1.75 -apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
  color:var(--ink); background:var(--bg);
}
.wrap{max-width:960px; margin:0 auto; padding:0 20px}
a{color:var(--brand-2)}

/* ---------------- 顶部：标识 + 店名 ---------------- */
.hero{
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%);
  color:#fff; padding:30px 0 26px;
}
.hero-inner{display:flex; align-items:center; gap:18px}
.logo{
  width:64px; height:64px; border-radius:14px; background:#fff; object-fit:cover;
  flex:0 0 auto; box-shadow:0 2px 10px rgba(0,0,0,.18);
}
.brand h1{margin:0; font-size:26px; letter-spacing:1px}
.tagline{margin:4px 0 0; font-size:13.5px; opacity:.92}

/* ---------------- 三个入口（按钮） ---------------- */
.tabs{display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 18px}
.tab{
  font:inherit; font-size:14.5px; cursor:pointer;
  padding:10px 18px; border:1px solid var(--line); border-radius:10px;
  background:#fff; color:var(--ink); transition:.15s;
}
.tab:hover{border-color:var(--brand-2); color:var(--brand)}
.tab[aria-selected="true"]{
  border-color:var(--brand); background:var(--brand); color:#fff; font-weight:600;
  box-shadow:0 2px 8px rgba(140,29,24,.25);
}
.tab:focus-visible{outline:2px solid var(--brand-2); outline-offset:2px}

/* ---------------- 面板与小标题 ---------------- */
.panel{display:none; background:#fff; border:1px solid var(--line); border-radius:12px; padding:24px 26px 26px}
.panel.is-active{display:block}
.panel h2{margin:0 0 6px; font-size:20px; padding-bottom:12px; border-bottom:2px solid var(--brand); display:inline-block}
.panel h3{
  margin:22px 0 8px; font-size:15.5px; color:var(--brand); font-weight:700;
  padding-left:10px; border-left:4px solid var(--brand-2);
}
.panel p{margin:6px 0}
.muted{color:var(--sub); font-size:14px}

/* 适用平台环境：左标签 + 右说明 */
ul.spec{list-style:none; margin:6px 0; padding:0}
ul.spec li{display:flex; gap:12px; padding:7px 0; border-bottom:1px dashed var(--line); font-size:14.5px}
ul.spec li:last-child{border-bottom:0}
ul.spec li > b{flex:0 0 92px; color:var(--sub); font-weight:600}
ul.spec li > span{flex:1}

/* 主要功能 */
ul.feat{margin:6px 0; padding-left:20px}
ul.feat li{margin:5px 0; font-size:14.5px}

/* 小徽标 */
.badge{display:inline-block; padding:1px 9px; border-radius:20px; font-size:12.5px; border:1px solid; margin-right:6px}
.badge-soon{color:var(--sub); border-color:var(--line); background:#f9fafb}
.badge-dev{color:var(--dev); border-color:var(--devline); background:var(--devbg)}
.badge-ok{color:var(--ok); border-color:var(--okline); background:var(--okbg)}
p.dev{background:var(--devbg); border:1px solid var(--devline); border-radius:10px; padding:12px 14px; font-size:14.5px}

/* ---------------- 下载点 ---------------- */
.dlbox{margin-top:4px}
/* ★ P15-199：下载分"本地 / 外站"两组，组内还有第四级标题（h4） */
.dlbox h4{margin:16px 0 6px; font-size:14px; color:#374151; font-weight:600}
.dlbox h4 .hint{font-weight:400; color:var(--sub); font-size:12.5px}
.dlgroup{min-height:8px}
.dlrow{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;
  border:1px solid var(--line); border-radius:10px; padding:12px 14px; margin:8px 0;
}
.dlrow .dlmeta{font-size:13px; color:var(--sub); margin-top:2px}
.dlrow b{font-size:15px; word-break:break-all}
.btn{
  display:inline-block; padding:8px 18px; border-radius:8px; text-decoration:none;
  background:var(--brand); color:#fff; font-size:14px; white-space:nowrap;
}
.btn:hover{background:var(--brand-2)}
.none{border:1px dashed var(--line); border-radius:10px; padding:12px 14px; background:#fcfcfd}

/* ---------------- 页脚 ---------------- */
.foot{margin:22px 0 40px; color:var(--sub); font-size:13px; text-align:center; line-height:1.9}