/* ===== 基础重置 ===== */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg,#FAF6F1);color:var(--text,#2d1f2d);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
    .page-wrap{width:100%;max-width:600px;margin:0 auto;padding:0 12px}

    /* ===== CSS变量 ===== */
    :root{
      --bg:#FAF6F1;--bg2:#F0EBE3;
      --text:#2d1f2d;--text2:#4a3a5a;--text3:#6a5a7a;
      --card:#fff;--card-border:rgba(0,0,0,0.06);
      --accent:#8FAE8B;--accent2:#C4958A;
      --pink-glow:rgba(143,174,139,0.15);
    }
@media(prefers-color-scheme:dark){
  :root{
    --bg:#1a1218;--bg2:#221820;
    --text:#f0e8ec;--text2:#d0c0d0;--text3:#a89098;
    --card:#2a1e28;--card-border:rgba(255,255,255,0.08);
    --accent:#C4958A;--accent2:#A8C4A0;
    --pink-glow:rgba(196,149,138,0.15);
  }
  .card-num{color:#A8C4A0}
}
/* 手动深色模式覆盖 */
:root.dark{--bg:#1a1218;--bg2:#221820;--text:#f0e8ec;--text2:#d0c0d0;--text3:#a89098;--card:#2a1e28;--card-border:rgba(255,255,255,0.08);--accent:#C4958A;--accent2:#A8C4A0;--pink-glow:rgba(196,149,138,0.15)}
@media(prefers-color-scheme:dark){.card-num{color:#A8C4A0}}
:root.light{--bg:#FAF6F1;--bg2:#F0EBE3;--text:#2d1f2d;--text2:#4a3a5a;--text3:#6a5a7a;--card:#fff;--card-border:rgba(0,0,0,0.06);--accent:#8FAE8B;--accent2:#C4958A;--pink-glow:rgba(143,174,139,0.15)}

    /* ===== 导航 ===== */
    .top-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 0;border-bottom:1px solid var(--card-border)}
    .nav-inner{display:flex;align-items:center;justify-content:space-between}
    .logo{font-size:15px;font-weight:700;color:var(--text)}
    .nav-cta{background-color:#4a7046;background-image:linear-gradient(135deg,#4a7046,#6e4a40);color:#fff;border:none;border-radius:16px;padding:10px 18px;font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s;min-height:44px;display:inline-flex;align-items:center}
    .nav-cta:hover{transform:scale(1.04)}

    /* ===== Hero ===== */
    .hero{text-align:center;padding:8px 0 6px;position:relative}
    .hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:80px;background:radial-gradient(ellipse,var(--pink-glow),transparent 70%);pointer-events:none}
    .hero h1{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}
    .hero-sub{font-size:13px;color:var(--text2);margin-bottom:3px}
    .hero-desc{font-size:12px;color:var(--text3);line-height:1.4}

    /* ===== 新手引导 ===== */
    .guide-banner{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:14px;padding:14px 16px;margin:10px 0;color:#fff;display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .2s}
    .guide-banner:hover{transform:translateY(-2px)}
    .guide-icon{font-size:28px}
    .guide-text h3{font-size:14px;font-weight:600;margin-bottom:2px}
    .guide-text p{font-size:11px;opacity:0.9}

    /* ===== 社交证明 ===== */
    .social-proof{display:flex;justify-content:center;gap:16px;padding:10px 0;margin:6px 0;background:var(--card);border-radius:12px;border:1px solid var(--card-border)}
    .proof-item{text-align:center}
    .proof-num{font-size:18px;font-weight:700;color:var(--accent)}
    .proof-label{font-size:10px;color:var(--text3);margin-top:2px}

    /* ===== 区块标题 ===== */
    .section{padding:0 0 8px}
    .section-title{font-size:12px;color:var(--text3);margin-bottom:6px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}

    /* ===== 卡片网格 ===== */
    .card-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
    .test-card{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--card);border:1px solid var(--card-border);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s;position:relative;overflow:hidden;min-height:80px}
    .test-card::before{content:'';position:absolute;inset:0;background:var(--glow);opacity:0;transition:opacity .2s}
    .test-card:hover::before,.test-card:active::before{opacity:1}
    .test-card:hover{transform:translateY(-2px);border-color:var(--accent2)}
    .card-icon{font-size:20px;line-height:1}
    .card-info h3{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px;line-height:1.3}
    .card-num{margin-right:4px;color:#2d5a2d;font-weight:700}
    .card-info p{font-size:12px;color:var(--text3);line-height:1.4}
    .card-arrow{font-size:14px;color:var(--text3);position:absolute;top:10px;right:10px}

    /* ===== 推荐标签 ===== */
    .card-tag{display:inline-block;font-size:10px;background:var(--accent);color:#fff;padding:3px 8px;border-radius:6px;margin-bottom:4px;font-weight:600}

    /* ===== 隐私卡片 ===== */
    .privacy-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;margin:6px 0}
    .privacy-card h3{font-size:12px;color:var(--accent);margin-bottom:4px;font-weight:600}
    .privacy-card p{font-size:11px;color:var(--text3);line-height:1.6}

    /* ===== Footer ===== */
    .site-footer{text-align:center;padding:8px 0 12px}
    .site-footer p{font-size:11px;color:var(--text3)}

    /* ===== 移动端优化 ===== */
    @media(max-width:768px){
      body{font-size:16px!important}
      .test-card{min-height:80px;padding:12px}
      .card-info h3{font-size:14px}
      .card-info p{font-size:12px}
    }

    /* ===== 触摸优化 ===== */
    *{-webkit-tap-highlight-color:transparent}
    input,button,textarea,select{-webkit-appearance:none;appearance:none}
    button,.btn{-webkit-user-select:none;user-select:none}

    /* ===== 返回顶部 ===== */
    .back-to-top{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));right:24px;width:48px;height:48px;background-color:var(--accent);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 20px var(--pink-glow);cursor:pointer;opacity:0;transition:opacity .3s,transform .3s;z-index:999;border:none}
    .back-to-top.show{opacity:1}
    .back-to-top:active{transform:scale(0.9)}

    /* ===== 动效 ===== */
    @keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
    .animate-in{animation:fadeInUp 0.4s ease-out both}
    .delay-1{animation-delay:0.1s}
    .delay-2{animation-delay:0.2s}
    .delay-3{animation-delay:0.3s}

    /* ===== 新手引导弹窗 ===== */
    .guide-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s;pointer-events:none}
    .guide-overlay.show{opacity:1;pointer-events:auto}
    .guide-modal{background:var(--card);border-radius:20px;padding:32px 28px;max-width:340px;width:90%;text-align:center;transform:translateY(20px) scale(0.95);transition:transform .4s;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
    .guide-overlay.show .guide-modal{transform:translateY(0) scale(1)}
    .guide-modal .gm-icon{font-size:48px;margin-bottom:12px}
    .guide-modal h2{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text)}
    .guide-modal p{font-size:13px;color:var(--text3);line-height:1.6;margin-bottom:20px}
    .guide-modal .gm-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#4a7046;background-image:linear-gradient(135deg,#4a7046,#6e4a40);color:#fff;border:none;border-radius:20px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s;text-decoration:none;min-height:48px}
    .guide-modal .gm-btn:active{transform:scale(0.95)}

/* 增强移动端适配 */
@media(max-width:768px){
  .page-wrap{min-width:unset;padding:0 12px}
  .top-nav .nav-inner{padding:0 12px}
  .hero{padding:24px 16px 16px}
  .hero h1{font-size:1.8rem}
  .hero-sub{font-size:.85rem}
  .card-grid{grid-template-columns:1fr;gap:12px}
  .card-info h3{font-size:1rem}
  .test-card{min-height:70px;padding:14px}
  .section-title{font-size:1.1rem}
  .bottom-nav{padding:8px 12px}
  .bottom-nav a{font-size:.8rem;padding:8px 10px}
  .stats-summary{grid-template-columns:1fr 1fr;gap:8px}
}
@media(max-width:480px){
  .hero h1{font-size:1.5rem}
  .hero-glow{width:200px;height:200px}
  .guide-banner{padding:12px}
  .guide-banner .guide-text h4{font-size:.95rem}
}
    
    /* ===== 通用/成人区 Tab切换 ===== */
    .zone-tabs{display:flex;gap:6px;padding:10px 0 8px;justify-content:center}
    .zone-tab{flex:1;padding:11px 8px;border:1.5px solid var(--card-border);background:var(--card);border-radius:12px;font-size:13px;font-weight:600;color:var(--text3);cursor:pointer;transition:all .2s;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;gap:4px}
    .zone-tab.active{background-color:#4a7046;background-image:linear-gradient(135deg,#4a7046,#6e4a40);color:#fff;border-color:transparent;box-shadow:0 4px 16px var(--pink-glow)}
    .zone-tab:not(.active):hover{background:var(--bg2);color:var(--text)}
    .zone-badge{background:rgba(255,255,255,0.25);color:inherit;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}
    .zone-tab.active .zone-badge{background:rgba(0,0,0,0.2);color:#fff}
    .zone-tab:not(.active) .zone-badge{background:#5a7d56;color:#fff}

    /* ===== 成人区确认 ===== */
    .adult-confirm{text-align:center;padding:32px 16px;background:var(--card);border:1.5px solid var(--card-border);border-radius:16px;margin:8px 0}
    .adult-icon{font-size:52px;margin-bottom:12px}
    .adult-confirm h2{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}
    .adult-confirm p{font-size:13px;color:var(--text3);line-height:1.6;margin-bottom:20px}
    .adult-enter-btn{display:block;width:100%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:10px;min-height:48px}
    .adult-enter-btn:active{transform:scale(0.97)}
    .adult-back-btn{display:block;width:100%;background:transparent;color:var(--text3);border:1.5px solid var(--card-border);border-radius:14px;padding:12px;font-size:13px;cursor:pointer;min-height:48px}
    .adult-back-btn:active{background:var(--bg2)}
/* Updated: 2026-06-07T16:19:09.625653 */

/* 移动端触摸目标最小44px (WCAG 2.5.5) */
@media (max-width: 768px) {
  a[href], button, .btn, [onclick] {
    min-height: 44px;
    min-width: 44px;
  }
  p a[href], span a[href], li a[href] {
    min-height: auto;
    min-width: auto;
  }
}