:root{--bg:#0a0d16;--surface:#121722;--text:#f4f6f9;--muted:#9099ac;--line:rgba(188,204,232,.12);--mint:#bbf6d8;--purple:#b6a3ff;--gold:#e9c79a;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{color:inherit}::selection{background:#b4fbd240}h1,h2,h3,p{margin:0}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600;color:var(--mint);text-transform:uppercase}.tag{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;font-size:11px;color:#b5bed0}.tag.mint{color:var(--mint);border-color:#b4fbd225;background:#b4fbd208}.tag.gold{color:var(--gold);background:#e9c79a0a}.tag.purple{color:var(--purple)}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:9px;padding:12px 21px;border:1px solid var(--line);background:transparent;font-weight:550;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{background:#ffffff0a;transform:translateY(-2px)}.btn.primary{background:var(--mint);color:#102c24;border-color:var(--mint);box-shadow:0 6px 24px #b4fbd20c}.btn.primary:hover{background:#d0ffe7;box-shadow:0 8px 30px #b4fbd229}.btn.light{background:#edf0f8;color:#141924}.btn.small{padding:8px 13px;font-size:12px}.btn.ghost{border:0;color:#b1bbcd;padding-inline:4px}.btn.wide{width:100%}.btn .icon{width:16px;height:16px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{width:33px;height:33px;display:grid;place-items:center;color:var(--mint);font-size:31px;line-height:1}.brand-word{font-weight:700;letter-spacing:.18em;font-size:16px}.brand-sub{border-left:1px solid var(--line);padding-left:11px;font-size:12px;letter-spacing:.18em;color:#bbc2d1}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:10px;background:var(--mint);color:#000}.skip:focus{top:10px}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;letter-spacing:.3em}.loading-screen span{color:var(--muted);font-size:12px;letter-spacing:.1em;margin-top:18px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,25px);opacity:0;z-index:99;padding:13px 23px;max-width:90vw;background:#e4faef;color:#1e3a30;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 12px 50px #0005;pointer-events:none;transition:.25s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}.page-enter{animation:enter .42s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* A quiet, cinematic landing page. */
.site-nav{height:91px;max-width:1360px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid #ffffff08}.nav-links{display:flex;gap:35px;font-size:12px;color:#a2adbf}.nav-links a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:24px;font-size:13px}.landing{overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#18233b55,transparent 42%),#090c14}.hero{min-height:660px;max-width:1360px;margin:auto;padding:103px 6% 70px;display:grid;grid-template-columns:1.12fr 1fr;position:relative;align-items:center}.hero-copy{z-index:2;position:relative}.hero h1{font-size:clamp(43px,5.1vw,72px);line-height:1.27;letter-spacing:-.045em;font-weight:560;margin:27px 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#e6fbea,#aadcca 30%,#aeaeed 72%,#deb99b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:395px;color:#929daf;line-height:1.95;font-size:14px}.hero-buttons{display:flex;gap:15px;margin-top:31px}.hero-note{margin-top:20px;display:flex;gap:9px;align-items:center;color:#68758b;font-size:11px}.hero-note .icon{width:13px;height:13px}.hero-art{height:470px;position:relative;isolation:isolate}.orbit-halo{position:absolute;inset:15%;background:radial-gradient(circle,#aec5fa20,#77f1b512 30%,transparent 67%);filter:blur(24px)}.sphere{position:absolute;width:340px;height:340px;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 28% 20%,#efffed33,transparent 37%),radial-gradient(ellipse at 35% 70%,#221d5288,transparent 60%),linear-gradient(145deg,#111d27,#070b13 45%,#2a263e 85%);box-shadow:inset -12px -10px 50px #8f72c522,inset 4px 5px 17px #d9ffe72b,0 0 70px #addcec0d;border:1px solid #91b1c129}.sphere:after{content:'';position:absolute;inset:5%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0,transparent 7px,#bad5ff05 8px);transform:rotate(-23deg)}.ring{width:470px;height:175px;position:absolute;left:50%;top:47%;border-radius:50%;border:16px solid transparent;background:linear-gradient(#090c14,#090c14) padding-box,conic-gradient(from 70deg,#939dec20,#b89bfa,#e5b6be,#f8dfb5,#b6f9d0,#6fbec999,#6979f770,#d2abfa) border-box;transform:translate(-50%,-50%) rotate(-33deg);box-shadow:0 0 22px #bad5ff10,inset 0 0 14px #bad5ff08;animation:floatring 10s ease-in-out infinite}.ring:after{content:'';position:absolute;inset:-24px;border:1px solid #cecad622;border-radius:50%}.ring-behind{transform:translate(-50%,-50%) rotate(33deg);border-width:1px;background:transparent;border-color:#acd4d229;width:490px;height:310px;animation:none;z-index:-1}.star{position:absolute;color:#dffce5;font-size:26px;filter:drop-shadow(0 0 8px #d4ffd877)}.star.a{left:10%;top:12%}.star.b{right:9%;bottom:18%;font-size:16px}.star.c{right:17%;top:2%;font-size:9px}.orb-label{position:absolute;z-index:2;padding:12px 17px;border:1px solid #b5c6e222;background:#121b2ad9;backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 15px 35px #0003;display:flex;gap:10px;align-items:center;font-size:11px;color:#b4bed1}.orb-label strong{display:block;font-size:12px;color:#f0f7f6;font-weight:500}.orb-label.left{left:0;bottom:76px}.orb-label.right{right:-8px;top:87px}.orb-label .icon{color:var(--mint)}.mini-bars{display:flex;align-items:end;gap:3px;height:22px;margin-left:15px}.mini-bars i{width:4px;border-radius:3px;background:#b5f6d5}.mini-bars i:nth-child(1){height:7px}.mini-bars i:nth-child(2){height:15px}.mini-bars i:nth-child(3){height:11px}.mini-bars i:nth-child(4){height:22px}.art-caption{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.26em;color:#536078;white-space:nowrap}@keyframes floatring{50%{transform:translate(-50%,-55%) rotate(-29deg)}}.landing-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;max-width:1197px;margin:10px auto 0;padding:23px 15px;color:#8793a8;font-size:11px;letter-spacing:.03em}.landing-strip span{display:flex;gap:10px;align-items:center}.landing-strip .icon{width:15px;color:#b5becb}.section{max-width:1197px;margin:0 auto;padding:95px 15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section h2{font-size:33px;font-weight:500;letter-spacing:-.04em;margin-top:15px}.section-heading>p{color:#7e8b9f;max-width:290px;font-size:12px}.flow-story{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.story{border-top:1px solid #a8bbd122;padding-top:25px}.story-num{color:#546079;letter-spacing:.2em;font-size:11px}.story h3{font-size:18px;font-weight:500;margin:14px 0}.story p{color:#818da2;font-size:12px;line-height:1.95}.story:nth-child(2){border-color:#c1a9e348}.story:nth-child(3){border-color:#a4d8be48}.bottom-cta{max-width:1167px;margin:0 auto 70px;padding:42px 45px;border:1px solid #ffffff0d;border-radius:17px;background:linear-gradient(115deg,#192e2b65,#171e2b,#25203355);display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom-cta h2{font-size:25px;font-weight:500;margin-bottom:9px}.bottom-cta p{color:#8996a8;font-size:12px}.site-footer{max-width:1197px;margin:auto;padding:28px 15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#58657a;font-size:10px}
/* Authentication */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr}.auth-art{background:radial-gradient(ellipse at 35% 45%,#23483c4d,transparent 55%),linear-gradient(140deg,#121b29,#10131e 60%,#241d38);padding:44px 10%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-art .hero-art{height:330px;max-width:440px;width:100%;margin:30px auto}.auth-art .sphere{width:240px;height:240px}.auth-art .ring{width:350px;height:130px}.auth-art .ring-behind{height:230px}.auth-art h2{font-size:38px;line-height:1.5;font-weight:450;letter-spacing:-.03em}.auth-art p{color:#8b98ab;font-size:13px;max-width:330px;margin-top:17px}.auth-art footer{font-size:10px;color:#626e83;margin-top:45px}.auth-form-wrap{padding:50px 13%;display:flex;flex-direction:column;justify-content:center}.back-link{color:#7f8ba0;font-size:12px;display:flex;align-items:center;gap:7px;margin-bottom:54px}.back-link .icon{width:15px}.auth-form-wrap h1{font-size:29px;font-weight:500;margin:10px 0}.auth-form-wrap .subtitle{color:#7b889c;font-size:12px;margin-bottom:32px}.form-field{display:block;margin-bottom:19px}.form-field>span{display:block;color:#b3bed0;font-size:12px;margin-bottom:8px}.field,input,select{width:100%;background:#131a27;border:1px solid #95a5c223;border-radius:8px;color:#eaf0f8;padding:12px 14px;outline:none;transition:border-color .2s}input:focus,select:focus{border-color:#9ce1c3}input::placeholder{color:#546176}input:disabled{color:#7e8a9f;cursor:not-allowed}input[type=checkbox]{width:auto;accent-color:var(--mint)}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:7px;top:6px;padding:7px;background:none;border:0;color:#8694aa}.password-toggle .icon{width:18px}.auth-error{color:#f3a99a;font-size:12px;min-height:23px;margin-bottom:10px}.auth-switch{text-align:center;margin-top:25px;color:#8491a6;font-size:12px}.text-link{color:var(--mint)}.form-footnote{font-size:10px;color:#617088;margin-top:25px;line-height:1.9}.auth-rule{padding:12px 14px;background:#adfbd708;border:1px solid #adfbd713;border-radius:8px;color:#8fa898;font-size:11px;margin-top:26px}
/* Workspace */
.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh;background:#0d111b}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#0a0e17;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:31px 20px 22px;z-index:20}.sidebar .brand{margin-left:8px}.workspace-label{margin:36px 11px 13px;font-size:9px;letter-spacing:.2em;color:#58657b}.side-nav{display:flex;flex-direction:column;gap:6px}.side-link{display:flex;align-items:center;gap:12px;color:#8793a9;padding:11px 12px;border-radius:9px;font-size:12px;transition:.2s}.side-link .icon{width:17px;height:17px}.side-link:hover{background:#ffffff04;color:#e6ecf8}.side-link.active{background:linear-gradient(90deg,#b4fbd212,#b4fbd206);color:var(--mint);box-shadow:inset 2px 0 var(--mint)}.side-link .tiny{margin-left:auto;border:1px solid #b4fbd220;border-radius:5px;font-size:9px;padding:0 5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.sandbox-card{border:1px solid #e3c99a16;border-radius:10px;background:#e3c99a04;padding:15px 13px;margin-bottom:17px}.sandbox-card p{font-size:10px;color:#758097;margin-top:7px;line-height:1.8}.user-chip{display:flex;gap:10px;align-items:center;padding:10px 4px}.avatar{width:31px;height:31px;background:linear-gradient(135deg,#36473f,#302d4a);border:1px solid #d4f0df22;border-radius:9px;display:grid;place-items:center;color:var(--mint);font-size:12px}.user-info{flex:1;min-width:0}.user-info b{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;font-weight:500}.user-info span{font-size:9px;color:#58667d}.icon-btn{display:grid;place-items:center;padding:7px;border:0;border-radius:7px;background:transparent;color:#78869e}.icon-btn:hover{color:white;background:#ffffff08}.icon-btn .icon{width:17px;height:17px}.workspace{grid-column:2;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:12px;color:#78859b;font-size:11px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.topbar .slash{color:#374056}.topbar .current{color:#c0cada}.topbar .tag{font-size:9px;padding:4px 9px}.mobile-menu{display:none}.main{max-width:1390px;margin:auto;padding:37px 38px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading h1{font-weight:500;font-size:27px;letter-spacing:-.035em;margin-top:5px}.page-heading p{font-size:12px;color:#718098;margin-top:9px}.page-heading .eyebrow{color:#68788f;font-size:9px}.notice{display:flex;gap:10px;align-items:center;color:#9b927f;background:#e0bd8007;border:1px solid #e0bd8015;border-radius:8px;font-size:10px;padding:10px 14px;margin-bottom:24px}.notice .icon{width:14px;height:14px;color:#b9a06f}.dashboard-hero{min-height:246px;background:radial-gradient(ellipse at 85% 70%,#58649333,transparent 45%),linear-gradient(125deg,#1b302d,#192333 45%,#221d35);border:1px solid #d3dcec14;border-radius:14px;position:relative;overflow:hidden;padding:34px}.dashboard-hero .hero-text{position:relative;z-index:2;max-width:58%}.dashboard-hero h2{font-size:28px;line-height:1.5;font-weight:460;margin:13px 0;color:#ecf6f1}.dashboard-hero p{color:#8b9cad;font-size:11px;line-height:1.9;margin-bottom:22px}.dashboard-orbit{position:absolute;width:310px;height:300px;right:1%;top:-10px}.dashboard-orbit .sphere{width:166px;height:166px}.dashboard-orbit .ring{width:260px;height:99px;border-width:9px}.dashboard-orbit .ring-behind{height:180px;border-width:1px}.dashboard-orbit .orb-label,.dashboard-orbit .art-caption,.dashboard-orbit .star{display:none}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 35px;border-bottom:1px solid var(--line);padding-bottom:27px;gap:18px}.stat{border-right:1px solid var(--line);padding-left:16px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat-label{font-size:10px;color:#7b8aa0;display:flex;gap:7px;align-items:center}.stat-value{font-size:29px;letter-spacing:-.05em;font-weight:450;margin:6px 0}.stat-value small{font-size:11px;margin-left:5px;color:#708097;letter-spacing:0}.stat-note{font-size:9px;color:#506078}.stat-note.good{color:#84bca2}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:15px}.section-title h2{font-size:16px;font-weight:500;letter-spacing:-.02em}.section-title p{color:#627188;font-size:10px}.section-title a{font-size:11px;color:#8da793}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#111824;transition:.25s}.product-card:hover{transform:translateY(-4px);border-color:#b6c7de40;box-shadow:0 18px 40px #0002}.product-art{position:relative;height:195px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#bd9c8033,transparent 65%),linear-gradient(145deg,#262726,#171c23)}.product-art.orbit{background:radial-gradient(ellipse at 50% 100%,#939bc239,transparent 65%),linear-gradient(145deg,#262937,#1a1e2b)}.product-art.wave{background:radial-gradient(ellipse at 50% 100%,#8cc6b236,transparent 65%),linear-gradient(145deg,#1d3030,#152426)}.product-art:before{content:'';width:160px;height:160px;border:1px solid #ffffff06;border-radius:50%;position:absolute;top:16px;left:calc(50% - 80px)}.product-art .art-type{position:absolute;left:16px;top:14px;font-size:8px;letter-spacing:.18em;color:#bac3cb70}.product-art .art-index{position:absolute;right:15px;bottom:13px;font-size:8px;letter-spacing:.1em;color:#ffffff3b}.product-art .product-object{width:140px;height:160px;filter:drop-shadow(0 17px 12px #0004);transition:.5s}.product-card:hover .product-object{transform:translateY(-5px) rotate(-3deg)}.product-body{padding:17px 18px 19px}.product-body .overline{font-size:9px;color:#78879a;letter-spacing:.06em}.product-body h3{font-size:14px;font-weight:500;margin:5px 0 8px}.product-body p{color:#708099;font-size:10px;line-height:1.8}.product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#b8c7ca;font-size:11px}.product-meta span{color:#8a9baf;font-size:9px}.arrow-round{width:25px;height:25px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#b8c7ca}.arrow-round .icon{width:12px}.dashboard-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;margin-top:36px}.path-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.path-num{font-size:10px;color:#5b6c85;letter-spacing:.1em}.path-row h3{font-size:12px;font-weight:450}.path-row p{font-size:9px;color:#67788f;margin-top:2px}.path-row .tag{margin-left:auto;font-size:8px}.journal{padding:20px 23px;background:linear-gradient(135deg,#191b2b,#161c29);border:1px solid var(--line);border-radius:12px}.journal p{font-size:12px;color:#8795ac;line-height:2.1;margin:16px 0}.journal small{color:#556780;font-size:9px}.panel{background:#111824;border:1px solid var(--line);border-radius:13px;padding:26px}.panel h2{font-size:17px;font-weight:500}.panel>p{color:#7a899f;font-size:12px;margin-top:9px;line-height:1.9}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.connection-card{position:relative;min-height:300px;display:flex;flex-direction:column}.service-icon{height:49px;width:49px;display:grid;place-items:center;background:#ffffff07;border:1px solid #ffffff0a;border-radius:13px;font-size:26px;margin-bottom:22px}.connection-card .tag{position:absolute;right:24px;top:28px}.connection-card .btn{margin-top:27px;align-self:start}.connection-detail{margin-top:28px;border-top:1px solid var(--line);padding-top:15px;color:#5f7188;font-size:10px}.info-band{display:flex;gap:15px;padding:22px 0;color:#687a92;font-size:11px}.info-band .icon{color:#94bfa8}.service-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.service-head .service-icon{margin:0;color:#a9affd}.service-head h2{font-size:18px}.service-head small{color:#6d7d94;font-size:10px}.service-head .tag{margin-left:auto}.config-label{display:flex;justify-content:space-between;font-size:11px;color:#8593a9;margin-bottom:9px}.field-hint{font-size:10px;color:#5d7088;margin:9px 0 24px}.service-footer{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.service-footer span{font-size:10px;color:#5d7188}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 23px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tab{border:1px solid transparent;border-radius:7px;background:transparent;color:#7788a0;font-size:11px;padding:8px 14px}.filter-tab.active{color:var(--mint);border-color:#b4fbd220;background:#b4fbd209}.search-field{max-width:235px;padding:9px 14px;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.detail-grid>.product-art{height:435px;border-radius:14px}.detail-grid>.product-art .product-object{width:260px;height:310px}.detail-info{padding:13px 0}.detail-info h2{font-size:30px;font-weight:500;margin:12px 0}.detail-info>p{color:#8999b0;font-size:13px;line-height:1.9}.fact-list{margin:25px 0 28px}.fact-line{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:11px}.fact-line span{color:#62758c}.fact-line b{font-weight:450;color:#b2bed0;text-align:right}.creative-angle{margin-top:28px;padding:21px;border:1px solid #b4fbd220;background:#b4fbd205;border-radius:10px}.creative-angle h3{font-size:12px;color:var(--mint);font-weight:500;margin-bottom:8px}.creative-angle p{font-size:11px;color:#859b99;line-height:1.9}.steps{display:flex;align-items:center;margin:0 0 30px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:#101722;gap:10px}.step{display:flex;align-items:center;gap:9px;color:#53637c;font-size:11px;white-space:nowrap}.step span{width:23px;height:23px;border:1px solid #64748b44;border-radius:50%;display:grid;place-items:center;font-size:10px}.step.active{color:var(--mint)}.step.active span{background:#b4fbd21a;border-color:#b4fbd250}.step-line{flex:1;height:1px;background:#263044}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}.wizard-panel{min-height:410px}.wizard-panel h2{font-size:20px;margin:5px 0 10px}.wizard-panel>.muted{font-size:12px}.upload-zone{border:1px dashed #6b839759;border-radius:12px;min-height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#a0d8c007,transparent);margin:25px 0;gap:10px}.upload-zone .icon{color:var(--mint);width:27px;height:27px}.upload-zone p{font-size:12px;color:#afbed0}.upload-zone small{font-size:10px;color:#637991}.choice-row{display:flex;gap:11px;align-items:center;border:1px solid #b4fbd222;border-radius:9px;background:#b4fbd207;padding:13px;font-size:11px;color:#9db8aa}.choice-row .icon{color:var(--mint);width:16px}.wizard-nav{display:flex;justify-content:space-between;gap:13px;margin-top:27px}.preview-phone{aspect-ratio:9/16;border:5px solid #202939;border-radius:26px;background:radial-gradient(ellipse at 40% 28%,#365649,#131b29 55%,#322945);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 45px #0003}.preview-phone:before{content:'';width:50px;height:6px;border-radius:8px;background:#0c1119;position:absolute;top:9px}.preview-phone .product-object{width:145px;height:175px}.preview-phone .phone-caption{font-size:17px;letter-spacing:.12em;margin:12px 0 7px}.preview-phone .phone-sub{font-size:9px;color:#8fac9e}.preview-phone .watermark{position:absolute;top:26px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.11em;color:#b2c4bc66}.preview-phone .preview-label{position:absolute;bottom:18px;font-size:8px;color:#93a39d}.phone-note{text-align:center;font-size:9px;color:#61748b;margin-top:14px}.shot{display:grid;grid-template-columns:38px 1fr auto;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.shot-index{width:32px;height:38px;display:grid;place-items:center;background:#20283a;border-radius:6px;color:#a4b8d0;font-size:10px}.shot h3{font-size:12px;font-weight:500}.shot p{font-size:10px;color:#6b7d96;margin-top:5px}.shot time{color:#4e637e;font-size:9px}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.model-option{text-align:left;padding:20px 15px;background:#141d2b;border:1px solid var(--line);border-radius:10px;min-height:130px}.model-option.selected{border-color:#b4fbd26b;background:#b4fbd208}.model-option .icon{color:var(--purple);margin-bottom:10px}.model-option strong{display:block;font-size:12px;font-weight:500}.model-option p{font-size:10px;color:#71859d;margin-top:7px}.duration-options{display:flex;gap:10px;margin-top:13px}.duration-btn{border:1px solid var(--line);border-radius:7px;padding:8px 19px;background:transparent;color:#7e91a9;font-size:11px}.duration-btn.selected{color:var(--mint);border-color:#b4fbd245}.generation{padding:25px 0;text-align:center}.generation-orb{width:105px;height:105px;border-radius:50%;background:conic-gradient(#7b6ac3,#b4fbd2,#e4c29c,#7b6ac3);margin:16px auto 30px;box-shadow:0 0 70px #aabbee20;position:relative;animation:spin 9s linear infinite}.generation-orb:after{content:'✦';display:grid;place-items:center;font-size:31px;color:#b4fbd2;position:absolute;inset:3px;border-radius:50%;background:#111824}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{height:3px;background:#253146;border-radius:5px;margin:24px auto 13px;max-width:340px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--mint));transition:width .4s}.generation small{font-size:10px;color:#6c809a}.success-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;margin:5px auto 23px;background:#b4fbd215;color:var(--mint)}.success-icon .icon{width:28px;height:28px}.library-list{border-top:1px solid var(--line)}.library-item{display:grid;grid-template-columns:62px 1fr auto auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.library-item .product-art{width:56px;height:76px;border-radius:7px}.library-item .product-art .product-object{width:40px;height:52px}.library-item .product-art .art-index,.library-item .product-art .art-type{display:none}.library-item h3{font-size:13px;font-weight:500}.library-item p{font-size:10px;color:#5b718b;margin-top:7px}.empty{padding:65px 25px;text-align:center;border:1px dashed #7c8fab33;border-radius:13px}.empty .icon{width:32px;height:32px;color:#63768e;margin-bottom:15px}.empty h2{font-size:18px;font-weight:500}.empty p{font-size:12px;color:#718399;margin:12px 0 25px}.settings-layout{max-width:730px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row h3{font-size:12px;font-weight:500}.setting-row p{font-size:10px;color:#6b7e96;margin-top:5px}.toggle{position:relative;width:38px;height:22px;appearance:none;border:1px solid #67758b55;border-radius:13px;padding:0;background:#263244;cursor:pointer;flex:none}.toggle:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#91a1b6;transition:.2s}.toggle:checked{background:#b4fbd240;border-color:#b4fbd260}.toggle:checked:after{left:19px;background:var(--mint)}dialog{color:var(--text);background:#111925;border:1px solid #d3e1ff24;border-radius:17px;max-width:460px;width:calc(100% - 36px);padding:30px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030710bd;backdrop-filter:blur(6px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h2{font-size:20px;font-weight:500}dialog p{font-size:12px;color:#8b9fb4;line-height:1.9}dialog .btn{margin-top:23px}dialog .preview-phone{max-width:210px;margin:15px auto}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.empty-search{padding:35px;color:#8193a9;text-align:center;grid-column:1/-1}.mobile-overlay{display:none}
@media(min-width:1600px){.hero{min-height:750px}.hero-art{transform:scale(1.08)}.main{padding-top:45px}.product-art{height:220px}}
@media(max-width:1100px){.hero h1{font-size:52px}.hero-art{transform:scale(.85);transform-origin:center}.hero{padding-top:70px;min-height:610px}.landing-strip,.section,.bottom-cta,.site-footer{margin-left:6%;margin-right:6%}.main{padding:30px 25px}.topbar{padding:0 25px}.sidebar{width:205px;padding-inline:15px}.shell{grid-template-columns:205px minmax(0,1fr)}.product-grid{gap:14px}.product-art{height:170px}.product-body{padding:15px}.dashboard-hero{padding:26px}.dashboard-orbit{right:-25px;opacity:.75}.wizard-layout{grid-template-columns:minmax(0,1fr) 200px}.panel{padding:22px}.step{font-size:10px}.steps{padding:17px}.detail-grid{gap:25px}.auth-form-wrap{padding-inline:12%}}
@media(max-width:820px){.site-nav{height:76px}.nav-links{display:none}.nav-actions{gap:18px}.hero{grid-template-columns:1fr;padding-top:60px;text-align:center;gap:10px}.hero-copy>p{margin:auto;max-width:400px}.hero h1{font-size:52px}.hero-buttons,.hero-note{justify-content:center}.hero-art{height:410px;max-width:470px;width:100%;margin:auto;transform:scale(.95)}.hero{padding-bottom:20px}.landing-strip{flex-wrap:wrap;justify-content:center;gap:20px 35px}.flow-story{gap:23px}.section{padding-top:65px;padding-bottom:65px}.section-heading>p{display:none}.section h2{font-size:29px}.bottom-cta{padding:30px}.bottom-cta h2{font-size:21px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-form-wrap{max-width:450px;width:100%;margin:auto;min-height:100vh;padding:35px}.sidebar{transform:translateX(-100%);transition:transform .25s;width:224px}.shell{display:block}.workspace{width:100%}.mobile-menu{display:grid}.topbar{height:64px;padding:0 20px}.main{padding:26px 22px 45px}.mobile-open .sidebar{transform:none}.mobile-open .mobile-overlay{display:block;position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);z-index:19;border:0}.sidebar .brand-sub{display:inline}.topbar-right .top-home{display:none}.dashboard-orbit{right:5%}.dashboard-hero .hero-text{max-width:60%}.page-heading h1{font-size:26px}.dashboard-bottom{gap:25px}.wizard-layout{grid-template-columns:minmax(0,1fr) 195px}.detail-grid>.product-art{height:355px}.detail-grid>.product-art .product-object{width:200px;height:240px}}
@media(max-width:560px){.brand-sub{display:none}.site-nav .btn{padding:8px 13px;font-size:11px}.nav-actions{gap:17px;font-size:11px}.brand-word{font-size:14px}.hero{padding-top:49px}.hero h1{font-size:42px;line-height:1.34;margin-top:21px}.hero-copy>p{font-size:12px;max-width:300px}.hero-buttons .btn{font-size:11px;padding:11px 15px}.hero-note{font-size:9px}.hero-art{height:330px;transform:scale(.77);margin-top:-9px;margin-bottom:-17px}.hero-art .orb-label.right{right:-35px}.hero-art .orb-label.left{left:-30px}.landing-strip{font-size:9px;gap:18px}.landing-strip span:last-child{display:none}.section{padding-top:55px;padding-bottom:48px}.section h2{font-size:26px}.flow-story{grid-template-columns:1fr;gap:25px;margin-top:32px}.story{padding-top:18px}.story h3{margin:9px 0;font-size:17px}.story p{font-size:11px}.bottom-cta{display:block;padding:29px}.bottom-cta .btn{margin-top:22px}.site-footer{display:block;line-height:2.2;font-size:9px}.main{padding:25px 17px 40px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:23px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:230px}.page-heading .btn{padding:9px 11px;font-size:10px;margin-top:11px}.page-heading .btn .icon{display:none}.notice{font-size:9px;align-items:flex-start;padding:10px 11px}.notice .icon{margin-top:2px;flex:none}.topbar{padding-inline:13px;font-size:10px}.topbar-left{gap:9px}.topbar-right{gap:4px}.topbar .tag{font-size:8px}.dashboard-hero{min-height:259px;padding:25px 21px}.dashboard-hero h2{font-size:23px}.dashboard-hero .hero-text{max-width:75%}.dashboard-hero p{font-size:10px;max-width:195px}.dashboard-orbit{right:-99px;top:6px;opacity:.4;transform:scale(.8)}.dashboard-hero .btn{font-size:10px;padding:10px 13px}.stat-row{grid-template-columns:repeat(2,1fr);gap:23px 15px;margin:25px 0;padding-bottom:24px}.stat:nth-child(3){padding-left:0}.stat:nth-child(2){border:0}.stat-value{font-size:27px}.stat-label{font-size:9px}.product-grid{grid-template-columns:1fr;gap:19px}.product-art{height:218px}.product-art .product-object{width:160px;height:180px}.product-body{padding:17px 19px}.product-body h3{font-size:16px}.product-body p{font-size:11px}.product-body .overline{font-size:9px}.product-meta{margin-top:15px}.dashboard-bottom{grid-template-columns:1fr;margin-top:30px}.section-title h2{font-size:15px}.section-title a{font-size:10px}.section-title p{display:none}.two-col{grid-template-columns:1fr}.panel{padding:22px 20px}.connection-card{min-height:280px}.filter-bar{align-items:stretch;flex-direction:column;gap:13px}.search-field{max-width:none}.filter-tab{font-size:10px;padding:8px 12px}.detail-grid{grid-template-columns:1fr;gap:19px}.detail-grid>.product-art{height:290px}.detail-info h2{font-size:26px}.detail-info{padding:0}.detail-info>p{font-size:12px}.steps{padding:13px 10px;gap:6px;margin-bottom:20px}.step{gap:5px;font-size:9px}.step span{width:20px;height:20px;font-size:9px}.step-line{min-width:4px}.wizard-layout{grid-template-columns:1fr}.preview-aside{display:none}.wizard-panel{min-height:405px}.wizard-panel h2{font-size:19px}.model-option{padding:16px 12px}.model-option strong{font-size:11px}.model-options{gap:10px}.shot{grid-template-columns:30px 1fr auto;gap:9px}.shot p{font-size:9px}.wizard-nav .btn{padding:11px 15px;font-size:11px}.library-item{grid-template-columns:52px 1fr;gap:12px}.library-item>.tag{grid-column:2;justify-self:start;margin-top:-5px}.library-item>.btn{grid-column:2;justify-self:start}.library-item .product-art{grid-row:1/4}.library-item p{font-size:9px}.library-item h3{font-size:12px}.auth-form-wrap{padding:30px}.auth-form-wrap h1{font-size:27px}.back-link{margin-bottom:45px}.service-footer{flex-wrap:wrap}.service-head{gap:10px}.service-head h2{font-size:16px}.service-head .tag{font-size:8px;padding:4px 7px}.service-icon{width:43px;height:43px}.settings-layout .panel{padding:21px 18px}.setting-row{gap:12px}.topbar .avatar{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.page-heading>div{min-width:0}.page-heading h1{overflow-wrap:anywhere}
@media(max-width:820px){.sidebar{visibility:hidden}.mobile-open .sidebar{visibility:visible}}
@media(max-width:560px){.dashboard-hero .hero-text{max-width:95%}.dashboard-hero h2{font-size:22px}.dashboard-hero .eyebrow{font-size:8px;letter-spacing:.16em}.dashboard-hero{min-height:285px}.dashboard-orbit{opacity:.26}}

/* 天神抖音工作台：完整中文品牌在侧栏与移动端保持可读。 */
.brand{gap:8px}.brand-word{font-size:15px;letter-spacing:.02em;white-space:nowrap}.auth-form-wrap h1{overflow-wrap:anywhere}
@media(max-width:760px){.site-nav{flex-wrap:wrap;gap:16px}.updates-public-header{flex-wrap:wrap;gap:16px}.updates-footer{flex-wrap:wrap}.brand-word{font-size:14px}}
