:root{--ink:#10242b;--muted:#627278;--paper:#f4f1e9;--line:#d9d5ca;--teal:#117b72;--teal-dark:#075c56;--white:#fff}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(17,123,114,.13),transparent 28%),linear-gradient(180deg,#f7f5ef 0,#efede6 100%)}
.site-header{width:min(1160px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:.04em}
.brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--ink);color:#fff;font-family:Georgia,serif;font-size:13px}
.login-link{padding:9px 15px;border:1px solid #aeb8b6;border-radius:999px;color:var(--ink);font-size:14px;text-decoration:none;transition:.2s}
.login-link:hover{background:var(--ink);border-color:var(--ink);color:#fff}
main{width:min(1160px,calc(100% - 40px));margin:auto;padding:80px 0 60px}
.hero{max-width:870px;margin-bottom:70px}
.eyebrow{margin:0 0 22px;color:var(--teal);font:700 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em}
h1{margin:0;font:500 clamp(42px,7vw,78px)/1.08 Georgia,"Noto Serif SC",serif;letter-spacing:-.04em}
h1 em{color:var(--teal-dark);font-style:normal}
.intro{max-width:680px;margin:28px 0 22px;color:var(--muted);font-size:17px;line-height:1.85}
.hero-note{display:flex;align-items:center;gap:9px;color:#53666b;font-size:13px}
.hero-note span{width:8px;height:8px;border-radius:50%;background:#e2a62f;box-shadow:0 0 0 5px rgba(226,166,47,.14)}
.modules{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.module{position:relative;min-height:370px;padding:25px 25px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:inherit;text-decoration:none;background:rgba(255,255,255,.28);transition:transform .25s,background .25s,box-shadow .25s}
.module.active:hover{z-index:1;transform:translateY(-5px);background:rgba(255,255,255,.78);box-shadow:0 18px 40px rgba(16,36,43,.10)}
.module-top{display:flex;align-items:center;justify-content:space-between}
.index{font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7f8b8e}
.state{padding:5px 8px;border-radius:999px;background:#e5e3dd;color:#737b7c;font-size:11px}
.state.live{background:#d8eee8;color:#09665e}
.icon{display:grid;place-items:center;width:58px;height:58px;margin-top:58px;border:1px solid #bcc5c3;border-radius:17px;color:#fff;font:500 23px Georgia,"Noto Serif SC",serif;box-shadow:inset 0 0 0 5px rgba(255,255,255,.12)}
.shop{background:#117b72}.stock{background:#536b8d}.asset{background:#9c7141}.agent{background:#675785}
.module h2{margin:24px 0 10px;font:500 25px Georgia,"Noto Serif SC",serif}
.module p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.enter,.waiting{position:absolute;left:25px;bottom:27px;color:var(--teal-dark);font-size:13px;font-weight:700;letter-spacing:.04em}
.enter b{display:inline-block;margin-left:6px;font-size:18px;transition:transform .2s}.module:hover .enter b{transform:translateX(5px)}
.waiting{color:#899395;font-weight:500}
footer{width:min(1160px,calc(100% - 40px));margin:auto;padding:25px 0 38px;display:flex;justify-content:space-between;color:#7b8789;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
@media(max-width:900px){main{padding-top:55px}.modules{grid-template-columns:repeat(2,1fr)}.module{min-height:370px}.icon{margin-top:40px}}
@media(max-width:560px){.site-header,main,footer{width:min(100% - 26px,1160px)}.site-header{height:68px}main{padding:45px 0}.hero{margin-bottom:45px}h1{font-size:42px}.intro{font-size:15px}.modules{grid-template-columns:1fr}.module{min-height:380px}.icon{margin-top:28px}footer{gap:12px;flex-direction:column}}