*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#333;line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
.wrapper{max-width:1080px;margin:0 auto;padding:0 24px}

/* ── 导航 ── */
.top-nav{background:#fff;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:900}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}
.brand-text{font-size:17px;font-weight:700;color:#1a1a2e}
.nav-links{display:flex;gap:28px}
.nav-links a{font-size:15px;color:#666;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:#3b6de7}

/* ── 首页 Hero ── */
.hero{background:linear-gradient(135deg,#eef2ff 0%,#e0e8ff 100%);padding:72px 0 56px;text-align:center}
.hero-content h1{font-size:46px;color:#1a1a2e;font-weight:800;letter-spacing:-.5px;margin-bottom:14px}
.hero-desc{font-size:18px;color:#555;max-width:540px;margin:0 auto 36px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:14px}
.hero-hint{font-size:13px;color:#999;margin-bottom:10px}
.hero-more{font-size:14px;color:#3b6de7;transition:opacity .2s}
.hero-more:hover{opacity:.75}

/* ── 按钮 ── */
.btn-primary{display:inline-block;padding:13px 30px;background:#3b6de7;color:#fff;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}
.btn-primary:hover{background:#2f5bd0;transform:translateY(-1px);box-shadow:0 4px 14px rgba(59,109,231,.3)}
.btn-secondary{display:inline-block;padding:13px 26px;background:#fff;color:#3b6de7;border:2px solid #3b6de7;border-radius:8px;font-size:15px;font-weight:600;transition:background .2s}
.btn-secondary:hover{background:#f0f4ff}

/* ── 用户评价 ── */
.reviews-section{padding:72px 0;background:#fff}
.section-title{text-align:center;font-size:30px;color:#1a1a2e;font-weight:700;margin-bottom:44px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{background:#f9fafb;border:1px solid #eee;border-radius:12px;padding:26px;transition:box-shadow .2s}
.review-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.05)}
.review-stars{color:#f0a832;font-size:17px;letter-spacing:2px;margin-bottom:14px}
.review-text{font-size:15px;color:#444;line-height:1.7;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:#333}
.review-meta{font-size:12px;color:#999}

/* ── 知识卡片 ── */
.knowledge-section{padding:72px 0;background:#f6f7f9}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.knowledge-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:26px;transition:box-shadow .2s}
.knowledge-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.05)}
.knowledge-card h3{font-size:16px;color:#1a1a2e;font-weight:600;margin-bottom:8px}
.knowledge-card p{font-size:14px;color:#666;line-height:1.7}

/* ── 下载页 Hero ── */
.dl-hero{background:linear-gradient(135deg,#eef2ff 0%,#e0e8ff 100%);padding:60px 0 44px;text-align:center}
.dl-hero h1{font-size:38px;color:#1a1a2e;font-weight:800;margin-bottom:10px}
.dl-subtitle{font-size:17px;color:#666}

/* ── 平台卡片 ── */
.dl-platforms{padding:44px 0 56px}
.dl-platforms .wrapper{display:flex;flex-direction:column;gap:18px}
.platform-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:28px 32px;transition:box-shadow .2s}
.platform-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.05)}
.platform-top{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
.platform-top h2{font-size:21px;color:#1a1a2e;font-weight:700}
.version-tag{font-size:12px;color:#888;background:#f0f0f0;padding:2px 10px;border-radius:4px}
.platform-req{font-size:14px;color:#666;margin-bottom:18px}
.platform-cta{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.cta-hint{font-size:13px;color:#999}
.variant-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.variant-links a{color:#3b6de7;transition:color .15s}
.variant-links a:hover{color:#2f5bd0;text-decoration:underline}
.sep{color:#ccc}

/* ── 版本通道 ── */
.dl-channels{padding:44px 0 72px}
.channels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.channel-card{background:#f9fafb;border:1px solid #e8e8e8;border-radius:12px;padding:26px;position:relative}
.channel-stable{border-color:#3b6de7;background:#f5f8ff}
.channel-card h3{font-size:17px;color:#1a1a2e;font-weight:600;margin-bottom:8px}
.channel-card p{font-size:14px;color:#666;line-height:1.7}
.channel-badge{position:absolute;top:14px;right:14px;font-size:12px;color:#3b6de7;background:#e4ecff;padding:2px 12px;border-radius:4px;font-weight:600}

/* ── 页脚 ── */
.site-footer{background:#1a1a2e;padding:44px 0 28px}
.disclaimer{text-align:center;margin-bottom:20px}
.disclaimer p{font-size:13px;color:#8a8a9a;margin-bottom:5px;line-height:1.6}
.copyright{text-align:center;font-size:13px;color:#555;padding-top:18px;border-top:1px solid #2c2c42}

/* ── 无障碍 ── */
a:focus,button:focus{outline:2px solid #3b6de7;outline-offset:2px}

/* ── 响应式 ── */
@media(max-width:768px){
    .hero-content h1{font-size:32px}
    .hero-desc{font-size:16px}
    .hero-buttons{flex-direction:column;align-items:center}
    .btn-primary,.btn-secondary{width:100%;max-width:300px;text-align:center}
    .reviews-grid{grid-template-columns:1fr}
    .knowledge-grid{grid-template-columns:1fr}
    .dl-hero h1{font-size:28px}
    .platform-top{flex-direction:column;gap:4px}
    .platform-cta{flex-direction:column;align-items:flex-start}
    .channels-grid{grid-template-columns:1fr}
    .section-title{font-size:24px}
    .nav-links{gap:18px}
}
@media(max-width:480px){
    .hero-content h1{font-size:28px}
    .platform-card{padding:22px 18px}
    .review-card,.knowledge-card,.channel-card{padding:22px 18px}
}
