:root{--card:transparent;--line:rgba(42,138,134,.18);--sf:"Instrument Serif",Georgia,serif}
html{background:#f7f6f1}
body{background:radial-gradient(70% 700px at 12% 900px,rgba(60,201,176,.12),transparent 70%),radial-gradient(60% 700px at 88% 1400px,rgba(47,183,196,.1),transparent 70%),linear-gradient(180deg,#f7f6f1 0,#dcebe4 430px,#c9e0d9 600px,#d6e7e0 820px,#e6eee7 1200px,#f2f4ed 1700px,#f7f6f1 100%)!important}
.sea{position:absolute;left:0;right:0;top:0;height:620px;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.2) 90%,transparent);mask-image:linear-gradient(#000 45%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.2) 90%,transparent)}
.sea svg{width:100%;height:100%;display:block}
header,main,footer{position:relative;z-index:1}
.sw{animation:swell 6s ease-in-out infinite alternate}.s2{animation-duration:7.5s;animation-delay:-2s}.s3{animation-duration:9s;animation-delay:-4s}
.dr{animation:drift 16s linear infinite;will-change:transform}.d1{--p:-800px}.d2{--p:-1000px;animation-duration:12s;animation-direction:reverse}.d3{--p:-1600px;animation-duration:20s}
@keyframes drift{to{transform:translateX(var(--p))}}@keyframes swell{from{transform:translateY(-8px)}to{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.sw,.dr{animation:none!important}}
.hbar{background:rgba(247,246,241,.55);border-color:var(--line);box-shadow:0 4px 18px rgba(34,128,124,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:6px 10px 6px 14px}
.brand{font-weight:700}.brand img{border-radius:0}
.hs,.hsearch,.dur,select,input,.lh,pre{background:rgba(247,246,241,.5)}
.hsearch{border-color:var(--line);box-shadow:0 4px 18px rgba(34,128,124,.06);border-radius:999px}
.dd{background:#f7f6f1}
#connect{border-radius:999px}
.hero{padding-top:44px}
.hero::before{content:"Built on Elysium";display:inline-flex;align-items:center;margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--b);padding:6px 14px;border:1px solid rgba(42,138,134,.22);border-radius:999px;background:radial-gradient(circle at 14px 50%,#3CC9B0 3px,transparent 3.5px);padding-left:26px}
h1{font-family:var(--sf);font-weight:400;color:var(--tx);letter-spacing:-.02em}
h1 em{font-family:var(--sf);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.sub{color:var(--mu)}
.fc,.card,.opt,.list{background:transparent!important;border-color:var(--line)!important;box-shadow:0 4px 18px rgba(34,128,124,.06)!important}
.list .item:hover,a.dd-row:hover{background:rgba(42,138,134,.06)}
footer{background:transparent!important;color:var(--mu)!important;border-top:1px solid rgba(42,138,134,.14);padding:22px 16px 26px}
footer a{color:var(--b)!important}footer img{border-radius:0}
.bnav{background:rgba(247,246,241,.85)!important;border-top-color:var(--line)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media(max-width:700px){.sea{height:520px}}
.tg{display:flex;gap:6px;align-items:center}
.tb{background:transparent!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:999px!important;width:34px;height:34px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;font:600 13px inherit;cursor:pointer}
.tb.lg{width:auto;padding:0 11px!important;font-size:13px}
.tb:hover{background:rgba(42,138,134,.08)!important;transform:none}
.i-sun{display:none}html[data-theme=dark] .i-sun{display:block}html[data-theme=dark] .i-moon{display:none}
@media(max-width:700px){.tb{width:32px;height:32px}}
html[data-theme=dark]{color-scheme:dark;--bg:#0b1626;--line:rgba(94,214,196,.18);--tx:#e7eef6;--mu:#95a6ba;--a:#4fd1bf;--b:#3cc9b0;--soft:#132a3a;background:#0b1626}
html[data-theme=dark] body{color:var(--tx);background:radial-gradient(70% 700px at 12% 900px,rgba(60,201,176,.08),transparent 70%),radial-gradient(60% 700px at 88% 1400px,rgba(58,123,224,.08),transparent 70%),linear-gradient(180deg,#0b1626 0,#0d2233 430px,#0f2a38 600px,#0e2333 820px,#0c1b2c 1200px,#0b1726 1700px,#0b1626 100%)!important}
html[data-theme=dark] #esky stop:nth-child(1){stop-color:#0b1626}html[data-theme=dark] #esky stop:nth-child(2){stop-color:#0d2031}html[data-theme=dark] #esky stop:nth-child(3){stop-color:#0f2d3a}
html[data-theme=dark] #esea stop:nth-child(1){stop-color:#0f2d3a}html[data-theme=dark] #esea stop:nth-child(2){stop-color:#145a5c}html[data-theme=dark] #esea stop:nth-child(3){stop-color:#1b7a76}
html[data-theme=dark] .sea path{fill:#2fb7a8}
html[data-theme=dark] .hbar{background:rgba(11,22,38,.6);box-shadow:0 4px 18px rgba(0,0,0,.25)}
html[data-theme=dark] .hs,html[data-theme=dark] .hsearch,html[data-theme=dark] .dur,html[data-theme=dark] select,html[data-theme=dark] input,html[data-theme=dark] .lh,html[data-theme=dark] pre{background:rgba(19,38,56,.6);color:var(--tx)}
html[data-theme=dark] input::placeholder{color:#7f90a5}
html[data-theme=dark] .dd,html[data-theme=dark] .wbox{background:#11223a;color:var(--tx)}
html[data-theme=dark] .fc,html[data-theme=dark] .card,html[data-theme=dark] .opt,html[data-theme=dark] .list{box-shadow:0 4px 18px rgba(0,0,0,.25)!important}
html[data-theme=dark] .list .item:hover,html[data-theme=dark] a.dd-row:hover{background:rgba(94,214,196,.08)}
html[data-theme=dark] button,html[data-theme=dark] .btn,html[data-theme=dark] .nbadge,html[data-theme=dark] .stc.on .n{color:#062027}
html[data-theme=dark] .tb{color:var(--tx)!important}
html[data-theme=dark] .free{background:rgba(31,157,107,.18);color:#5fdca4}
html[data-theme=dark] .taken,html[data-theme=dark] .prim{background:rgba(149,166,186,.15);color:#b9c6d6}
html[data-theme=dark] .grace{background:rgba(199,119,0,.18);color:#f0b357}
html[data-theme=dark] .bad2{background:rgba(229,72,77,.16);color:#ff8a8e}
html[data-theme=dark] .stc .n,html[data-theme=dark] .bar{background:rgba(149,166,186,.18)}
html[data-theme=dark] .banner{background:linear-gradient(180deg,rgba(11,22,38,0) 55%,var(--bg)),radial-gradient(circle at 20% 30%,rgba(60,201,176,.25),transparent 45%),radial-gradient(circle at 80% 20%,rgba(58,123,224,.22),transparent 45%)}
html[data-theme=dark] .wi{background:#16294a;border-color:rgba(94,214,196,.18);color:var(--tx)}
html[data-theme=dark] .wn{color:var(--mu)}html[data-theme=dark] .wx,html[data-theme=dark] .wh{color:var(--tx)!important}
html[data-theme=dark] .bnav{background:rgba(11,22,38,.88)!important}
html[data-theme=dark] footer{border-top-color:rgba(94,214,196,.14)}
html[data-theme=dark] a{color:var(--a)}
html[data-theme=dark] h1{color:var(--tx)}
html[lang=zh-CN] .hero::before{content:"基于 Elysium 构建";letter-spacing:.04em}
/* v4: whitelist-style hero sea */
:root{--hh:max(760px,100svh)}@media(max-width:700px){:root{--hh:max(640px,100svh)}}
.sea,.sea svg{height:var(--hh)!important}
.sea{-webkit-mask-image:linear-gradient(#000 72%,transparent)!important;mask-image:linear-gradient(#000 72%,transparent)!important}
.sea .sw,.sea .dr{animation-play-state:running}
body{background:radial-gradient(70% 700px at 15% calc(var(--hh) + 200px),rgba(60,201,176,.13),transparent 70%),radial-gradient(60% 700px at 88% calc(var(--hh) + 800px),rgba(47,183,196,.11),transparent 70%),linear-gradient(180deg,#f7f6f1 0,#dcebe4 calc(var(--hh) * .7),#c9e0d9 calc(var(--hh) - 20px),#d3e6df calc(var(--hh) + 200px),#e2ece5 calc(var(--hh) + 550px),#edf1ea calc(var(--hh) + 950px),#f7f6f1 100%)!important}
html[data-theme=dark] body{background:radial-gradient(70% 700px at 15% calc(var(--hh) + 200px),rgba(60,201,176,.08),transparent 70%),radial-gradient(60% 700px at 88% calc(var(--hh) + 800px),rgba(58,123,224,.08),transparent 70%),linear-gradient(180deg,#0b1626 0,#0e2433 calc(var(--hh) * .7),#13424a calc(var(--hh) - 20px),#0f3039 calc(var(--hh) + 200px),#0d2231 calc(var(--hh) + 550px),#0b1a2a calc(var(--hh) + 950px),#0b1626 100%)!important}
html[data-theme=dark] #esea stop:nth-child(1){stop-color:#103440}html[data-theme=dark] #esea stop:nth-child(2){stop-color:#16696a}html[data-theme=dark] #esea stop:nth-child(3){stop-color:#1e8a83}
html[data-theme=dark] .sea path{fill:#38c2b0}
@media(prefers-reduced-motion:reduce){.sea .sw,.sea .dr{animation:none!important}}
/* v5: compact mobile header */
.tb.lg{white-space:nowrap;word-break:keep-all;flex:none;min-width:max-content}
@media(max-width:700px){
header{padding:10px 12px;gap:8px;align-items:center}
.hbar{flex:1 1 auto;min-width:0;gap:4px;padding:5px 6px 5px 10px}
.brand{font-size:17px;gap:6px;min-width:0;margin-right:auto}.brand img{width:26px!important;height:26px!important}
.xl{width:30px;height:30px}
.tg{gap:4px;flex:none}
.tb{width:30px;height:30px}.tb.lg{width:auto;padding:0 8px!important;font-size:12px}
#connect{flex:none;padding:9px 13px;font-size:11.5px;letter-spacing:.03em;max-width:42vw;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:370px){.brand span{font-size:16px}.hbar{padding-left:8px}#connect{padding:9px 10px}}
html[lang=zh-CN] h1,html[lang=zh-CN] h1 em{font-style:normal;letter-spacing:.02em;font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",var(--sf)}
body.isHome main,body.isHome #app{min-height:0!important;padding-bottom:16px!important}body.isHome .feat{margin-bottom:6px}body.isHome .net{margin:6px 0 0}
/* v7: aligned price cards */
.feat .fc h3{min-height:2.7em;display:flex;align-items:flex-end;line-height:1.35;margin:0 0 8px}
@media(min-width:900px){.feat .fc h3{min-height:0;white-space:nowrap}}
@media(max-width:700px){.feat .fc h3{min-height:0}}
/* v8 sections */
.chips8{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:14px auto 0;max-width:560px;padding:0 16px}
.chips8 span{font-size:13px;color:var(--mu)}
.chips8 button{min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(42,138,134,.05);color:var(--tx);font:500 14px ui-monospace,Menlo,monospace;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.chips8 button:hover{border-color:var(--a);background:rgba(42,138,134,.1);transform:translateY(-1px)}
.s8{width:min(900px,calc(100% - 36px));margin:0 auto;padding:72px 0 0;text-align:center}
.ey8{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--a);font-weight:600;margin:0 0 10px}
.h8{font:400 clamp(32px,4.2vw + 14px,56px)/1.02 var(--sf);letter-spacing:-.02em;margin:0}
.g8{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;text-align:left}
.c8{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(42,138,134,.04);transition:border-color .2s,transform .2s}
.c8:hover{border-color:rgba(42,138,134,.45);transform:translateY(-2px)}
.c8 h3{margin:0 0 6px;font-size:16px}.c8 p{margin:0;color:var(--mu);font-size:14px}
.n8{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(42,138,134,.12);color:var(--a);font-weight:700;font-size:13px;margin-bottom:14px}
.faq8{max-width:720px;margin:28px auto 0;text-align:left}
.faq8 details{border-top:1px solid var(--line)}.faq8 details:last-child{border-bottom:1px solid var(--line)}
.faq8 summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600;padding:16px 0;min-height:44px}
.faq8 summary::-webkit-details-marker{display:none}.faq8 summary::after{content:"+";font-size:22px;font-weight:400;color:var(--a)}
.faq8 details[open] summary::after{content:"\2212"}.faq8 summary:hover{color:var(--a)}.faq8 p{margin:0 0 18px;color:var(--mu);font-size:15px}
.net{margin-top:14px!important}
footer.f8{display:block;margin-top:72px;padding:0;text-align:left}
.f8 .g,.f8 .bt{width:min(900px,calc(100% - 36px));margin:0 auto}
.f8 .g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:40px 0 28px}
.f8 .fb{display:flex;align-items:center;gap:8px;color:var(--tx);font-size:16px}.f8 .tg{margin:10px 0 0;font-size:14px;color:var(--mu)}
.f8 h4{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--a);font-weight:600}
.f8 ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}
.f8 ul a{color:var(--tx)!important;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:32px}.f8 ul a:hover{color:var(--a)!important}
.f8 .bt{border-top:1px solid var(--line);padding:18px 0 24px;font-size:13px;color:var(--mu)}
html[data-theme=dark] .c8,html[data-theme=dark] .chips8 button{background:rgba(60,201,176,.05)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--a);outline-offset:3px}
@media(max-width:700px){.g8{grid-template-columns:1fr;gap:12px;margin-top:24px}.s8{padding-top:56px}.f8 .g{grid-template-columns:1fr 1fr;gap:24px 16px}.f8 .g>div:first-child{grid-column:1/-1}.f8 ul a{min-height:40px}footer.f8{margin-top:56px;padding-bottom:72px}}
.chips8 button{color:var(--tx)!important;background:rgba(42,138,134,.06)!important;border:1px solid var(--line)!important;box-shadow:none!important;width:auto!important}
html[data-theme=dark] .chips8 button{background:rgba(60,201,176,.08)!important}
.chips8 button:hover{border-color:var(--a)!important}
.c8 h3{text-transform:none;letter-spacing:-.01em}
/* v9 */
.rc8{max-width:720px;margin:28px auto 0;display:grid;gap:8px;text-align:left}
.rc8r{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(42,138,134,.04);text-decoration:none;color:var(--tx);min-height:56px;transition:border-color .2s,transform .2s}
.rc8r:hover{border-color:rgba(42,138,134,.45);transform:translateY(-1px)}
.rc8a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:700;font-size:14px}
.rc8r b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.rc8w{font:13px ui-monospace,Menlo,monospace;color:var(--mu)}.rc8t{font-size:13px;color:var(--mu);min-width:56px;text-align:right}
.rc8e{padding:28px 16px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--mu);font-size:14px}
.cta8{margin-top:72px;padding:56px 20px;border:1px solid var(--line);border-radius:24px;background:rgba(42,138,134,.05)}
.cta8 em{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ctb8{margin-top:22px;min-height:48px;padding:12px 26px;border-radius:999px;border:0;background:var(--b)!important;color:#fff!important;font-weight:600;font-size:15px;cursor:pointer;width:auto!important}
.ctb8:hover{filter:brightness(.92)}
html[data-theme=dark] .rc8r,html[data-theme=dark] .cta8{background:rgba(60,201,176,.05)}
@media(max-width:700px){.rc8r{grid-template-columns:32px 1fr auto;gap:10px;padding:10px 12px}.rc8a{width:32px;height:32px}.rc8a{grid-row:1/3}.rc8r b{grid-column:2}.rc8w{grid-column:2;grid-row:2;font-size:12px}.rc8t{grid-column:3;grid-row:1/3}.cta8{margin-top:56px;padding:40px 16px;width:calc(100% - 32px)}.s8{width:calc(100% - 32px)}}