/* ===== 4412club 会员之家 · 全站共享样式 ===== */
:root{
  --green:#1B3A2F;        /* 主色·深绿 */
  --green-soft:#2d6a4f;   /* 辅绿 */
  --orange:#f5832b;       /* 强调·暖橘 */
  --orange-2:#f7941d;     /* 渐变橘 */
  --gold:#b8860b;         /* 金字 */
  --gold-bg:#fff6da;      /* 暖黄底 */
  --gold-line:#f3d27a;    /* 暖黄边 */
  --ink:#1B3A2F;          /* 正文深 */
  --slate:#5a6a85;        /* 辅助文字 */
  --slate-2:#8a96ab;      /* 更浅文字 */
  --slate-3:#9aa6bb;      /* 注释 */
  --paper:#fafbfc;        /* 区块底 */
  --line:#eef1f6;         /* 描边 */
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'PingFang SC','Microsoft YaHei',-apple-system,sans-serif;
  background:#fff;color:var(--ink);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.container{max-width:680px;margin:0 auto;}

/* ── 顶部导航 ── */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;padding:10px 18px;gap:8px;}
.nav-logo{font-size:18px;font-weight:900;color:var(--green);text-decoration:none;letter-spacing:-.5px;flex:0 0 auto;}
.nav-logo b{color:var(--orange);}
.nav-links{display:flex;flex:1 1 auto;gap:3px;overflow-x:auto;scrollbar-width:none;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links a{font-size:13.5px;font-weight:700;color:var(--slate);text-decoration:none;padding:6px 10px;border-radius:9px;white-space:nowrap;transition:color .2s,background .2s;}
.nav-links a:hover{color:var(--green);background:var(--paper);}
.nav-links a.active{color:var(--green);background:#eaf4ef;}
.nav-menu{position:relative;flex:0 0 auto;}
.nav-menu summary{list-style:none;cursor:pointer;font-size:18px;line-height:1;padding:5px 8px;border-radius:9px;transition:background .2s;}
.nav-menu summary::-webkit-details-marker{display:none;}
.nav-menu summary:hover{background:var(--paper);}
.nav-menu[open] summary{background:#eaf4ef;}
.nav-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1.5px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(27,58,47,.14);padding:6px;min-width:128px;z-index:60;}
.nav-dropdown a{display:block;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:8px;white-space:nowrap;transition:background .2s,color .2s;}
.nav-dropdown a:hover{background:var(--paper);}
.nav-dropdown a.logout{color:var(--orange);}

/* ── HERO ── */
.hero{position:relative;padding:50px 26px 30px;text-align:center;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%, #fff8e8 0%, #fffdf7 38%, #fff 72%);}
.hero-tag{display:inline-block;background:var(--gold-bg);color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:800;padding:6px 15px;border-radius:20px;margin-bottom:18px;}
.hero h1{font-size:33px;font-weight:900;line-height:1.34;margin-bottom:14px;}
.hero h1 em{font-style:normal;color:var(--orange);}
.hero-sub{font-size:15px;color:var(--slate);max-width:440px;margin:0 auto;}
.hero-sub strong{color:var(--ink);}
.hero-steps{margin-top:22px;font-size:12px;color:var(--slate-2);letter-spacing:.3px;}
.hero-steps b{color:var(--green-soft);font-weight:800;}

/* ── Mia 的话 ── */
.welcome{padding:34px 26px 8px;}
.welcome-card{max-width:500px;margin:0 auto;background:var(--paper);border:1.5px solid var(--line);border-left:4px solid var(--orange);border-radius:16px;padding:24px 22px;}
.welcome-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.welcome-photo{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:#fff;box-shadow:0 6px 18px rgba(27,58,47,.16);border:2.5px solid #fff;outline:2px solid rgba(247,148,29,.45);outline-offset:2px;}
.welcome-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.welcome-by{font-size:15px;font-weight:800;color:var(--ink);}
.welcome-by span{display:block;font-size:11.5px;font-weight:500;color:var(--slate-2);letter-spacing:.5px;margin-top:2px;}
.welcome-card p{font-size:14px;color:#3a4760;line-height:1.95;}
.welcome-card p + p{margin-top:10px;}
.welcome-card b{color:var(--ink);}

/* ── 通用 section ── */
.section{padding:42px 26px;}
.section.alt{background:var(--paper);}
.eyebrow{font-size:11px;letter-spacing:3px;color:var(--orange);font-weight:800;text-align:center;margin-bottom:8px;}
.section h2{font-size:24px;font-weight:900;text-align:center;color:var(--ink);margin-bottom:6px;}
.section .lead{font-size:13.5px;color:var(--slate);text-align:center;max-width:460px;margin:0 auto 26px;}

/* ── 90 天路线图 ── */
.roadmap{max-width:500px;margin:0 auto;}
.phase{position:relative;padding:0 0 26px 36px;}
.phase::before{content:'';position:absolute;left:9px;top:6px;bottom:-6px;width:2px;background:linear-gradient(var(--green-soft),rgba(45,106,79,.25));}
.phase:last-of-type{padding-bottom:4px;}
.phase:last-of-type::before{display:none;}
.phase-dot{position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;border:2.5px solid var(--green-soft);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:var(--green-soft);}
.phase-when{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:10px;}
.phase-when span{font-size:11px;font-weight:700;color:var(--orange);letter-spacing:1px;margin-left:6px;}
.phase-row{display:flex;gap:9px;font-size:13.5px;color:#3a4760;line-height:1.7;margin-bottom:8px;}
.phase-row:last-child{margin-bottom:0;}
.phase-tag{flex:0 0 auto;font-size:10.5px;font-weight:800;letter-spacing:.5px;padding:2px 9px;border-radius:20px;height:fit-content;margin-top:2px;}
.tag-feel{background:#eaf4ef;color:var(--green-soft);}
.tag-with{background:var(--gold-bg);color:var(--gold);}
.roadmap-foot{max-width:500px;margin:6px auto 0;text-align:center;font-size:13.5px;color:var(--green-soft);font-weight:700;line-height:1.8;background:#eaf4ef;border-radius:14px;padding:16px 20px;}

/* ── 首页 · 探索入口 ── */
.explore{display:grid;gap:12px;max-width:500px;margin:0 auto;}
.exp-card{display:flex;align-items:center;gap:15px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:17px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;}
.exp-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(27,58,47,.1);border-color:var(--gold-line);}
.exp-icon{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:26px;}
.exp-body{flex:1;min-width:0;}
.exp-name{font-size:16px;font-weight:800;color:var(--ink);}
.exp-desc{font-size:12.5px;color:var(--slate);line-height:1.6;margin-top:3px;}
.exp-go{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--orange);}

/* ── 会员内容库 · 课程 ── */
.feature-video{max-width:500px;margin:0 auto 22px;border-radius:16px;overflow:hidden;border:1.5px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(27,58,47,.1);}
.fv-thumb{position:relative;aspect-ratio:16/9;background:radial-gradient(120% 120% at 30% 20%, #2d6a4f 0%, #1B3A2F 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
.fv-badge{position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1px;padding:4px 11px;border-radius:20px;}
.fv-play{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;margin-bottom:10px;box-shadow:0 6px 18px rgba(0,0,0,.25);}
.fv-soon{font-size:10.5px;letter-spacing:2px;color:#9be0c0;font-weight:700;}
.fv-body{padding:15px 18px 17px;}
.fv-title{font-size:16px;font-weight:800;color:var(--ink);line-height:1.5;}
.fv-meta{font-size:12px;color:var(--slate-2);margin-top:6px;}
.fv-meta b{color:var(--green-soft);font-weight:700;}
.series{display:grid;gap:14px;max-width:500px;margin:0 auto;}
.serie{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:20px;}
.serie-head{display:flex;align-items:center;gap:11px;margin-bottom:10px;}
.serie-icon{font-size:22px;line-height:1;}
.serie-name{font-size:17px;font-weight:900;color:var(--ink);}
.serie-tag{font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:3px 11px;border-radius:20px;margin-left:auto;}
.tag-why{background:#eaf4ef;color:var(--green-soft);}
.tag-how{background:#fff0e4;color:#d2691e;}
.tag-who{background:var(--gold-bg);color:var(--gold);}
.serie-desc{font-size:13px;color:var(--slate);line-height:1.78;margin-bottom:13px;}
.serie-list{list-style:none;display:grid;gap:9px;}
.serie-list li{position:relative;padding-left:19px;font-size:13px;color:#3a4760;line-height:1.55;}
.serie-list li::before{content:'▸';position:absolute;left:2px;top:0;color:var(--orange);font-weight:900;}
.serie-go{margin-top:15px;font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--green-soft);background:#eaf4ef;display:inline-block;padding:6px 13px;border-radius:20px;}

/* ── 工具箱 ── */
.tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:500px;margin:0 auto;}
.tool{display:block;text-decoration:none;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;}
.tool:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(27,58,47,.1);border-color:var(--gold-line);}
.tool-icon{font-size:24px;margin-bottom:8px;}
.tool-name{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:4px;}
.tool-desc{font-size:12px;color:var(--slate);line-height:1.65;margin-bottom:10px;}
.tool-go{font-size:11.5px;font-weight:800;color:var(--orange);letter-spacing:.5px;}

/* ── 高光时刻 ── */
.hl-grid{display:grid;gap:13px;max-width:500px;margin:0 auto;}
.hl-card{background:#fff;border:1.5px solid var(--line);border-left:4px solid var(--orange);border-radius:14px;padding:19px 20px;}
.hl-quote{font-size:15px;color:var(--ink);line-height:1.85;font-weight:600;}
.hl-quote span{color:var(--orange);}
.hl-by{font-size:12px;color:var(--slate-2);margin-top:11px;letter-spacing:.3px;}
.hl-invite{max-width:500px;margin:18px auto 0;text-align:center;background:#eaf4ef;border:1.5px dashed var(--green-soft);border-radius:14px;padding:20px;}
.hl-invite p{font-size:13.5px;color:var(--green-soft);font-weight:700;line-height:1.8;}

/* ── 联系 / 加入 ── */
.contact{padding:44px 26px;text-align:center;}
.contact.alt{background:var(--paper);}
.contact-photo{display:inline-block;width:78px;height:78px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(27,58,47,.16);border:3px solid #fff;outline:2px solid rgba(247,148,29,.45);outline-offset:2px;margin-bottom:14px;}
.contact-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.contact h2{font-size:21px;font-weight:800;margin-bottom:6px;color:var(--ink);}
.contact p{font-size:13px;color:var(--slate);margin-bottom:20px;line-height:1.8;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:420px;margin:0 auto;}
.contact-card{padding:16px 12px;border-radius:12px;text-decoration:none;text-align:center;display:block;cursor:pointer;border:none;font-family:inherit;width:100%;}
.contact-wechat{background:#fff;border:1.5px solid var(--green);color:var(--green);}
.contact-whatsapp{background:#25d366;color:#fff;}
.contact-icon{font-size:20px;margin-bottom:4px;}
.contact-label{font-size:10px;letter-spacing:1.5px;font-weight:700;opacity:.85;}
.contact-value{font-size:13px;font-weight:800;margin-top:4px;}
.copied-hint{font-size:10px;color:var(--green-soft);font-weight:700;margin-top:4px;height:12px;letter-spacing:.5px;}

/* ── 加入 · 你会得到 ── */
.gets{display:grid;gap:11px;max-width:460px;margin:0 auto 8px;}
.get{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:13px;padding:15px 17px;}
.get-ic{font-size:20px;flex:0 0 auto;}
.get-tx{font-size:13.5px;color:#3a4760;line-height:1.7;}
.get-tx b{color:var(--ink);}

/* ── CTA 按钮 ── */
.cta-join{display:inline-block;background:linear-gradient(135deg,var(--orange-2),var(--orange));color:#fff;text-decoration:none;font-size:15px;font-weight:800;padding:15px 30px;border-radius:14px;box-shadow:0 10px 26px rgba(245,131,43,.32);transition:transform .2s,box-shadow .2s;letter-spacing:.3px;}
.cta-join:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(245,131,43,.42);}

/* ── 页脚 ── */
.footer{padding:30px 26px;text-align:center;font-size:11px;color:#94a3b8;line-height:1.85;border-top:1px solid var(--line);}
.footer a{color:var(--slate);text-decoration:none;}
.footer-en{margin:7px 0;font-size:11.5px;letter-spacing:1px;color:var(--green-soft);font-weight:700;font-style:italic;}
.footer-slogan{font-size:13px;color:var(--ink);font-weight:800;margin-bottom:8px;}
.disclaimer{background:#f6f8fb;border-radius:8px;padding:11px 14px;margin-top:14px;font-size:10.5px;color:#94a3b8;font-style:italic;line-height:1.7;}

@media (max-width:480px){
  .nav-inner{padding:9px 14px;}
  .nav-logo{font-size:16px;}
  .nav-links a{font-size:12.5px;padding:6px 8px;}
  .hero{padding:40px 22px 26px;}
  .hero h1{font-size:27px;}
  .section{padding:36px 22px;}
  .section h2{font-size:21px;}
  .tools{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
}