:root{color-scheme:dark;--text:#f8f3e9;--muted:rgba(248,243,233,.72);--soft:rgba(248,243,233,.5);--line:rgba(255,255,255,.15);--panel:rgba(255,255,255,.07);--panel2:rgba(255,255,255,.11);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#0b0e12;color:var(--text);letter-spacing:0}a{color:inherit;text-decoration:none}.finance{--a:#4dde90;--b:#e6bd63;--bg:#0c1210}.music{--a:#57d5ff;--b:#ff7c72;--bg:#10101b}
.page{min-height:100vh;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--a) 24%,transparent),transparent 24rem),radial-gradient(circle at 12% 80%,color-mix(in srgb,var(--b) 20%,transparent),transparent 26rem),linear-gradient(180deg,rgba(255,255,255,.04),transparent 22rem),var(--bg)}
.shell{width:min(1160px,calc(100% - 36px));margin:0 auto}.top{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:rgba(8,10,12,.78);backdrop-filter:blur(18px)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid color-mix(in srgb,var(--a) 60%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--a) 35%,transparent),color-mix(in srgb,var(--b) 30%,transparent))}.nav span:last-child{color:var(--muted);font-size:14px}
.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);gap:42px;align-items:center;min-height:calc(100vh - 70px);padding:54px 0}.eyebrow{display:inline-flex;gap:10px;align-items:center;margin-bottom:18px;color:var(--a);font-weight:850;font-size:13px;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--a)}h1{margin:0;font-size:clamp(44px,6vw,84px);line-height:.98;letter-spacing:0}.lead{max-width:650px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.78}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:8px;border:1px solid var(--line);font-weight:800}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--a),var(--b));color:#07100c}.btn.ghost{background:rgba(255,255,255,.06)}
.visual{border:1px solid var(--line);border-radius:8px;background:linear-gradient(160deg,var(--panel2),rgba(255,255,255,.035));box-shadow:0 28px 90px rgba(0,0,0,.4);overflow:hidden}.canvas{position:relative;min-height:360px;padding:24px}.gridline{position:absolute;inset:0;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 70px;opacity:.14}.orb{position:absolute;border-radius:999px;filter:blur(30px);opacity:.55}.orb.one{width:210px;height:210px;background:var(--a);right:-50px;top:-44px}.orb.two{width:260px;height:260px;background:var(--b);left:-80px;bottom:-100px}.chart,.studio{position:relative;z-index:1;height:312px;border-radius:8px;background:rgba(4,6,8,.45);border:1px solid var(--line);padding:24px}.chart svg,.studio svg{width:100%;height:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;border-top:1px solid var(--line)}.metrics div{border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--muted);font-size:13px;background:rgba(255,255,255,.045)}.metrics strong{display:block;margin-top:5px;color:var(--text);font-size:18px}
.band{border-top:1px solid var(--line);padding:68px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.1}.head p{max-width:510px;margin:0;color:var(--muted);line-height:1.72}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:210px;border:1px solid var(--line);border-radius:8px;padding:24px;background:linear-gradient(180deg,var(--panel2),var(--panel))}.num{color:var(--a);font-weight:900;font-size:13px}.card h3{margin:32px 0 12px;font-size:23px}.card p{margin:0;color:var(--muted);line-height:1.75}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px}.rows{display:grid;gap:0}.row{display:grid;grid-template-columns:120px 1fr;gap:18px;border-top:1px solid var(--line);padding:18px 0}.row span{color:var(--muted);line-height:1.72}.foot{border-top:1px solid var(--line);padding:28px 0;color:var(--soft);font-size:14px}.foot .shell{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:900px){.hero,.split{grid-template-columns:1fr}.visual{order:-1}.cards,.metrics{grid-template-columns:1fr 1fr}}@media(max-width:620px){.shell{width:min(100% - 24px,1160px)}.cards,.metrics{grid-template-columns:1fr}.nav span:last-child{display:none}.row{grid-template-columns:1fr;gap:6px}.canvas{min-height:300px;padding:16px}}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:22px}
.category{min-height:132px;border:1px solid var(--line);border-radius:8px;padding:16px;background:rgba(255,255,255,.055)}
.category b{display:block;margin-bottom:10px;color:var(--text);font-size:17px}
.category span{display:block;color:var(--muted);font-size:13px;line-height:1.62}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pill{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);background:rgba(255,255,255,.05);font-size:13px}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.category-grid{grid-template-columns:1fr 1fr}.category{min-height:118px}}