*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;line-height:1.6;color:#1e293b;background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}

.container{max-width:1060px;margin:0 auto;padding:0 24px}

/* ── 导航 ── */
.header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}
.nav{display:flex;justify-content:space-between;align-items:center;height:56px}
.nav-brand{font-size:17px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:10px}
.nav-brand img{width:28px;height:28px;border-radius:6px}
.nav-links{display:flex;gap:28px}
.nav-links a{font-size:15px;font-weight:500;color:#64748b;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:#2563eb}

/* ── Hero ── */
.hero{padding:72px 0 56px;text-align:center;background:linear-gradient(180deg,#eef4ff 0%,#fff 100%)}
.hero h1{font-size:38px;font-weight:800;color:#0f172a;margin-bottom:14px}
.hero .subtitle{font-size:17px;color:#475569;margin-bottom:36px;max-width:580px;margin-left:auto;margin-right:auto;line-height:1.7}
.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.hero-hint{font-size:13px;color:#94a3b8;margin-top:10px}
.hero-platforms{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.hero-platforms span{font-size:13px;color:#64748b;padding:4px 14px;background:#f1f5f9;border-radius:20px}

/* ── 按钮 ── */
.btn-primary{display:inline-block;padding:13px 30px;background:#2563eb;color:#fff;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s,transform .15s}
.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}
.btn-outline{display:inline-block;padding:13px 30px;background:#fff;color:#2563eb;border:1px solid #2563eb;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s,transform .15s}
.btn-outline:hover{background:#eff6ff;transform:translateY(-1px)}

/* ── 用户评价 ── */
.reviews{padding:64px 0;background:#fff}
.section-title{text-align:center;font-size:26px;font-weight:700;color:#0f172a;margin-bottom:36px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}
.review-stars{color:#f59e0b;font-size:16px;margin-bottom:12px;letter-spacing:2px}
.review-text{font-size:14px;color:#334155;line-height:1.75;margin-bottom:18px}
.review-user{display:flex;align-items:center;gap:10px}
.review-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.review-name{font-size:14px;font-weight:600;color:#1e293b}
.review-meta{font-size:12px;color:#94a3b8;margin-top:2px}

/* ── 知识卡片 ── */
.knowledge{padding:64px 0;background:#f8fafc}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.knowledge-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:border-color .2s}
.knowledge-card:hover{border-color:#93c5fd}
.knowledge-card h3{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:8px}
.knowledge-card p{font-size:14px;color:#475569;line-height:1.75}

/* ── 下载页 Hero ── */
.dl-hero{padding:56px 0 36px;text-align:center;background:linear-gradient(180deg,#eef4ff 0%,#fff 100%)}
.dl-hero h1{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:10px}
.dl-hero .subtitle{font-size:16px;color:#64748b}

/* ── 平台卡片 ── */
.dl-section{padding:40px 0 72px}
.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.platform-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px;transition:border-color .2s,box-shadow .2s}
.platform-card:hover{border-color:#93c5fd;box-shadow:0 4px 16px rgba(37,99,235,.07)}
.platform-card .pf-name{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:4px}
.platform-card .pf-ver{font-size:13px;color:#94a3b8;margin-bottom:3px}
.platform-card .pf-req{font-size:13px;color:#64748b;margin-bottom:18px}
.platform-card .btn-primary{display:block;text-align:center;margin-bottom:8px}
.platform-card .hint{font-size:12px;color:#94a3b8;text-align:center;margin-bottom:10px}
.variant-links{display:flex;gap:10px;flex-wrap:wrap}
.variant-links a{font-size:13px;color:#2563eb;transition:color .2s}
.variant-links a:hover{color:#1e40af;text-decoration:underline}
.variant-links .sep{color:#cbd5e1;user-select:none}

/* ── 页脚 ── */
.footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:36px 0}
.footer-disclaimer{text-align:center;margin-bottom:16px}
.footer-disclaimer p{font-size:13px;color:#94a3b8;line-height:1.8}
.footer-copy{text-align:center;font-size:13px;color:#94a3b8}

/* ── 响应式 ── */
@media(max-width:768px){
  .hero{padding:48px 0 36px}
  .hero h1{font-size:26px}
  .hero .subtitle{font-size:15px}
  .hero-buttons{flex-direction:column;align-items:center}
  .btn-primary,.btn-outline{width:100%;max-width:280px;text-align:center}
  .reviews-grid{grid-template-columns:1fr}
  .knowledge-grid{grid-template-columns:1fr}
  .platform-grid{grid-template-columns:1fr}
  .nav-links{gap:18px}
  .dl-hero h1{font-size:24px}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .hero h1{font-size:22px}
  .section-title{font-size:20px}
  .nav-links a{font-size:14px}
}