:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color-scheme:dark;--bg:#07101d;--bg2:#0a1322;--panel:#0f192a;--panel2:#131f34;--panel3:#18263f;--line:#263650;--line2:#1b2940;--text:#f5f7ff;--muted:#9aa9c1;--muted2:#6f7f9a;--accent:#7068ff;--accent2:#4e82ff;--cyan:#4bded5;--good:#42d98c;--warn:#efb84a;--bad:#ff6f91;--shadow:0 28px 90px rgba(0,0,0,.34);--side:272px;--top:74px}:root[data-theme=light]{color-scheme:light;--bg:#f4f7fc;--bg2:#edf2f9;--panel:#fff;--panel2:#f8faff;--panel3:#eef3fb;--line:#d8e1ef;--line2:#e7ecf4;--text:#111827;--muted:#5f6e84;--muted2:#8793a7;--shadow:0 24px 70px rgba(45,62,92,.13)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:var(--bg);color:var(--text)}body{min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}.screen,.loading{min-height:70vh;display:grid;place-items:center}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:grid;place-items:center;color:var(--text);cursor:pointer}.icon:hover{border-color:var(--accent);background:var(--panel3)}.primary,.secondary,.new,.logout{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;border:0;font-weight:750;transition:.2s ease}.primary,.new{min-height:46px;padding:0 18px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 12px 30px #5755ff3d}.primary:hover,.new:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary:disabled{opacity:.48;cursor:not-allowed;transform:none}.primary.full{width:100%}.secondary{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text)}.secondary:hover{border-color:var(--accent);background:var(--panel3)}.secondary.compact{min-height:36px;font-size:13px}.panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 14px 42px #00000014}.eyebrow{display:block;color:var(--cyan);font-size:12px;font-weight:820;letter-spacing:.15em}.error{padding:12px 14px;border:1px solid rgba(255,111,145,.36);border-radius:11px;background:#ff6f9114;color:var(--bad);font-size:13px;margin-top:14px}.shell{min-height:100vh;display:grid;grid-template-columns:var(--side) minmax(0,1fr)}.side{position:fixed;inset:0 auto 0 0;width:var(--side);z-index:30;display:flex;flex-direction:column;padding:20px 16px;border-right:1px solid var(--line2);background:#07101df2;backdrop-filter:blur(24px)}:root[data-theme=light] .side{background:#fffffff2}.brand{height:56px;display:flex;align-items:center;gap:12px;padding:0 6px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:900;background:linear-gradient(145deg,var(--accent),var(--cyan));box-shadow:0 12px 28px #4b69ff47}.brand strong{display:block;font-size:16px}.brand small,.org small,.user small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.new{height:46px;margin:15px 0 22px}.side nav{display:flex;flex-direction:column;gap:6px}.side nav>span{margin:15px 12px 7px;color:var(--muted2);font-size:11px;letter-spacing:.08em}.side nav a{height:46px;display:flex;align-items:center;gap:13px;padding:0 14px;border:1px solid transparent;border-radius:13px;color:var(--muted);font-weight:680}.side nav a:hover{background:var(--panel);color:var(--text)}.side nav a.active{color:var(--text);border-color:#7068ff80;background:linear-gradient(90deg,#7068ff2e,#7068ff0d);box-shadow:inset 3px 0 var(--accent)}.side-bottom{margin-top:auto}.org{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:9px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--cyan));color:#fff;font-weight:850}.org div:last-child{min-width:0}.org strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.logout{width:100%;height:44px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--muted)}.logout:hover{color:var(--bad);border-color:#ff6f9173}.main{grid-column:2;min-width:0}.top{position:sticky;top:0;z-index:20;height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line2);background:#07101dd4;backdrop-filter:blur(22px)}:root[data-theme=light] .top{background:#ffffffdb}.online{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:650}.online i{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 14px #42d98cc2}.top-actions{display:flex;align-items:center;gap:10px}.user{display:flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.user .avatar{width:34px;height:34px;border-radius:10px}.user strong{display:block;font-size:13px}.content{padding:32px clamp(22px,3vw,52px) 72px;max-width:1640px;margin:0 auto}.mobile-only,.mobile-nav{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.026em;margin:9px 0 0}.page-head p{color:var(--muted);margin:10px 0 0;line-height:1.7}.page-actions{display:flex;gap:10px}.hero{position:relative;overflow:hidden;min-height:410px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 80% 35%,rgba(112,104,255,.27),transparent 38%),linear-gradient(135deg,#101a31,#111a30 55%,#201447);box-shadow:var(--shadow)}:root[data-theme=light] .hero{background:radial-gradient(circle at 80% 35%,rgba(112,104,255,.17),transparent 38%),linear-gradient(135deg,#fff,#f2f5ff 55%,#ece8ff)}.hero>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:55px}.hero h2{font-size:clamp(38px,4.8vw,70px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:28px}.signal{position:relative;min-height:410px;display:grid;place-items:center}.signal>i{position:absolute;border:1px solid rgba(112,104,255,.35);border-radius:50%}.signal .r1{width:170px;height:170px}.signal .r2{width:310px;height:310px}.signal .r3{width:460px;height:460px}.signal-core{position:relative;z-index:2;width:110px;height:110px;display:grid;place-items:center;border-radius:30px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 25px 70px #5b4fff80}.signal-tag{position:absolute;width:145px;padding:16px 18px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:#070b14d1;box-shadow:0 18px 46px #00000040}.signal-tag small{display:block;color:#98a7bf;font-size:10px;letter-spacing:.15em}.signal-tag strong{display:block;margin-top:8px;font-size:20px;color:#fff}.signal-tag.a{top:82px;left:10%}.signal-tag.b{right:8%;bottom:76px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 42px}.stats article{position:relative;padding:22px;border:1px solid var(--line);border-radius:19px;background:var(--panel);overflow:hidden}.stats article:after{content:"";position:absolute;right:-30px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:#7068ff1c}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--cyan);background:#4bded514;border:1px solid rgba(75,222,213,.18)}.stats span{display:block;color:var(--muted);margin-top:18px;font-size:13px}.stats strong{display:block;font-size:34px;margin:5px 0}.stats small{color:var(--muted2)}.block{margin-top:34px}.section-title{margin-bottom:17px}.section-title h2{font-size:25px;margin:7px 0 0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick a{min-height:180px;padding:24px;border:1px solid var(--line);border-radius:19px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.quick a svg{color:var(--cyan);margin-bottom:auto}.quick strong{font-size:18px;margin:18px 0 8px}.quick span{color:var(--muted);font-size:13px;line-height:1.6}.quick a:hover{transform:translateY(-3px);border-color:#7068ff8c}.studio{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px}.studio-main{padding:30px}.studio-side{display:flex;flex-direction:column;gap:16px}.side-panel{padding:22px}.side-panel h3{margin:0 0 16px}.tabs{display:flex;gap:8px;margin-bottom:28px}.tabs button{height:42px;padding:0 18px;border:0;border-radius:12px;background:var(--panel2);color:var(--muted);display:flex;align-items:center;gap:8px;font-weight:700}.tabs button.active{color:var(--text);background:#7068ff2e;box-shadow:inset 0 0 0 1px #7068ff59}.field-title{display:block;font-weight:760;margin-bottom:12px}.studio textarea{width:100%;height:310px;resize:vertical;border:1px solid var(--line);border-radius:18px;background:var(--bg2);color:var(--text);padding:22px;outline:none;line-height:1.75;font-size:16px}.studio textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7068ff1a}.studio textarea::placeholder{color:var(--muted2)}.help{display:flex;justify-content:space-between;color:var(--muted2);font-size:12px;margin:8px 4px 24px}.future{display:flex;align-items:center;gap:15px;padding:20px;border:1px dashed #394967;border-radius:16px;background:var(--bg2)}.future svg{color:var(--accent)}.future strong,.future span{display:block}.future span{color:var(--muted);font-size:12px;margin-top:5px}.model-list{display:flex;flex-direction:column;gap:10px}.model-list button{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;text-align:left;gap:12px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);color:var(--text);cursor:pointer}.model-list button.selected{border-color:#7068ffb3;background:#7068ff1f}.model-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--cyan))}.model-list strong,.model-list small{display:block}.model-list small{color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}.side-panel label{display:grid;gap:7px;color:var(--muted);font-size:12px;margin-top:14px}.side-panel select,.inline input{height:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:0 13px;outline:none}.checkout{padding:20px;border:1px solid rgba(112,104,255,.35);border-radius:20px;background:linear-gradient(145deg,rgba(112,104,255,.12),var(--panel))}.checkout>div{display:flex;justify-content:space-between;margin-bottom:16px}.checkout span{color:var(--muted)}.checkout strong{font-size:18px}.inline{display:flex;gap:10px;padding:18px;margin-bottom:20px}.inline input{min-width:0;flex:1}.empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line);border-radius:22px;background:var(--panel);padding:36px}.empty-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;color:var(--cyan);background:linear-gradient(145deg,#7068ff33,#4bded51f);margin-bottom:16px}.empty h3{font-size:21px;margin:0 0 8px}.empty p{max-width:480px;color:var(--muted);line-height:1.7;margin:0 0 20px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.projects article{border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}.project-cover{height:175px;display:grid;place-items:center;color:#fff}.project-cover.c0{background:radial-gradient(circle at 70% 20%,#4bdbc9,transparent 35%),linear-gradient(145deg,#142540,#1e1450)}.project-cover.c1{background:radial-gradient(circle at 30% 25%,#7b6dff,transparent 38%),linear-gradient(145deg,#121c36,#2e173f)}.project-cover.c2{background:radial-gradient(circle at 70% 70%,#ff849f,transparent 32%),linear-gradient(145deg,#1c213c,#36192b)}.project-cover.c3{background:radial-gradient(circle at 30% 70%,#5b90ff,transparent 36%),linear-gradient(145deg,#131f35,#132b36)}.project-body{padding:20px}.project-body h3{font-size:18px;margin:12px 0 8px}.project-body p{color:var(--muted);min-height:40px;line-height:1.6}.project-body small{color:var(--muted2)}.status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--muted);font-size:11px;font-weight:750}.status.good{color:var(--good);border-color:#42d98c4d;background:#42d98c14}.status.wait{color:var(--warn);border-color:#efb84a4d;background:#efb84a14}.status.bad{color:var(--bad);border-color:#ff6f914d;background:#ff6f9114}.assets{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.assets article{border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}.preview{height:230px;display:block;background:var(--panel2)}.preview img{width:100%;height:100%;object-fit:cover}.asset-body{padding:17px}.asset-body h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:11px 0 6px}.asset-body p{color:var(--muted);font-size:12px}.tasks{display:flex;flex-direction:column;gap:12px}.tasks article{display:grid;grid-template-columns:62px minmax(0,1fr) 180px;align-items:center;gap:18px;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.task-type{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;color:var(--cyan);background:#4bded514;font-weight:800;font-size:12px}.task-copy>div:first-child{display:flex;gap:9px;align-items:center}.task-copy>div:first-child>span:last-child{color:var(--muted2);font-size:11px}.task-copy h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px}.task-copy p{color:var(--muted);font-size:12px;margin:0}.progress{text-align:right}.progress strong{font-size:18px}.progress>div{height:6px;background:var(--panel3);border-radius:99px;overflow:hidden;margin:9px 0}.progress>div i{height:100%;display:block;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:99px}.progress a{color:var(--cyan);font-size:12px}.wallets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.wallets article{padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.wallets svg{color:var(--cyan)}.wallets span,.wallets strong{display:block}.wallets span{color:var(--muted);margin-top:17px}.wallets strong{font-size:36px;margin-top:5px}.ledger{padding:24px}.ledger-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line2)}.ledger-row:last-child{border-bottom:0}.ledger-row strong,.ledger-row span{display:block}.ledger-row span{color:var(--muted);font-size:12px;margin-top:5px}.plus{color:var(--good)}.minus{color:var(--bad)}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.admin-cards article{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.admin-cards span{color:var(--muted);text-transform:capitalize}.admin-cards strong{display:block;font-size:34px;margin-top:8px}.admin-note{padding:28px}.admin-note h2{font-size:26px}.admin-note p{color:var(--muted);line-height:1.8;max-width:800px}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);background:var(--bg)}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:clamp(36px,5vw,76px);background:radial-gradient(circle at 20% 75%,rgba(112,104,255,.26),transparent 30%),radial-gradient(circle at 78% 20%,rgba(75,222,213,.17),transparent 28%),linear-gradient(145deg,#08101f,#0c1630 55%,#1d1644)}.login-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(112,104,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(112,104,255,.07) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent)}.login-logo,.login-copy,.flow,.proof{position:relative;z-index:1}.login-logo{display:flex;align-items:center;gap:12px;font-weight:800}.login-copy{margin:auto 0 34px}.login-copy h1{font-size:clamp(44px,5vw,78px);line-height:1.05;letter-spacing:-.045em;margin:20px 0}.login-copy p{max-width:720px;color:#aab6cf;font-size:17px;line-height:1.8}.flow{display:grid;grid-template-columns:1fr 70px 120px 70px 1fr;align-items:center;gap:8px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#050a168c;backdrop-filter:blur(16px)}.flow>div:not(.flow-core){padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0a}.flow svg{color:var(--cyan)}.flow strong,.flow small{display:block}.flow strong{margin:12px 0 5px}.flow small{color:#8494b2;font-size:11px}.flow b{height:2px;background:linear-gradient(90deg,var(--accent),var(--cyan))}.flow-core{width:108px;height:108px;display:grid;place-items:center;text-align:center;border-radius:30px;background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 20px 50px #5155ff61;font-size:10px;font-weight:850;letter-spacing:.12em}.proof{display:flex;gap:20px;margin-top:24px;color:#a7b4cd;font-size:12px}.login-panel{display:grid;place-items:center;padding:40px;background:var(--panel)}.login-card{width:min(430px,100%)}.login-card h2{font-size:38px;letter-spacing:-.03em;margin:12px 0 8px}.login-card>p{color:var(--muted);margin:0 0 28px}.login-card label{display:grid;gap:8px;margin:16px 0;color:var(--muted);font-size:13px}.login-card input{height:52px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);padding:0 15px;outline:none}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7068ff1a}.secure{display:block;text-align:center;margin-top:22px;color:var(--muted)}@media (max-width:1250px){.hero{grid-template-columns:1fr 410px}.hero>div:first-child{padding:44px}.stats,.quick{grid-template-columns:repeat(2,1fr)}.assets{grid-template-columns:repeat(3,1fr)}.projects{grid-template-columns:repeat(2,1fr)}.studio{grid-template-columns:minmax(0,1fr) 350px}}@media (max-width:980px){:root{--side:230px}.content{padding:26px 22px 70px}.hero{grid-template-columns:1fr;min-height:auto}.signal{display:none}.studio{grid-template-columns:1fr}.studio-side{display:grid;grid-template-columns:1fr 1fr}.checkout{grid-column:1/-1}.assets{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.tasks article{grid-template-columns:54px minmax(0,1fr) 140px}}@media (max-width:760px){:root{--top:62px}.shell{display:block}.side{transform:translate(-105%);transition:.25s;width:min(86vw,310px)}.side.open{transform:translate(0);box-shadow:40px 0 90px #00000073}.main{min-height:100vh}.top{height:var(--top);padding:0 14px}.mobile-only{display:grid}.top .online{font-size:0}.top .online:after{content:"服务正常";font-size:12px}.user>div:last-child{display:none}.content{padding:22px 14px 92px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:30px}.page-actions{width:100%}.page-actions>*{flex:1}.hero{border-radius:22px}.hero>div:first-child{padding:28px}.hero h2{font-size:42px}.hero-actions{flex-direction:column}.stats,.quick,.wallets,.admin-cards{grid-template-columns:1fr 1fr}.studio-side{display:flex}.studio textarea{height:250px}.projects,.assets{grid-template-columns:1fr}.tasks article{grid-template-columns:48px minmax(0,1fr);align-items:start}.task-type{width:46px;height:46px}.progress{grid-column:2;text-align:left}.inline{flex-wrap:wrap}.inline input{flex-basis:100%}.mobile-nav{position:fixed;z-index:25;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:#07101ded;backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom)}:root[data-theme=light] .mobile-nav{background:#fffffff0}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:9px}.mobile-nav a.active{color:var(--accent)}}@media (max-width:480px){.stats,.quick,.wallets,.admin-cards{grid-template-columns:1fr}.hero h2{font-size:36px}.login-panel{padding:24px}.login-card h2{font-size:32px}}