:root{--teal:#0EA5E9;--teal2:#06B6D4;--purple:#7C3AED;--grad:linear-gradient(135deg,#0EA5E9 0%,#7C3AED 100%);--grad-btn:linear-gradient(90deg,#0EA5E9,#7C3AED);--bg:#F8FAFF;--bg2:#EFF6FF;--bg3:#FFFFFF;--border:#E2E8F0;--border2:#CBD5E1;--text-h:#0F172A;--text-b:#334155;--text-s:#64748B;--radius:16px;--font:"Noto Sans SC","Inter",-apple-system,sans-serif;--trans:0.25s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text-b);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}
.container{max-width:1160px;margin:0 auto;padding:0 24px}.section{padding:90px 0}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-label{display:inline-flex;align-items:center;gap:6px;background:rgba(14,165,233,0.08);border:1px solid rgba(14,165,233,0.2);color:var(--teal);font-size:.78rem;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:14px}.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:var(--text-h);line-height:1.2;margin-bottom:12px;letter-spacing:-.02em}.section-desc{font-size:.95rem;color:var(--text-s)}.section-header{text-align:center;margin-bottom:56px}.section-header .section-desc{max-width:520px;margin:0 auto}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(248,250,255,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--trans)}.header.scrolled{box-shadow:0 2px 16px rgba(0,0,0,0.06)}.header-inner{display:flex;align-items:center;height:56px;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.05rem;color:var(--text-h)}.logo-icon{width:32px;height:32px;border-radius:8px;background:var(--grad);display:flex;align-items:center;justify-content:center}.logo-icon svg{width:18px;height:18px}.nav{display:flex;gap:0;margin-left:auto}.nav-link{padding:6px 14px;font-size:.82rem;font-weight:500;color:var(--text-s);transition:var(--trans)}.nav-link:hover{color:var(--teal)}.header-actions{display:flex;gap:10px}.btn-login{padding:6px 14px;font-size:.82rem;color:var(--text-s);transition:var(--trans)}.btn-login:hover{color:var(--teal)}.btn-try{padding:8px 20px;border-radius:20px;font-size:.82rem;font-weight:700;background:var(--grad-btn);color:#fff;transition:var(--trans);box-shadow:0 4px 14px rgba(14,165,233,0.3)}.btn-try:hover{transform:scale(1.04)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--text-h);border-radius:2px}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:56px;background:var(--bg);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;right:0;width:55%;height:100%;background:linear-gradient(135deg,rgba(14,165,233,0.04) 0%,rgba(124,58,237,0.06) 100%);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:60px 0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(14,165,233,0.08);border:1px solid rgba(14,165,233,0.2);color:var(--teal);font-size:.78rem;font-weight:600;padding:6px 16px;border-radius:24px;margin-bottom:24px}.hero-eyebrow .dot{width:7px;height:7px;background:var(--teal);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(2.2rem,4vw,3.8rem);font-weight:900;color:var(--text-h);line-height:1.15;margin-bottom:18px;letter-spacing:-.03em}.hero-title .hl{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1rem;color:var(--text-b);line-height:1.8;margin-bottom:28px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:980px;font-size:.95rem;font-weight:700;background:var(--grad-btn);color:#fff;box-shadow:0 4px 20px rgba(14,165,233,0.35);transition:var(--trans)}.btn-primary:hover{transform:scale(1.03)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:980px;font-size:.95rem;font-weight:600;background:transparent;color:var(--teal);border:1.5px solid rgba(14,165,233,0.3);transition:var(--trans)}.btn-secondary:hover{background:rgba(14,165,233,0.06)}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;font-size:.8rem;color:var(--text-s)}.hero-trust span{display:flex;align-items:center;gap:5px}.hero-trust .ck{color:var(--teal);font-weight:700}
.hero-visual{position:relative}.hero-app-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.1),0 4px 16px rgba(0,0,0,0.06);overflow:hidden;border:1px solid var(--border)}.hac-header{background:var(--grad);padding:20px 24px;color:#fff}.hac-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hac-logo{font-weight:900;font-size:1rem;display:flex;align-items:center;gap:8px}.hac-status{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;background:rgba(255,255,255,0.2);padding:4px 12px;border-radius:20px}.hac-status-dot{width:7px;height:7px;background:#4ADE80;border-radius:50%;box-shadow:0 0 6px #4ADE80}.hac-speed{display:flex;justify-content:space-around}.hac-speed-item{text-align:center}.hac-speed-num{font-size:1.4rem;font-weight:900}.hac-speed-lbl{font-size:.7rem;opacity:.8}.hac-body{padding:20px 24px}.hac-node-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.hac-node{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);transition:var(--trans)}.hac-node.active{background:rgba(14,165,233,0.08);border-color:rgba(14,165,233,0.25)}.hac-flag{font-size:.95rem}.hac-name{flex:1;font-size:.82rem;font-weight:600;color:var(--text-h)}.hac-ms{font-size:.72rem;color:#22C55E;font-weight:700}.hac-bar{flex:0 0 50px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.hac-bar-fill{height:100%;border-radius:2px;background:var(--grad)}.hac-btn{display:block;width:100%;text-align:center;padding:12px;border-radius:12px;font-weight:700;font-size:.9rem;background:var(--grad-btn);color:#fff}
.hero-float{position:absolute;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,0.1)}.hf-1{bottom:-16px;left:-24px;display:flex;align-items:center;gap:8px}.hf-1 .hf-icon{font-size:1.2rem}.hf-1 strong{display:block;font-size:.82rem;color:var(--text-h)}.hf-1 span{font-size:.68rem;color:var(--text-s)}.hf-2{top:-16px;right:-24px;text-align:center}.hf-2 .hf-num{font-size:1.4rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hf-2 span{font-size:.68rem;color:var(--text-s);display:block}
.stats{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0}.stats-inner{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px}.stat-item{text-align:center}.stat-num{font-size:1.9rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.stat-lbl{font-size:.75rem;color:var(--text-s)}.stat-div{width:1px;height:36px;background:var(--border)}
.features{background:var(--bg2)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;transition:var(--trans)}.feat-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.08);transform:translateY(-3px)}.feat-icon{font-size:1.8rem;margin-bottom:12px;display:block}.feat-card h3{font-size:.95rem;font-weight:800;color:var(--text-h);margin-bottom:8px}.feat-card p{font-size:.82rem;color:var(--text-s);line-height:1.7}.feat-detail{margin-top:12px;display:flex;flex-direction:column;gap:5px}.feat-detail li{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text-b)}.feat-detail .ck{color:var(--teal);font-size:.7rem;font-weight:700}
.scenarios{background:var(--bg)}.sc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sc-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:var(--trans)}.sc-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.08);transform:translateY(-3px)}.sc-icon{font-size:1.8rem;margin-bottom:12px;display:block}.sc-card h3{font-size:1rem;font-weight:800;color:var(--text-h);margin-bottom:8px}.sc-card>p{font-size:.85rem;color:var(--text-b);line-height:1.7;margin-bottom:14px}.sc-tags{display:flex;flex-wrap:wrap;gap:6px}.sc-tag{font-size:.72rem;color:var(--teal);background:rgba(14,165,233,0.07);border:1px solid rgba(14,165,233,0.18);padding:3px 9px;border-radius:6px;font-weight:600}
.compare-table-section{background:var(--bg2)}.compare-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1px solid var(--border)}.compare-table th{padding:16px 20px;font-size:.82rem;font-weight:700;text-align:center;border-bottom:2px solid var(--border)}.compare-table th:first-child{text-align:left;color:var(--text-s);font-weight:600}.compare-table th.free-col{color:var(--teal);background:rgba(14,165,233,0.04)}.compare-table th.paid-col{color:var(--purple);background:rgba(124,58,237,0.04)}.compare-table th.best-col{background:rgba(124,58,237,0.06);color:var(--purple)}.compare-table td{padding:13px 20px;font-size:.85rem;color:var(--text-b);border-bottom:1px solid var(--border);text-align:center}.compare-table td:first-child{text-align:left;color:var(--text-h);font-weight:500}.compare-table td.free-col{background:rgba(14,165,233,0.02)}.compare-table td.paid-col{background:rgba(124,58,237,0.02)}.compare-table td.best-col{background:rgba(124,58,237,0.04)}.compare-table tr:last-child td{border-bottom:none}.ck-icon{color:#22C55E;font-weight:700}.no-icon{color:#CBD5E1}
.media-trust{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.media-logos{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;margin-bottom:36px}.media-logo{font-size:.85rem;font-weight:800;color:#CBD5E1;letter-spacing:.12em;transition:var(--trans)}.media-logo:hover{color:var(--teal)}.media-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mq-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.mq-source{font-size:.7rem;font-weight:800;color:var(--teal);margin-bottom:10px;letter-spacing:.08em}.mq-card blockquote{font-size:.85rem;color:var(--text-b);line-height:1.75;font-style:italic}
.testimonials{background:var(--bg2)}.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.t-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:var(--trans)}.t-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.08);transform:translateY(-2px)}.t-stars{color:#F59E0B;font-size:.85rem;margin-bottom:12px}.t-card p{font-size:.85rem;color:var(--text-b);line-height:1.75;margin-bottom:18px}.t-author{display:flex;align-items:center;gap:10px}.t-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;flex-shrink:0}.t-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.t-name{font-size:.85rem;font-weight:700;color:var(--text-h)}.t-role{font-size:.72rem;color:var(--text-s)}
.free-promise{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.fp-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.fp-text h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:var(--text-h);margin-bottom:12px;letter-spacing:-.02em}.fp-text>p{color:var(--text-b);line-height:1.8;margin-bottom:24px}.fp-list{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.fp-list li{display:flex;align-items:flex-start;gap:12px}.fp-ck{width:22px;height:22px;background:var(--grad-btn);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:2px}.fp-list strong{display:block;color:var(--text-h);font-weight:700;margin-bottom:2px}.fp-list span{font-size:.82rem;color:var(--text-s)}.fp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fp-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);text-align:center}.fp-card-icon{font-size:1.6rem;margin-bottom:8px}.fp-card-title{font-size:.85rem;font-weight:800;color:var(--text-h);margin-bottom:4px}.fp-card-desc{font-size:.72rem;color:var(--text-s)}
.pricing{background:var(--bg2)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.p-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px 18px;position:relative;transition:var(--trans)}.p-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.1);transform:translateY(-3px)}.p-card.featured{border:2px solid var(--teal);box-shadow:0 8px 28px rgba(14,165,233,0.15)}.p-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--grad-btn);color:#fff;font-size:.7rem;font-weight:700;padding:3px 12px;border-radius:20px;white-space:nowrap}.p-name{font-size:.85rem;font-weight:700;color:var(--text-h);margin-bottom:10px}.p-price{margin-bottom:8px}.p-num{font-size:2.2rem;font-weight:900;color:var(--text-h)}.p-unit{font-size:.78rem;color:var(--text-s)}.p-free-num{font-size:2rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.p-desc{font-size:.78rem;color:var(--text-s);margin-bottom:18px;min-height:32px}.p-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.p-features li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-b)}.p-features .ck{color:var(--teal);font-weight:700}.p-features .no{color:#E2E8F0}.btn-plan{display:block;width:100%;text-align:center;padding:10px;border-radius:980px;font-size:.85rem;font-weight:700;border:1.5px solid var(--border);color:var(--teal);transition:var(--trans)}.btn-plan:hover{border-color:var(--teal)}.btn-plan.featured{background:var(--grad-btn);color:#fff;border-color:transparent}.pricing-note{text-align:center;margin-top:24px;font-size:.78rem;color:var(--text-s);display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.pricing-note span::before{content:"✓ ";color:var(--teal)}
.download{background:linear-gradient(135deg,#0F172A,#1E1B4B)}.dl-inner{text-align:center}.dl-inner h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;color:#fff;margin-bottom:12px;letter-spacing:-.02em}.dl-inner>p{color:rgba(255,255,255,0.5);margin-bottom:32px}.dl-platforms{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}.dl-btn{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);padding:12px 20px;border-radius:var(--radius);font-size:.85rem;font-weight:600;transition:var(--trans)}.dl-btn:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px)}.dl-btn svg{width:18px;height:18px;flex-shrink:0}.dl-os{font-weight:700;display:block;color:#fff}.dl-ver{font-size:.7rem;color:rgba(255,255,255,0.4);display:block}.dl-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:.78rem;color:rgba(255,255,255,0.4)}.dl-trust span::before{content:"✓ ";color:rgba(14,165,233,0.8)}
.faq{background:var(--bg)}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;font-weight:600;color:var(--text-h);font-size:.88rem;transition:var(--trans)}.faq-q:hover{color:var(--teal)}.faq-arrow{font-size:.72rem;color:var(--text-s);transition:var(--trans)}.faq-a{display:none;padding:0 0 16px;font-size:.85rem;color:var(--text-b);line-height:1.75}.faq-item.open .faq-a{display:block}.faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--teal)}.faq-item.open .faq-q{color:var(--teal)}
.footer{background:#0F172A;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand .logo{color:#fff;margin-bottom:14px}.footer-brand p{font-size:.82rem;color:rgba(255,255,255,0.35);line-height:1.7;max-width:260px;margin-top:12px}.footer-col h4{font-size:.72rem;font-weight:700;color:rgba(255,255,255,0.35);margin-bottom:14px;text-transform:uppercase;letter-spacing:.08em}.footer-col a{display:block;font-size:.82rem;color:rgba(255,255,255,0.35);margin-bottom:9px;transition:var(--trans)}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:rgba(255,255,255,0.25);flex-wrap:wrap;gap:8px}
@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.fp-inner{grid-template-columns:1fr;gap:40px}.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}}
@media(max-width:768px){.sc-grid,.t-grid,.media-quotes{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.nav{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr}.hf-1,.hf-2{display:none}}

/* ===== 补充缺失样式 ===== */
.dl-qr-row{display:flex;align-items:center;gap:16px;margin-top:24px}
.dl-qr-box{width:80px;height:80px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px;flex-shrink:0}
.dl-qr-box svg{width:100%;height:100%;color:rgba(255,255,255,0.8)}
.dl-qr-text{font-size:.8rem;color:rgba(255,255,255,0.5)}
/* =========================
   修复：HTML / CSS 不同代模板的兼容映射
   直接追加到现有 CSS 最后面
   ========================= */

/* 1. 兼容当前 HTML 的统计条类名 */
.stats-bar {
  background: #fff;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 28px 0;
}

.stat-divider {
  width: 1px;
  height: 36px;
  background: var(--border);
}

/* 2. 兼容当前 HTML 的媒体 logo 类名 */
.media-logo-item {
  font-size: .85rem;
  font-weight: 800;
  color: #CBD5E1;
  letter-spacing: .12em;
  transition: var(--trans);
}

.media-logo-item:hover {
  color: var(--teal);
}

/* 3. 兼容 compare 新结构 */
.compare {
  background: var(--bg2);
}

.compare-inner {
  display: grid;
  grid-template-columns: 1fr 90px 1fr;
  gap: 20px;
  align-items: stretch;
}

.compare-col {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px 24px;
}

.compare-col h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 800;
  color: var(--text-h);
  margin-bottom: 16px;
}

.compare-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
}

.compare-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: .84rem;
  color: var(--text-b);
  line-height: 1.7;
}

.compare-icon {
  font-weight: 800;
  line-height: 1.2;
}

.before .compare-icon {
  color: #EF4444;
}

.after .compare-icon {
  color: #22C55E;
}

.compare-divider {
  display: flex;
  align-items: center;
  justify-content: center;
}

.compare-vs {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--grad-btn);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(14,165,233,0.18);
}

.speed-bar-wrap {
  margin-top: 6px;
}

.speed-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: .8rem;
  color: var(--text-s);
}

.speed-bar {
  width: 100%;
  height: 8px;
  background: var(--border);
  border-radius: 999px;
  overflow: hidden;
}

.speed-fill {
  height: 100%;
  border-radius: 999px;
}

.speed-fill.slow {
  width: 28%;
  background: linear-gradient(90deg, #F59E0B, #EF4444);
}

.speed-fill.fast {
  width: 84%;
  background: linear-gradient(90deg, #22C55E, #0EA5E9);
}

/* 4. 兼容你当前 HTML 里的 feat-icon-wrap */
.feat-icon-wrap {
  font-size: 1.8rem;
  margin-bottom: 12px;
  display: block;
}

/* 5. 兼容 trust 行 */
.trust-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

.trust-item-box {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px;
  text-align: center;
}

.trust-num {
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--text-h);
  margin-bottom: 4px;
}

.trust-lbl {
  font-size: .75rem;
  color: var(--text-s);
}

/* 6. 修复 dl-qr 在浅色主题里的显示 */
.dl-qr-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}

.dl-qr-box {
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  flex-shrink: 0;
}

.dl-qr-box svg {
  width: 100%;
  height: 100%;
  color: rgba(255,255,255,0.8);
}

.dl-qr-text {
  font-size: .8rem;
  color: rgba(255,255,255,0.55);
}

/* 7. 移动端菜单展开：原 CSS 缺失 .nav.open */
@media (max-width: 768px) {
  .header-inner {
    flex-wrap: wrap;
    height: auto;
    min-height: 56px;
    padding: 10px 0;
  }

  .header-actions {
    margin-left: auto;
  }

  .nav.open {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    gap: 6px;
    padding: 12px 0 4px;
    border-top: 1px solid var(--border);
    margin-top: 10px;
  }

  .nav.open .nav-link {
    width: 100%;
    padding: 10px 0;
    font-size: 0.9rem;
  }

  .compare-inner {
    grid-template-columns: 1fr;
  }

  .compare-divider {
    padding: 10px 0;
  }

  .trust-row {
    grid-template-columns: 1fr 1fr;
  }

  .dl-platforms {
    flex-direction: column;
    align-items: stretch;
  }

  .dl-btn {
    width: 100%;
    justify-content: flex-start;
  }

  .dl-qr-row {
    flex-direction: column;
    text-align: center;
  }

  /* 修复你原 CSS 里缺点号导致的移动端失效 */
  .sc-grid,
  .t-grid,
  .media-quotes,
  .blog-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .trust-row {
    grid-template-columns: 1fr;
  }
}