:root{
  --green:#176b51;--green-lt:#23a06f;--green-mint:#6fd6ab;--green-soft:#e8f3ed;
  --deep:#08251c;--deeper:#061a14;--deep-2:#0e3d2e;
  --muted:#72817c;--border:#e2e9e6;--bg:#f5f7f8;--ink:#192f2a;
  --warn-bg:#fff8e6;--warn-border:#f0d9a8;--warn-ink:#7a5a17;
  font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);
  font-size:16px;line-height:1.65;-webkit-text-size-adjust:100%;
}
*{box-sizing:border-box}
body{margin:0}
h1,h2,h3{margin:0;line-height:1.25}
h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-1.4px;font-weight:700}
h3{font-size:19px;letter-spacing:-.4px}
p{margin:0}
ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
pre{margin:0;font:inherit}
.muted{color:var(--muted);font-size:14px}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}

/* 顶栏 */
.topbar{position:sticky;top:0;z-index:20;background:rgba(6,26,20,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(111,214,171,.14)}
.topbar-inner{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:flex;align-items:center;gap:11px;color:#fff;flex:none}
.brand:hover{text-decoration:none}
.brand img{width:32px;height:32px;display:block}
.brand strong{font-size:19px;display:block;line-height:1.2;letter-spacing:-.3px}
.brand small{display:block;font-size:9px;letter-spacing:2.6px;color:var(--green-mint);opacity:.8}
.topnav{display:flex;gap:26px;margin-left:auto;font-size:14px}
.topnav a{color:rgba(255,255,255,.72)}
.topnav a:hover{color:#fff;text-decoration:none}

/* 按钮 */
.btn{display:inline-block;border:1px solid var(--border);background:#fff;color:inherit;padding:11px 20px;border-radius:10px;font-size:14px;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.btn:hover{border-color:var(--green);background:#eff7f3;text-decoration:none}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}
.btn.primary:hover{background:#11533e;border-color:#11533e}
.btn.xl{padding:16px 34px;font-size:16px;border-radius:12px}
.topbar .btn.primary,.hero .btn.primary{background:var(--green-lt);border-color:var(--green-lt);box-shadow:0 10px 26px -12px rgba(35,160,111,.9)}
.topbar .btn.primary:hover,.hero .btn.primary:hover{background:#2db57e;border-color:#2db57e}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.btn.ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6);color:#fff}

/* 首屏 */
.hero{background:linear-gradient(165deg,var(--deep-2) 0%,var(--deep) 52%,var(--deeper) 100%);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,rgba(111,214,171,.17) 1px,transparent 1.7px) 0 0/26px 26px,radial-gradient(circle at 76% 18%,rgba(35,160,111,.42),transparent 52%),radial-gradient(circle at 8% 92%,rgba(35,160,111,.2),transparent 46%);pointer-events:none}

/* 跟着光标走的一层：柔光 + 亮起来的点阵（见 landing.js）
   没 JS / 触屏 / 用户要求减弱动效时这层始终透明，首屏退回纯静态点阵，不受影响 */
.fx{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .45s ease;--mx:50%;--my:42%}
.fx.on{opacity:1}
.fx::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 490px at var(--mx) var(--my),rgba(120,222,178,.28),rgba(120,222,178,.08) 46%,transparent 72%)}
.fx::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,rgba(190,255,225,.95) 1.35px,transparent 2.5px) 0 0/26px 26px;-webkit-mask-image:radial-gradient(circle 175px at var(--mx) var(--my),#000 0%,rgba(0,0,0,.34) 48%,transparent 74%);mask-image:radial-gradient(circle 175px at var(--mx) var(--my),#000 0%,rgba(0,0,0,.34) 48%,transparent 74%)}

.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;padding-top:88px;padding-bottom:88px;min-height:min(82vh,660px)}
.eyebrow{font-size:12px;letter-spacing:3px;color:var(--green);font-weight:700;margin:0 0 16px;text-transform:uppercase}
.hero .eyebrow,.invite .eyebrow{color:var(--green-mint)}
h1{font-size:clamp(42px,6.4vw,74px);letter-spacing:-3px;font-weight:800;line-height:1.04}
.lead{font-size:18px;color:rgba(255,255,255,.74);margin-top:24px;line-height:1.75}
.lead b{color:#fff;font-weight:600}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}

/* 示意对话 */
.mockchat{background:#fff;border-radius:20px;padding:22px;color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.65)}
.mockchat-head{display:flex;align-items:center;gap:9px;padding:0 4px 16px;border-bottom:1px solid var(--border);font-size:14px}
.mockchat-head .dot{width:8px;height:8px;border-radius:50%;background:#3fbf7f;flex:none}
.mockchat-head b{flex:1}
.bubble{padding:15px 17px;border-radius:14px;font-size:14.5px;margin-top:16px;overflow-wrap:anywhere;line-height:1.7}
.bubble.in{background:#f1f5f3;border-top-left-radius:4px;max-width:90%}
.bubble.out{background:var(--green-soft);border-top-right-radius:4px;margin-left:10%}
.chip{display:inline-block;background:#fff;color:#30624e;border:1px solid #cfe3d8;border-radius:999px;padding:2px 11px;font-size:12px;margin-left:7px;white-space:nowrap;font-weight:600}
.chip.warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-border)}
.mockchat-foot{margin:16px 4px 0;text-align:right;font-size:13px;color:var(--muted)}

/* 区块 */
.block{padding-top:110px;scroll-margin-top:88px}
.block h2{margin-bottom:44px}
.grid2,.grid3,.grid4{display:grid;gap:22px}
.grid2{grid-template-columns:repeat(2,1fr)}
.grid3{grid-template-columns:repeat(3,1fr)}
.grid4{grid-template-columns:repeat(4,1fr)}

.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px;transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(8,37,28,.4)}
.mode .chip{margin-bottom:18px}
.mode h3{font-size:24px;letter-spacing:-.7px}
.mode ul{margin-top:22px}
.mode li{color:#3d564e;font-size:15px;padding-left:22px;position:relative}
.mode li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--green-lt)}
.warnline{margin-top:26px;padding:15px 22px;border-left:3px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-ink);border-radius:0 10px 10px 0;font-size:14px}

/* 能力 */
.feat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 28px;transition:transform .18s,box-shadow .18s,border-color .18s}
.feat:hover{transform:translateY(-3px);border-color:#bcd4c7;box-shadow:0 26px 50px -30px rgba(8,37,28,.4)}
.feat h3{color:var(--green)}
.feat p{margin-top:9px;font-size:14px;color:var(--muted)}

/* 价格表 */
.tablewrap{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 26px 60px -42px rgba(8,37,28,.5)}
table.tiers{width:100%;border-collapse:collapse;font-size:15px}
.tiers th,.tiers td{padding:20px 22px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}
.tiers thead th{background:var(--deep);color:rgba(255,255,255,.82);font-size:13px;font-weight:600;letter-spacing:.5px;border-bottom:0}
.tiers tbody tr:last-child td{border-bottom:0}
.tiers tbody tr:nth-child(even){background:#fafcfb}
.tiers td:first-child{font-weight:700;font-size:17px}
.tiers td:first-child small{display:block;font-weight:500;font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-top:2px}
.tiers .yes{color:var(--green);font-weight:700}
.tiers .no{color:#a4b0ab}
.hint{font-size:13px;color:var(--muted);margin-top:18px;text-align:center}

/* 步骤 */
.step{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 28px}
.step b{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:17px;font-weight:800;margin-bottom:20px}
.step h3{font-size:17px}
.step p{margin-top:8px;font-size:14px;color:var(--muted)}

/* 邀请码 */
.invite{background:linear-gradient(150deg,var(--deep-2) 0%,var(--deep) 58%,var(--deeper) 100%);color:#fff;border-radius:24px;padding:52px;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;position:relative;overflow:hidden;scroll-margin-top:88px}
.invite::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgba(35,160,111,.4),transparent 55%);pointer-events:none}
.invite-main,.invite-side{position:relative}
.invite h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1.2px}
.invite .lead{font-size:16px;margin-top:18px}
.invite-go{margin-top:26px;font-size:15px}
.invite-go a{color:var(--green-mint);font-weight:600}
.invite-side{background:rgba(255,255,255,.06);border:1px solid rgba(111,214,171,.24);border-radius:16px;padding:26px}
.invite-side .muted{color:rgba(255,255,255,.55);font-size:13px;letter-spacing:1.4px}
.fillin{display:block;margin-top:8px;color:var(--green-mint);font-size:18px;font-weight:700}
.template{margin-top:20px;background:rgba(0,0,0,.24);border-radius:10px;padding:15px 18px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:rgba(255,255,255,.72)}

/* 页脚 */
.foot{background:var(--deeper);margin-top:110px;padding:44px 0}
.foot-inner{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.foot-inner .muted{flex:1;min-width:240px;color:rgba(255,255,255,.5);max-width:56em}
.foot .btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.foot .btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}

/* 触屏设备、以及用户要求减弱动效时，不做跟随光标的特效（内容照旧） */
@media(hover:none),(prefers-reduced-motion:reduce){
  .fx{display:none}
}

@media(max-width:980px){
  .hero-inner{grid-template-columns:1fr;gap:46px;padding-top:64px;padding-bottom:64px;min-height:0}
  .grid2,.grid3,.grid4{grid-template-columns:repeat(2,1fr)}
  .invite{grid-template-columns:1fr;gap:34px;padding:40px 34px}
  .block{padding-top:80px}
}
@media(max-width:680px){
  .wrap{padding:0 18px}
  .topnav{gap:0}
  .topnav a:not(:last-child){display:none}
  .grid2,.grid3,.grid4{grid-template-columns:1fr}
  .block{padding-top:60px;scroll-margin-top:80px}
  .block h2{margin-bottom:30px}
  .card,.feat,.step{padding:24px}
  .invite{padding:30px 22px;border-radius:18px}
  .tablewrap{overflow-x:auto}
  .foot{margin-top:70px}
  .cta .btn{flex:1;text-align:center}
}
.tiers .mods{font-size:13px;color:#3d564e;line-height:1.6}