:root{
  --bg: #f7fbff;
  --surface: #ffffff;
  --card: #ffffff;
  --text: #0a1b2e;
  --muted: #5f6b85;
  --accent: #4cc9ff;
  --primary: #4facff;
  --secondary: #4cffc9;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family: Inter, system-ui, -apple-system, Arial, sans-serif;background:radial-gradient(circle at 20% -10%, rgba(76,202,255,.25), transparent 40%), radial-gradient(circle at 100% 0%, rgba(208, 235, 255,.25), transparent 40%), #f7fbff;color:var(--text);}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.2) blur(2px);border-bottom:1px solid rgba(0,0,0,.07);z-index:10;transition: box-shadow .2s ease, transform .2s ease}
.site-header .menu-toggle{display:none;border:none;background:transparent;font-size:28px;cursor:pointer;padding:6px 8px;border-radius:6px}
.site-header.open{ /* open state for mobile nav */}
.site-header.scrolled{box-shadow:0 8px 18px rgba(0,0,0,.15)}
.logo{color:var(--text)}
.brand{ display:flex; align-items:center; gap:8px; text-decoration:none; color:var(--text); }
.brand .logo-img{ height:40px; width:auto; display:block; }
.brand-text{ font-weight:700; font-size:18px; white-space:nowrap; }
.logo-img{height:40px; width:auto; display:block}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:700;letter-spacing:.5px}
.main-nav{display:flex;gap:18px}
.main-nav a{color:#0b1a3a;text-decoration:none;font-size:14px;padding:6px 10px;border-radius:6px;transition: background .2s ease, transform .2s ease}
.main-nav a:hover{background: rgba(255, 214, 102, .25); transform: translateY(-2px);}
.main-nav a.active{background: rgba(43,195,255,.25);color:white}
.hero{padding:82px 0 48px;background: linear-gradient(135deg, rgba(76, 219, 255, .95), rgba(140, 180, 255, .95));border-bottom:1px solid rgba(0,0,0,.08)}
.hero-content{max-width:700px}
.hero h1{font-size:38px;line-height:1.15;margin:0 0 12px}
.hero p{color:var(--muted);font-size:16px;margin-bottom:20px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 20px;border-radius:8px;text-decoration:none;border:1px solid rgba(255,255,255,.2);color:white;background:transparent}
.btn.primary{background: linear-gradient(135deg, #2bc3ff, #0ba1e5);border:0;box-shadow:0 6px 18px rgba(43,195,255,.4)}
.section{padding:20px 0}
.features{padding:32px 0}
.feature-list{display:flex;gap:16px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.feature-list li{background:#122033;border-radius:8px;padding:12px 14px;min-width:160px}

/* 微信服务区域 */
.wechat-section{padding:48px 0;border-top:1px solid rgba(0,0,0,.06)}
.wechat-section h2{text-align:center;margin:0 0 32px;font-size:24px;color:var(--text)}
.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.qr-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}
.qr-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12)}
.qr-img-wrap{width:160px;height:160px;margin:0 auto 16px;border-radius:12px;overflow:hidden;background:#f0f4f8;display:flex;align-items:center;justify-content:center}
.qr-img{width:100%;height:100%;object-fit:cover}
.qr-card h3{margin:0 0 10px;font-size:16px;color:var(--text)}
.qr-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}
@media (max-width:900px){
  .qr-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}
}


/* 下载页面样式 */
.download-section{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.download-section.single{grid-template-columns:1fr;max-width:500px;margin:24px auto 0}
.download-section.single .download-card{max-width:500px;margin:0 auto}
.download-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}
.download-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.download-icon{font-size:48px;margin-bottom:12px}
.download-card h2{margin:0 0 8px;font-size:20px;color:var(--text)}
.download-card p{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.6}
.download-btn{display:inline-block;margin-top:8px}
.download-tip{margin-top:16px;font-size:13px;color:var(--muted);background:rgba(76,202,255,.06);padding:10px 16px;border-radius:10px}
.download-tip kbd{display:inline-block;padding:2px 8px;border-radius:4px;background:#e8f0ff;color:var(--text);font-size:12px;font-weight:600;border:1px solid rgba(0,0,0,.1)}
.qr-mini{width:160px;height:160px;margin:16px auto;border-radius:12px;overflow:hidden;background:#f0f4f8;display:flex;align-items:center;justify-content:center}
.qr-mini img{width:100%;height:100%;object-fit:cover}
.qr-hint{font-size:13px;color:var(--muted);line-height:1.6;margin-top:12px}
.more-product-hint{text-align:center;margin-top:32px;padding:20px;background:rgba(255,107,107,.05);border-radius:12px;border:1px dashed rgba(255,107,107,.3)}
.more-product-hint p{margin:0;font-size:14px;color:var(--muted)}
.more-product-hint a{color:#ff6b6b;font-weight:600;text-decoration:none;transition:color .2s}
.more-product-hint a:hover{color:#ff4757}
.version-info{font-size:13px;color:var(--accent);font-weight:500;margin:0 0 12px}
.page-desc{color:var(--muted);font-size:15px;margin:8px 0 28px}
.feature-highlight{margin-top:36px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.feature-highlight h3{margin:0 0 16px;font-size:18px;color:var(--text)}
.feature-tags{display:flex;flex-wrap:wrap;gap:12px}
.feature-tags span{background:rgba(76,202,255,.08);padding:8px 16px;border-radius:20px;font-size:14px;color:var(--text)}
/* 产品详情区域 */
.detail-section{margin-top:36px}
.detail-section>h3{margin:0 0 20px;font-size:20px;color:var(--text);text-align:center}
.detail-card{background:#fff;border-radius:14px;padding:24px;margin-bottom:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}
.detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.detail-card h4{margin:0 0 10px;font-size:17px;color:var(--text)}
.detail-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.7}
.eval-list{margin:8px 0 0;padding-left:20px;font-size:14px;color:var(--muted);line-height:1.8}
.eval-list li{margin-bottom:6px}
.eval-list strong{color:var(--text)}
.highlight-card{background:linear-gradient(135deg,rgba(76,202,255,.08),rgba(76,255,201,.08));border-left:4px solid var(--primary)}
.highlight-card p{font-size:15px;font-weight:500;color:var(--text)}
.more-link{text-align:center;margin-top:32px;padding:24px;background:rgba(76,202,255,.05);border-radius:16px}
.more-link p{margin:0 0 12px;font-size:15px;color:var(--muted)}
@media (max-width:800px){
  .download-section{grid-template-columns:1fr}
  .detail-card{padding:20px}
  .eval-list{padding-left:16px}
}


/* 更多产品区域 */
.product-section{padding:48px 0;border-top:1px solid rgba(0,0,0,.06)}
.product-section h2{text-align:center;margin:0 0 24px;font-size:24px;color:var(--text)}
.product-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,.1);display:flex;gap:28px;align-items:flex-start;max-width:800px;margin:0 auto;transition:transform .2s ease,box-shadow .2s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}
.product-icon{font-size:56px;flex-shrink:0}
.product-info{flex:1}
.product-info h3{margin:0 0 8px;font-size:22px;color:var(--text);display:flex;align-items:center;gap:10px}
.product-badge{display:inline-block;padding:2px 10px;border-radius:20px;background:linear-gradient(135deg,#ff6b6b,#ffa500);color:#fff;font-size:12px;font-weight:600}
.product-desc{margin:0 0 14px;font-size:14px;color:var(--muted);line-height:1.6}
.product-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.product-features span{background:rgba(76,202,255,.08);padding:6px 12px;border-radius:20px;font-size:13px;color:var(--text)}
.product-links{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:600px){
  .product-card{flex-direction:column;text-align:center;padding:24px}
  .product-icon{font-size:48px}
  .product-features{justify-content:center}
  .product-links{justify-content:center}
}

/* 购买页样式 */
.purchase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.purchase-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}
.purchase-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.purchase-qr{margin:0 auto 16px;display:flex;justify-content:center;background:#f0f4f8;padding:16px;border-radius:12px;max-width:360px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}
.purchase-qr:hover{transform:scale(1.15);box-shadow:0 12px 32px rgba(0,0,0,.15)}
.purchase-qr img{width:100%;height:auto;display:block;border-radius:8px}
.purchase-card h3{margin:0 0 8px;font-size:18px;color:var(--text)}
.purchase-card p{margin:0 0 16px;font-size:14px;color:var(--muted);line-height:1.6}
@media (max-width:800px){
  .purchase-grid{grid-template-columns:1fr}
}


/* 密码服务页样式 */
.pwd-tabs{display:flex;gap:0;margin-bottom:28px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}
.pwd-tab{flex:1;padding:12px;border:none;background:#fff;font-size:15px;cursor:pointer;color:var(--muted);transition:background .2s,color .2s;font-weight:500}
.pwd-tab.active{background:linear-gradient(135deg,#4facff,#4cc9ff);color:#fff}
.pwd-tab:hover:not(.active){background:rgba(76,202,255,.06)}
.pwd-panel{display:none}
.pwd-panel.active{display:block}
.pwd-panel h2{margin:0 0 4px;font-size:20px;color:var(--text)}
.panel-desc{margin:0 0 20px;font-size:14px;color:var(--muted)}
.pwd-form{width:100%;max-width:600px;padding:0 20px}
.pwd-form label{display:block;margin:14px 0 6px;font-size:14px;color:var(--text)}
.pwd-form input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d0d8e8;background:#f5f8fc;font-size:14px;color:var(--text);transition:border-color .2s}
.pwd-form input:focus{outline:none;border-color:#4facff;box-shadow:0 0 0 3px rgba(79,172,255,.15)}
.code-row{display:flex;gap:10px;align-items:flex-end}
.code-row input{flex:1}
.send-code-btn{padding:10px 16px;border-radius:8px;border:1px solid #4facff;background:#fff;color:#4facff;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s}
.send-code-btn:hover{background:#4facff;color:#fff}
.send-code-btn:disabled{opacity:.5;cursor:not-allowed}
.pwd-msg{margin-top:16px;padding:10px 16px;border-radius:8px;font-size:14px;display:none}
.pwd-msg.info{display:block;background:rgba(79,172,255,.08);color:#0a6abf}
.pwd-msg.success{display:block;background:rgba(16,185,129,.08);color:#067a57}
.pwd-msg.error{display:block;background:rgba(239,68,68,.08);color:#b91c1c}

.site-footer{padding:28px 0;margin-top:60px;border-top:1px solid rgba(0,0,0,.08);color:var(--muted);font-size:13px;background:rgba(255,255,255,.5)}
.footer-content{display:flex;flex-direction:column;align-items:center;gap:8px}
.footer-content .copyright{margin:0;font-size:13px;color:var(--muted)}
.footer-content .icp{margin:0;font-size:12px}
.footer-content .icp a{color:var(--muted);text-decoration:none;padding:4px 14px;border-radius:20px;background:rgba(76,202,255,.08);transition:background .2s ease,color .2s ease}
.footer-content .icp a:hover{background:rgba(76,202,255,.18);color:var(--text)}
/* 新增美化组件：亮丽特性卡片 */
.fade-in{opacity:0; animation: fadeIn .6s ease-out forwards;}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width: 900px){
  /* 900px 以下：三项各自占一行，即单列排布 */
  .feature-grid{grid-template-columns: 1fr;}  
}
.card{background: rgba(255,255,255,.07);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 20px rgba(0,0,0,.15);transition: transform .2s ease, box-shadow .2s ease}
.card:hover{transform: translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.25)}
.icon{width:34px;height:34px;border-radius:9px;background: rgba(76, 209, 255, .15);display:flex;align-items:center;justify-content:center;color:#9bd3ff}
.card-content{font-size:15px;line-height:1.4}
@keyframes fadeIn{to{opacity:1}}
/* 表单样式 */
label{display:block;margin:14px 0 6px}
input, select, textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #2b3a62;background:#0e1a30;color:#fff}
.password-form{max-width:520px}
.purchase-form{max-width:520px}
@media (max-width: 800px){
  .hero h1{font-size: clamp(1.6rem, 4vw, 2.6rem)}
  .hero p{font-size: clamp(0.95rem, 2.2vw, 1.1rem)}
  .main-nav{display:none}
  .site-header .menu-toggle{display:inline-flex}
  .site-header.open .main-nav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #ddd;padding:8px 12px;box-shadow:0 8px 20px rgba(0,0,0,.1)}
  .main-nav a{padding:12px 8px}
}