/* ===========================================================
   声卡驱动中心 · 样式
   版式基准：软件下载详情页（标题 + 版本 + 人工检测 + 大下载按钮 +
   灰色信息表 + 正文 + 右侧栏），配色取白底 / 红主色 / 灰分隔线。
   不引入任何外部依赖。
   =========================================================== */

:root {
  --ink: #1f2329;
  --ink-2: #4a525b;
  --muted: #828a94;
  --line: #e8e8e8;
  --line-2: #f0f1f2;
  --bg: #f5f6f7;
  --card: #fff;
  --brand: #cd0202;
  --brand-dark: #a80101;
  --brand-soft: #fdf2f2;
  --warn: #ef6e00;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 2px 10px rgba(0, 0, 0, .05);
  --font: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.75;
  color: var(--ink);
  background: var(--bg);
}

img { max-width: 100%; display: block; }

a { color: #1664c0; text-decoration: none; }
a:hover { color: var(--brand); }

h1, h2, h3, h4 { color: var(--ink); line-height: 1.35; margin: 0; }
p { margin: 0 0 14px; }

.wrap { max-width: 1180px; margin: 0 auto; padding: 0 16px; }

/* ---------- 页头 ---------- */
.site-header {
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.site-header .wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 64px;
}
.logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  color: var(--ink);
}
.logo img { max-height: 28px; width: auto; }
.logo-name { font-size: 16px; font-weight: 800; letter-spacing: .3px; }
.logo-brand .logo-name { font-size: 17px; }

.site-nav {
  display: flex;
  gap: 4px;
  flex: 1 1 auto;
}
.site-nav a {
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  color: var(--ink-2);
  font-size: 15px;
}
.site-nav a:hover { background: var(--line-2); color: var(--ink); }
.site-nav a[aria-current="page"] { color: var(--brand); font-weight: 700; }

/* ---------- 搜索 ---------- */
.search {
  position: relative;
  flex: 0 0 260px;
  display: flex;
}
.search input {
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  padding: 0 12px;
  font: inherit;
  font-size: 14px;
  color: var(--ink);
  background: var(--bg);
  border: 1px solid var(--line);
  border-right: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  outline: none;
}
.search input:focus { background: #fff; border-color: #c9ced6; }
.search button {
  height: 36px;
  padding: 0 14px;
  font: inherit;
  font-size: 14px;
  color: #fff;
  background: var(--brand);
  border: 1px solid var(--brand);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  cursor: pointer;
}
.search button:hover { background: var(--brand-dark); }

.search-results {
  position: absolute;
  z-index: 30;
  top: 40px;
  left: 0;
  right: auto;
  width: 320px;
  max-width: 90vw;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow);
  max-height: 320px;
  overflow: auto;
}
.search-results li { margin: 0; }
.search-results a {
  display: block;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 14px;
  color: var(--ink);
}
.search-results a:hover { background: var(--brand-soft); color: var(--brand); }
.search-results .r-title { font-weight: 600; }
.search-results .r-tag { color: var(--muted); font-size: 12px; margin-left: 6px; }
.search-results .r-empty { padding: 10px; color: var(--muted); font-size: 14px; }

/* ---------- 面包屑 ---------- */
.breadcrumb { padding: 14px 0 10px; font-size: 13px; color: var(--muted); }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.breadcrumb li + li::before { content: "›"; margin-right: 6px; color: #c5c5c5; }
.breadcrumb a { color: var(--muted); }
.breadcrumb a:hover { color: var(--brand); }

/* ---------- 版面：主内容 + 侧栏 ---------- */
.page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: start;
  padding-bottom: 40px;
}
.main-col { min-width: 0; display: flex; flex-direction: column; gap: 18px; }

.panel {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px 24px;
}

/* ---------- 首屏下载卡 ---------- */
.dl-card { padding: 24px; }
.dl-head { display: flex; gap: 24px; align-items: flex-start; }
.dl-head-main { flex: 1 1 auto; min-width: 0; }

h1.dl-title {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.2px;
  margin: 0 0 10px;
}
.dl-subline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 13px;
  color: var(--muted);
}
.badge-ver {
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--line-2);
  color: var(--ink-2);
  font-weight: 600;
}
.badge-safe {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #eef7ee;
  color: #2c7a3d;
  font-weight: 600;
}
.badge-safe::before { content: "✓"; }

.dl-btn-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.btn-dl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 220px;
  height: 48px;
  padding: 0 28px;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  background: var(--brand);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(205, 2, 2, .22);
}
.btn-dl:hover { background: var(--brand-dark); color: #fff; }
.btn-dl::before { content: "↓"; font-size: 18px; font-weight: 700; }
.btn-dl-sm { min-width: 0; height: 40px; padding: 0 20px; font-size: 15px; }

.dl-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #fafbfc;
}
.dl-facts div {
  padding: 10px 14px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.dl-facts dt { color: var(--muted); font-size: 12px; margin-bottom: 2px; }
.dl-facts dd { margin: 0; color: var(--ink); font-weight: 600; }

.cta-note {
  margin: 12px 0 0;
  padding: 10px 14px;
  border-left: 3px solid var(--brand);
  background: var(--brand-soft);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: 13.5px;
  color: #6b2b2b;
}

/* 品牌标识卡（首屏右侧） */
.dl-logo {
  flex: 0 0 190px;
  min-height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}
.dl-logo img { max-width: 150px; max-height: 64px; width: auto; height: auto; object-fit: contain; }
.dl-logo .logo-name-only { font-size: 20px; font-weight: 800; letter-spacing: 1px; }
.dl-logo figcaption { font-size: 12px; color: var(--muted); text-align: center; }
/* 白字标识放在白底上会消失，给它一层深色块 */
.dl-logo.dark, .card-logo.dark {
  background: #111827;
  border-color: #111827;
}
.dl-logo.dark figcaption { color: #c9ced6; }

/* 首页：文案在左、配图在右，信息表通栏在下方 */
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 26px;
  align-items: start;
  margin-bottom: 18px;
}
.hero-grid figure {
  margin: 0;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--line);
}
.hero-grid img { width: 100%; height: 300px; object-fit: cover; object-position: 50% 42%; }

/* 首屏配图 */
.hero-shot { margin: 0; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: #fff; }
.hero-shot img { width: 100%; height: auto; max-height: 300px; object-fit: cover; object-position: 50% 42%; }
.hero-shot figcaption { padding: 8px 14px; font-size: 12px; color: var(--muted); background: #fff; }

/* ---------- 正文 ---------- */
.article h2 {
  font-size: 20px;
  font-weight: 800;
  margin: 30px 0 12px;
  padding-left: 10px;
  border-left: 4px solid var(--brand);
  line-height: 1.3;
}
.article h2:first-child { margin-top: 0; }
.article h3 { font-size: 16px; margin: 20px 0 8px; }
.article p { color: var(--ink-2); }
.article ul, .article ol { margin: 0 0 16px; padding-left: 22px; color: var(--ink-2); }
.article li { margin-bottom: 6px; }
.article strong { color: var(--ink); }

.lead-box {
  margin: 0 0 18px;
  padding: 14px 16px;
  background: #fafbfc;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--ink-2);
}
.lead-box b, .lead-box strong { color: var(--ink); }

.table-wrap { overflow-x: auto; margin: 0 0 16px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 10px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
th { background: #fafbfc; color: var(--ink); font-weight: 700; }
td { color: var(--ink-2); }

.callout {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-left: 3px solid var(--warn);
  background: #fffaf3;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: #6b4708;
}
.callout p:last-child { margin-bottom: 0; }

ol.steps { list-style: none; padding: 0; counter-reset: s; }
ol.steps li {
  position: relative;
  padding: 0 0 0 38px;
  margin-bottom: 14px;
  counter-increment: s;
}
ol.steps li::before {
  content: counter(s);
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--brand-soft);
  color: var(--brand);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
ol.steps strong { display: block; margin-bottom: 2px; }
ol.steps p { margin: 0; font-size: 14px; }

.muted { color: var(--muted); font-size: 13px; }

/* ---------- 信息表（速览）---------- */
.spec-table { border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; }
.spec-table .row { display: grid; grid-template-columns: 120px 1fr; border-bottom: 1px solid var(--line); }
.spec-table .row:last-child { border-bottom: 0; }
.spec-table dt { padding: 10px 14px; background: #fafbfc; color: var(--muted); font-size: 13px; }
.spec-table dd { margin: 0; padding: 10px 14px; font-size: 14px; color: var(--ink-2); }

/* ---------- FAQ ---------- */
.faq { border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; background: #fff; }
.faq details { border-bottom: 1px solid var(--line); }
.faq details:last-child { border-bottom: 0; }
.faq summary {
  padding: 12px 16px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 40px;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 10px;
  color: var(--muted);
  font-size: 18px;
}
.faq details[open] summary::after { content: "−"; }
.faq details[open] summary { color: var(--brand); }
.faq p { margin: 0; padding: 0 16px 14px; font-size: 14px; color: var(--ink-2); }

/* ---------- 品牌卡片 ---------- */
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  margin: 0 0 20px;
}
.card {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  transition: box-shadow .15s, border-color .15s;
}
.card:hover { border-color: #f3c9c9; box-shadow: var(--shadow); color: var(--ink); }
.card-logo {
  flex: 0 0 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
}
.card-logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.card-body { min-width: 0; }
.card-body h3 { font-size: 15px; font-weight: 700; margin: 0 0 4px; }
.card-body p { margin: 0 0 8px; font-size: 13px; color: var(--muted); line-height: 1.6; }
.tag {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 4px;
  background: var(--line-2);
  color: var(--ink-2);
  font-size: 12px;
}
.tag-hot { background: var(--brand-soft); color: var(--brand); }

/* ---------- 侧栏 ---------- */
.side-col { display: flex; flex-direction: column; gap: 16px; }
.side-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px 18px;
}
.side-card-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 800;
}
.side-card-title::before {
  content: "";
  width: 3px;
  height: 15px;
  border-radius: 2px;
  background: var(--brand);
}
.side-list { margin: 0; padding: 0; list-style: none; }
.side-list li { margin-bottom: 2px; }
.side-list a {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 6px;
  border-radius: var(--radius-sm);
  color: var(--ink-2);
  font-size: 14px;
}
.side-list a:hover { background: var(--line-2); color: var(--brand); }
.side-list img {
  flex: 0 0 44px;
  width: 44px;
  height: 26px;
  object-fit: contain;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
}
.side-list .rank {
  flex: 0 0 18px;
  font-size: 12px;
  color: var(--muted);
  text-align: center;
}
.side-list .rank.top { color: var(--brand); font-weight: 700; }
.side-list .txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- 页脚 ---------- */
.site-footer {
  margin-top: 10px;
  padding: 26px 0 18px;
  background: #fff;
  border-top: 1px solid var(--line);
}
.footer-cols { display: flex; flex-wrap: wrap; gap: 40px; }
.footer-col { min-width: 160px; }
.footer-col h4 { font-size: 14px; margin: 0 0 10px; color: var(--ink); }
.footer-col ul { margin: 0; padding: 0; list-style: none; }
.footer-col li { margin-bottom: 6px; }
.footer-col a { color: var(--muted); font-size: 13px; }
.footer-col a:hover { color: var(--brand); }
.footer-brandline { margin: 8px 0 0; font-size: 13px; color: var(--muted); }

.legal {
  padding: 14px 16px 22px;
  background: #fff;
  border-top: 1px solid var(--line-2);
  font-size: 12px;
  color: var(--muted);
  text-align: center;
}
.legal p { margin: 4px 0; }
.legal a { color: var(--muted); }

/* ---------- 移动端 ---------- */
.mobile-download-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  display: none;
  padding: 8px 12px;
  background: rgba(255, 255, 255, .97);
  border-top: 1px solid var(--line);
}
.mobile-download-bar .btn-dl { width: 100%; min-width: 0; height: 44px; font-size: 16px; }

@media (max-width: 980px) {
  .page-layout { grid-template-columns: minmax(0, 1fr); }
  .side-col { position: static; }
  .dl-head { flex-direction: column-reverse; }
  .dl-logo { width: 100%; flex: 0 0 auto; min-height: 96px; }
  .hero-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-grid img { height: 210px; }
}

@media (max-width: 720px) {
  .site-header .wrap { height: auto; padding: 10px 14px; flex-wrap: wrap; gap: 10px; }
  .site-nav { order: 3; width: 100%; }
  .search { flex: 1 1 100%; order: 2; }
  h1.dl-title { font-size: 21px; }
  .panel, .dl-card { padding: 16px; }
  .dl-facts { grid-template-columns: 1fr 1fr; }
  .mobile-download-bar { display: block; }
  body { padding-bottom: 66px; }
  .spec-table .row { grid-template-columns: 96px 1fr; }
}

/* ===========================================================
   商品页版式（软件 / 型号详情页）
   对齐电商商品详情页：顶部商品卡（图标 + 标题 + 版本 + 大按钮 +
   六格参数带），左图右栏，介绍 + 编号功能列表。
   =========================================================== */
.prod-card{background:linear-gradient(180deg,#fff 0%,#fdf8f8 100%);
  border:1px solid var(--line);border-radius:16px;padding:22px 24px 0;
  box-shadow:0 2px 12px rgba(17,24,39,.05)}
.prod-top{display:flex;gap:20px;align-items:flex-start;padding-bottom:18px}
.prod-icon{flex:0 0 auto;width:112px;height:112px;border-radius:14px;background:#fff;
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:12px}
.prod-icon img{max-width:100%;max-height:100%;object-fit:contain}
.prod-head-main{flex:1 1 auto;min-width:0}
.prod-title{font-size:26px;line-height:1.35;margin:4px 0 10px;color:var(--ink)}
.prod-ver{font-size:16px;font-weight:400;color:var(--muted);margin-left:10px;white-space:nowrap}
.prod-safe{color:#0a9d57;font-size:14px;display:flex;align-items:center;gap:6px}
.prod-safe::before{content:"✓";font-weight:700}
.prod-updated{color:var(--muted);font-size:13px;margin-top:8px}
.prod-cta{flex:0 0 220px;text-align:center}
.prod-cta .btn-dl{width:100%;justify-content:center;font-size:17px;padding:14px 10px;border-radius:999px}
.prod-cta small{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.prod-spec{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line-2);
  margin:0 -24px;padding:14px 24px 18px}
.prod-spec > div{padding:0 12px;border-left:1px solid var(--line-2);text-align:center}
.prod-spec > div:first-child{border-left:0}
.prod-spec dt{color:var(--muted);font-size:12px;margin-bottom:6px}
.prod-spec dd{margin:0;color:var(--ink);font-weight:700;font-size:15px}
.prod-gallery{margin:18px 0 0}
.prod-gallery img{width:100%;border-radius:14px;display:block}
.feat-list{list-style:none;padding:0;margin:14px 0 0;counter-reset:f}
.feat-list li{position:relative;padding-left:32px;margin:10px 0;line-height:1.85;color:var(--ink-2)}
.feat-list li::before{counter-increment:f;content:counter(f);position:absolute;left:0;top:5px;
  width:21px;height:21px;border-radius:50%;background:var(--brand-soft);color:var(--brand);
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
@media (max-width:860px){
  .prod-top{flex-wrap:wrap}
  .prod-cta{flex:1 1 100%}
  .prod-spec{grid-template-columns:repeat(3,1fr);row-gap:16px}
  .prod-spec > div:nth-child(4){border-left:0}
}

/* 深底白字标识放进图标框：给深色底，否则白底上看不见 */
.prod-icon.is-dark{background:#111827;border-color:#111827}
.prod-icon.is-dark img{filter:none}
/* 主图限制高度，别让一张竖图把正文推到第二屏 */
.prod-gallery img{max-height:430px;object-fit:cover;object-position:50% 42%}
/* 标题与版本号同一行：版本独立成 span，H1 只放标题本身（title = H1 才能成立） */
.prod-titlerow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.prod-titlerow .prod-title{margin:4px 0 10px}
/* 型号入口列表 */
.model-list{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.model-list li a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:10px;
  background:#fff;color:var(--ink);font-weight:600;line-height:1.5}
.model-list li a:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:720px){ .model-list{grid-template-columns:1fr} }
/* 参数带下方的一句说明 */
.prod-note{margin:8px 2px 0;color:var(--muted);font-size:12.5px;line-height:1.7}
/* 兼容两种写法：品牌页生成器输出 .dark，软件页输出 .is-dark */
.prod-icon.dark{background:#111827;border-color:#111827}

/* ===========================================================
   首页：门户 / 落地页版式
   与内容页（商品详情页）刻意不同：无商品卡、无侧栏，
   整幅首屏 + 三段区块，宽度吃满。
   =========================================================== */
.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center;
  background:linear-gradient(120deg,#fff 0%,#fdf5f5 55%,#fbeaea 100%);
  border:1px solid var(--line);border-radius:20px;padding:34px 36px;margin-bottom:26px}
.home-hero h1{font-size:30px;line-height:1.35;margin:6px 0 14px;color:var(--ink)}
.home-hero .hero-lead{color:var(--ink-2);font-size:15px;line-height:1.9;margin:0 0 18px}
.home-hero .hero-eyebrow{color:var(--brand);font-weight:700;font-size:13px;letter-spacing:.04em}
.home-hero .btn-dl{padding:14px 34px;font-size:16px}
.hero-points{list-style:none;display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:16px 0 0;color:var(--muted);font-size:13px}
.hero-points li{display:flex;align-items:center;gap:6px}
.hero-points li::before{content:"✓";color:#0a9d57;font-weight:700}
.home-hero figure{margin:0}
.home-hero img{width:100%;border-radius:16px;display:block;max-height:340px;object-fit:cover}

.home-section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;margin-bottom:20px}
.home-section > h2{margin-top:0}
.brand-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.brand-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);
  border-radius:14px;background:#fdfdfd;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.brand-card:hover{border-color:var(--brand);box-shadow:0 4px 16px rgba(205,2,2,.08)}
.brand-card .bc-logo{height:44px;display:flex;align-items:center}
.brand-card .bc-logo img{max-height:34px;max-width:120px;object-fit:contain}
.brand-card .bc-logo.is-dark{background:#111827;border-radius:8px;padding:6px 10px;width:max-content}
.brand-card h3{margin:0;font-size:16px}
.brand-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.7}
.brand-card .tag{color:var(--brand);font-size:12px;font-weight:700}
@media (max-width:900px){
  .home-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px}
  .home-hero figure{order:-1}
  .brand-cards{grid-template-columns:minmax(0,1fr)}
}
/* 首页品牌卡里的标签：不要灰底块，只留彩色小字 */
.brand-card .tag{display:inline-block;background:none;padding:0;color:var(--brand)}

/* ===========================================================
   首页 v2：门户式版式
   与内容页区分：整页浅灰底 + 白色区块浮起，区块标题带红条，
   增加数据条、三路入口、收录表、芯片矩阵、品牌墙。
   =========================================================== */
body.home{background:#f5f6f8}
.home-stats{display:flex;flex-wrap:wrap;gap:26px;margin:14px 0 0;padding:0;list-style:none}
.home-stats li{color:var(--muted);font-size:12.5px;text-align:left}
.home-stats b{display:block;font-size:24px;line-height:1.2;color:var(--ink);font-weight:800}
.home-stats b em{font-size:12px;font-style:normal;font-weight:400;color:var(--muted);margin-left:3px}

.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sec-head h2{margin:0;font-size:19px;padding-left:11px;border-left:4px solid var(--brand);line-height:1.3}
.sec-head a{font-size:13px;color:var(--brand);white-space:nowrap}

.path-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.path-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;
  color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.path-card:hover{border-color:var(--brand);box-shadow:0 6px 20px rgba(205,2,2,.09);transform:translateY(-2px)}
.path-card .pc-tag{display:inline-block;font-size:12px;font-weight:700;color:var(--brand);margin-bottom:8px}
.path-card h3{margin:0 0 8px;font-size:16px}
.path-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.75}

.latest-table{width:100%;font-size:13.5px}
.latest-table th{background:#fafbfc;color:var(--muted);font-weight:600;white-space:nowrap}
.latest-table tbody tr:nth-child(even){background:#fcfcfd}
.latest-table td{vertical-align:middle}
.latest-table a{color:var(--brand)}

.chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.chip-card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 12px;text-align:center;color:var(--ink)}
.chip-card:hover{border-color:var(--brand)}
.chip-card strong{display:block;font-size:15px;margin-bottom:4px}
.chip-card span{color:var(--muted);font-size:12.5px}

.home-brand-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){
  .path-cards,.chip-grid,.home-brand-row{grid-template-columns:minmax(0,1fr)}
  .home-stats{gap:18px}
}

/* 界面截图类配图：等比缩放不裁切，避免把界面标题栏切掉 */
.prod-gallery.is-shot img{object-fit:contain;background:#fff;width:auto;max-width:100%;max-height:430px;display:block;margin:0 auto}
/* 首页卡片上的品牌标 */
.chip-card .cc-logo{display:block;margin:0 auto 8px;max-height:22px;max-width:78px;object-fit:contain}
.chip-card .cc-logo.is-dark{background:#111827;border-radius:5px;padding:3px 6px;max-height:26px}
.path-card .pc-logo{display:block;margin-bottom:10px;max-height:26px;max-width:96px;object-fit:contain}
.path-card .pc-logo.is-dark{background:#111827;border-radius:6px;padding:4px 8px;max-height:32px}

/* ===========================================================
   首页 v3：背景层次 + 节奏
   v2 的问题：整页白底、每个区块都是「白卡片 + 红条标题」，
   一路滚下去没有起伏。这里加：页面底色渐变 + 区块阴影、
   首屏光斑、顶部快捷入口条、系统卡、底部行动区。
   =========================================================== */
body.home{
  background:
    radial-gradient(900px 380px at 12% -6%, rgba(205,2,2,.06), transparent 60%),
    radial-gradient(700px 300px at 92% 4%, rgba(37,99,235,.05), transparent 60%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fa 45%,#f4f6f9 100%);
  background-attachment: fixed, fixed, scroll;
}
body.home .home-section{box-shadow:0 1px 2px rgba(16,24,40,.04), 0 10px 28px -22px rgba(16,24,40,.25)}
body.home .home-hero{box-shadow:0 2px 6px rgba(16,24,40,.05), 0 24px 60px -40px rgba(205,2,2,.45)}

/* 首屏快捷入口条 */
.quick-bar{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.quick-bar li a{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;
  border:1px solid var(--line);color:var(--ink-2);font-size:13px;font-weight:600}
.quick-bar li a:hover{border-color:var(--brand);color:var(--brand)}

/* 按系统找驱动 */
.os-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.os-card{display:block;padding:20px 18px;border-radius:14px;border:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fcfcfd);color:var(--ink)}
.os-card:hover{border-color:var(--brand);transform:translateY(-2px);
  box-shadow:0 10px 26px -16px rgba(205,2,2,.35);transition:.15s}
.os-card .os-name{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin-bottom:6px}
.os-card .os-name span{font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-soft);
  border-radius:999px;padding:2px 8px}
.os-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.75}

/* 底部行动区 */
.cta-banner{position:relative;overflow:hidden;margin-top:24px;padding:34px 30px;border-radius:18px;
  background:linear-gradient(120deg,#a80101 0%,#cd0202 48%,#e23b20 100%);color:#fff;text-align:center}
.cta-banner h2{margin:0 0 8px;font-size:22px;color:#fff}
.cta-banner p{margin:0 0 18px;color:rgba(255,255,255,.86);font-size:14px}
.cta-banner .btn-dl{background:#fff;color:var(--brand);box-shadow:0 10px 26px -12px rgba(0,0,0,.45)}
.cta-banner .btn-dl:hover{background:#fff5f5;color:var(--brand)}
.cta-banner small{display:block;margin-top:10px;color:rgba(255,255,255,.75);font-size:12px}
.cta-banner::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;
  border-radius:50%;background:rgba(255,255,255,.08)}
.cta-banner::before{content:"";position:absolute;left:-40px;bottom:-70px;width:180px;height:180px;
  border-radius:50%;background:rgba(255,255,255,.07)}
@media (max-width:900px){
  .os-cards{grid-template-columns:minmax(0,1fr)}
  .cta-banner{padding:26px 20px}
}