/* ad9.io 设计系统 + 首页样式(定稿 v6)。字体自托管见 fonts/fonts.css */
:root{
  --maxw:1320px;
  --bg:#fbfbfc; --card:#ffffff; --border:#ececf0; --border-2:#e2e3e9;
  --ink:#0a0d12; --body:#3a4250; --muted:#6a7280; --faint:#9aa1ad;
  --accent:#10b981; --accent-deep:#059669; --teal:#0ea5a4; --accent-soft:#ecfdf5; --accent-line:#bbf7e0;
  --sans:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  --shadow-md:0 6px 30px -8px rgba(16,24,40,.12);
}
*{box-sizing:border-box;} html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:-.005em;}
a{color:inherit;text-decoration:none;} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;} .mono{font-family:var(--mono);} svg{display:block;}

/* logo B cool */
.lg{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.03em;color:var(--ink);}
.mk{position:relative;font-family:var(--mono);font-weight:600;font-size:.92rem;color:#eafff8;letter-spacing:-.01em;padding:.3rem .5rem .3rem .52rem;border-radius:8px;
  background:linear-gradient(140deg,#12c88d,#0b9d78 60%,#0e8f8e);box-shadow:0 2px 10px rgba(16,185,129,.4),inset 0 1px 0 rgba(255,255,255,.35);overflow:hidden;}
.mk::after{content:"";position:absolute;top:0;left:-45%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:shine 4.5s ease-in-out infinite;}
@keyframes shine{0%,72%{left:-45%;}82%{left:130%;}100%{left:130%;}}
.lg .d{color:var(--accent-deep);}

header{position:sticky;top:0;z-index:30;background:rgba(251,251,252,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.nav{display:flex;align-items:center;gap:28px;height:70px;}
.nav-links{display:flex;gap:26px;margin-left:14px;} .nav-links a{color:var(--muted);font-size:.92rem;font-weight:500;} .nav-links a:hover{color:var(--ink);}
.nav-cta-m{display:none;} /* auth CTAs live in the header .right on desktop; shown inside the mobile drawer (A3) */
.nav .right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.lang{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.86rem;font-weight:600;padding:.4rem .6rem;border-radius:8px;cursor:pointer;} .lang:hover{background:#f1f2f4;color:var(--ink);}
.btn{font:inherit;font-weight:600;font-size:.9rem;padding:.55rem 1.15rem;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:.16s;}
.btn.primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px rgba(16,185,129,.25);} .btn.primary:hover{background:var(--accent-deep);}
.btn.ghost{background:var(--card);color:var(--ink);border-color:var(--border-2);} .btn.ghost:hover{border-color:var(--muted);}
/* mobile hamburger (canonical nav, A3) — hidden on desktop */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:9px;border-radius:8px;}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.2s;}
.nav-toggle:hover{background:#f1f2f4;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

.paybar{border-bottom:1px solid var(--border);background:#fff;}
.paybar .in{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:7px 0;flex-wrap:wrap;font-size:.84rem;}
.paybar .lb{color:var(--faint);font-weight:600;}
/* 灰度单色支付徽章(避免逐像素复刻商标,统一芯片观感)*/
.paybar .brand{display:inline-flex;align-items:center;gap:5px;padding:.24rem .55rem;border:1px solid var(--border-2);border-radius:7px;color:var(--muted);font-weight:700;font-size:.78rem;letter-spacing:.01em;background:#fff;}
.paybar .brand svg{color:var(--faint);}
.paybar .brand .mc{position:relative;width:22px;height:14px;} .paybar .brand .mc i{position:absolute;top:0;width:14px;height:14px;border-radius:50%;background:var(--faint);opacity:.55;} .paybar .brand .mc i:first-child{left:0;} .paybar .brand .mc i:last-child{right:0;}
.paybar .pm{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;} .paybar .pm svg{color:var(--faint);} .paybar .sep{color:var(--border-2);}

/* hero — 大气 */
.hero{text-align:center;padding:104px 0 30px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;left:50%;top:-220px;transform:translateX(-50%);width:1500px;height:760px;z-index:0;
  background:radial-gradient(closest-side,rgba(16,185,129,.20),rgba(14,165,164,.05) 55%,transparent 72%);}
.hero::after{content:"";position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
  background:linear-gradient(#eef0f3 1px,transparent 1px),linear-gradient(90deg,#eef0f3 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask:radial-gradient(1100px 520px at 50% 3%,#000,transparent 75%);mask:radial-gradient(1100px 520px at 50% 3%,#000,transparent 75%);}
.hero .wrap{position:relative;z-index:1;}
.pill{display:inline-flex;align-items:center;gap:.55ch;background:#fff;color:var(--accent-deep);border:1px solid var(--accent-line);font-size:.85rem;font-weight:700;padding:.42rem .95rem;border-radius:999px;margin-bottom:28px;box-shadow:var(--shadow-sm);}
.pill .dt{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.18);}
h1{font-size:clamp(3.2rem,7.2vw,6rem);line-height:.98;margin:0;letter-spacing:-.05em;font-weight:800;color:var(--ink);}
.big{display:block;font-size:1.16em;background:linear-gradient(100deg,#10b981,#059669 42%,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em;}
.lede{font-size:1.3rem;color:var(--muted);max-width:62ch;margin:1.7rem auto 0;font-weight:450;}
.lede b{color:var(--ink);font-weight:700;} .lede .hl{color:var(--accent-deep);font-weight:700;}
.cta-row{margin-top:2.4rem;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cta{font:inherit;font-weight:700;font-size:1.08rem;padding:.95rem 2.1rem;border-radius:13px;cursor:pointer;border:1px solid transparent;transition:.16s;display:inline-flex;align-items:center;gap:8px;}
.cta.primary{background:var(--accent);color:#fff;box-shadow:0 6px 20px rgba(16,185,129,.36);} .cta.primary:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 12px 30px rgba(16,185,129,.44);}
.cta.ghost{background:var(--card);color:var(--ink);border-color:var(--border-2);box-shadow:var(--shadow-sm);} .cta.ghost:hover{border-color:var(--muted);}
.trust{margin-top:1.2rem;color:var(--faint);font-size:.88rem;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.trust span{display:inline-flex;align-items:center;gap:5px;} .trust svg{color:var(--accent);}

/* 大气统计面板 */
.statband{margin-top:70px;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-md);display:grid;grid-template-columns:repeat(4,1fr);}
.statband .st{padding:34px 24px;text-align:center;border-right:1px solid var(--border);}
.statband .st:last-child{border-right:none;}
.statband .n{font-size:3rem;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1;} .statband .n em{font-style:normal;color:var(--accent);}
.statband .l{color:var(--muted);font-size:.95rem;margin-top:.6rem;}

/* marquee */
.strip{background:var(--ink);color:#fff;padding:13px 0;overflow:hidden;white-space:nowrap;}
.strip .track{display:inline-block;animation:scroll 30s linear infinite;font-weight:600;font-size:.92rem;}
.strip .track i{display:inline-flex;align-items:center;gap:8px;margin:0 26px;color:#c3ccd8;font-style:normal;}
.strip .track i svg{color:#34d399;} .strip .track b{color:#34d399;}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

section{padding:90px 0;} .sec-head{text-align:center;margin-bottom:52px;}
.kicker{color:var(--accent-deep);font-weight:700;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;}
h2{font-size:2.6rem;margin:.6rem 0 0;letter-spacing:-.03em;font-weight:800;color:var(--ink);} .sec-head p{color:var(--muted);margin:.7rem auto 0;max-width:56ch;font-size:1.1rem;}

.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.feat{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:30px 26px;box-shadow:var(--shadow-sm);transition:.2s;}
.feat:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.feat .ic{width:50px;height:50px;border-radius:14px;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.feat .ic svg{width:24px;height:24px;stroke-width:1.8;}
.feat h3{margin:0 0 .55rem;font-size:1.14rem;color:var(--ink);font-weight:700;} .feat p{margin:0;color:var(--muted);font-size:.95rem;}

/* 全宽深色气派区块 — 快速开始 */
.dark-sec{background:radial-gradient(1200px 500px at 50% -10%,#12261e,#0a0d12 60%),#0a0d12;color:#fff;padding:96px 0;position:relative;overflow:hidden;}
.dark-sec::before{content:"";position:absolute;inset:0;opacity:.4;background:linear-gradient(#161b24 1px,transparent 1px),linear-gradient(90deg,#161b24 1px,transparent 1px);background-size:64px 64px;-webkit-mask:radial-gradient(900px 400px at 50% 0,#000,transparent 70%);mask:radial-gradient(900px 400px at 50% 0,#000,transparent 70%);}
.dark-sec .wrap{position:relative;}
.dark-sec .kicker{color:#5eead4;} .dark-sec h2{color:#fff;} .dark-sec .sec-head p{color:#9aa7b5;}
.codewrap{max-width:860px;margin:0 auto;background:#0d1117;border:1px solid #1e242c;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.8);font-family:var(--mono);}
.codebar{display:flex;align-items:center;gap:8px;padding:.75rem 1.1rem;border-bottom:1px solid #1e242c;}
.codebar .d{width:11px;height:11px;border-radius:50%;} .cd1{background:#ff5f56;}.cd2{background:#ffbd2e;}.cd3{background:#27c93f;} .codebar .t{margin-left:8px;color:#6b7684;font-size:.78rem;}
.codebody{padding:1.3rem 1.4rem;font-size:.9rem;line-height:2;color:#c9d1d9;overflow-x:auto;}
.codebody .p{color:#7ee787;} .codebody .f{color:#79c0ff;} .codebody .s{color:#a5d6ff;} .codebody .c{color:#8b949e;} .codebody b{color:#fff;}

.models{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.model{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);transition:.2s;}
.model:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md);}
.model .top{display:flex;align-items:center;gap:12px;}
.model .av{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1.05rem;font-family:var(--mono);}
.model .name{font-weight:700;color:var(--ink);font-size:1.06rem;} .model .by{color:var(--faint);font-size:.84rem;}
.model .row{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);}
.model .row .k{color:var(--faint);font-size:.76rem;} .model .row .v{color:var(--body);font-size:.86rem;font-weight:600;margin-top:.15rem;}
.badge{font-size:.7rem;font-weight:700;padding:.14rem .55rem;border-radius:999px;display:inline-flex;align-items:center;gap:5px;}
.badge.on{background:var(--accent-soft);color:var(--accent-deep);} .badge.on .d{width:5px;height:5px;border-radius:50%;background:var(--accent);} .badge.soon{background:#f3f4f6;color:var(--faint);}

.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.plan{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:30px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative;}
.plan.feat2{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 16px 40px -14px rgba(16,185,129,.36);}
.plan.feat2::before{content:"最受歡迎";position:absolute;top:0;right:20px;transform:translateY(-50%);background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;padding:.22rem .65rem;border-radius:999px;}
.plan .tier{font-weight:700;color:var(--ink);font-size:1.05rem;}
.plan .price{font-size:2.4rem;font-weight:800;color:var(--ink);margin:.7rem 0 0;letter-spacing:-.03em;} .plan .price small{font-size:.85rem;color:var(--muted);font-weight:500;}
.plan .q{color:var(--muted);font-size:.88rem;margin:.5rem 0 0;min-height:2.5em;}
.plan ul{list-style:none;padding:0;margin:1.2rem 0 1.5rem;flex:1;} .plan li{color:var(--body);font-size:.88rem;padding:.32rem 0 .32rem 1.8rem;position:relative;}
.plan li svg{position:absolute;left:0;top:.52rem;width:15px;height:15px;color:var(--accent);stroke-width:2.5;}
.plan .pbtn{width:100%;text-align:center;padding:.68rem;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;border-radius:11px;border:1px solid var(--border-2);background:var(--card);color:var(--ink);transition:.16s;}
.plan .pbtn:hover{border-color:var(--accent);color:var(--accent-deep);} .plan.feat2 .pbtn{background:var(--accent);color:#fff;border-color:var(--accent);} .plan.feat2 .pbtn:hover{background:var(--accent-deep);}
.paynote{text-align:center;color:var(--muted);font-size:.95rem;margin-top:26px;} .paynote b{color:var(--accent-deep);}

/* 邀请 highlight 大区块 — 更气派 */
.hl-band{background:radial-gradient(900px 500px at 12% -20%,#0d5c46,transparent 55%),radial-gradient(800px 500px at 100% 120%,#0b5765,transparent 55%),linear-gradient(135deg,#062c22,#08201c);
  border-radius:28px;padding:76px 64px;color:#fff;position:relative;overflow:hidden;}
.hl-band::after{content:"";position:absolute;inset:0;opacity:.35;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(700px 400px at 20% 0,#000,transparent 70%);mask:radial-gradient(700px 400px at 20% 0,#000,transparent 70%);}
.hl-in{position:relative;display:flex;align-items:center;gap:48px;flex-wrap:wrap;justify-content:space-between;}
.hl-band h2{color:#fff;font-size:2.9rem;letter-spacing:-.03em;} .hl-band p{color:#b6e6d6;max-width:48ch;margin:.8rem 0 0;font-size:1.14rem;} .hl-band .kicker{color:#5eead4;}
.hl-cta{background:#fff;color:#064e3b;font-weight:700;font-size:1.06rem;padding:1rem 2rem;border-radius:13px;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 10px 40px -8px rgba(0,0,0,.55);}
.hl-mult{font-family:var(--mono);font-weight:600;font-size:.86rem;color:#5eead4;margin-top:22px;display:flex;gap:26px;flex-wrap:wrap;} .hl-mult b{color:#fff;font-size:1.2rem;}

footer{border-top:1px solid var(--border);padding:56px 0 64px;margin-top:24px;color:var(--muted);}
.foot-grid{display:flex;flex-wrap:wrap;gap:32px 72px;justify-content:space-between;}
.foot-brand{max-width:34ch;} .foot-brand p{font-size:.92rem;color:var(--muted);margin-top:14px;}
.foot-col h4{color:var(--ink);font-size:.84rem;margin:0 0 .9rem;font-weight:700;}
.foot-col a{display:block;color:var(--muted);margin:.44rem 0;font-size:.9rem;} .foot-col a:hover{color:var(--accent-deep);}
.foot-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--faint);font-size:.86rem;}

@media(max-width:960px){.features,.models,.plans,.statband{grid-template-columns:1fr 1fr;} .statband .st:nth-child(2){border-right:none;} .statband .st{border-bottom:1px solid var(--border);} .hl-in{flex-direction:column;text-align:center;} .hl-band p{margin-inline:auto;} .wrap{padding:0 24px;}
  .nav-toggle{display:flex;}
  .nav-links{position:absolute;left:0;right:0;top:70px;flex-direction:column;gap:0;margin-left:0;background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);padding:6px 24px 12px;display:none;z-index:35;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:13px 2px;font-size:1rem;border-bottom:1px solid var(--border);} .nav-links a:last-child{border-bottom:0;}
  #nav-login,#nav-getkey{display:none;} .nav-cta-m{display:block;} #nav-getkey-m{color:var(--accent-deep);font-weight:700;} .nav{gap:10px;}}
@media(max-width:560px){.features,.models,.plans,.statband{grid-template-columns:1fr;} .statband .st{border-right:none;} .paybar .in{gap:10px;font-size:.75rem;}}

/* 语言切换下拉 */
.lang{position:relative;}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:#fff;border:1px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;display:none;z-index:40;}
.lang-menu.open{display:block;}
.lang-menu a{display:block;padding:.5rem .7rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--body);cursor:pointer;}
.lang-menu a:hover{background:#f1f2f4;color:var(--ink);}

/* 快速開始:一行安裝提示(#start 深色區) */
.qs-oneline{margin-top:.85rem;font-size:.9rem;color:#c9d3de;line-height:1.7}
.qs-oneline code{background:rgba(255,255,255,.08);color:#e6edf3;border-radius:6px;padding:.14em .5em;font:.84em ui-monospace,Menlo,monospace}
.qs-oneline a{color:#34d399;text-decoration:none;white-space:nowrap;font-weight:600}
.qs-oneline a:hover{text-decoration:underline}