@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#090b16;--panel:#121526;--panel2:#181b2e;--text:#f4f1ed;--muted:#9a9aae;--line:#292d43;--purple:#8e7cf2;--pink:#dc89af;--mint:#75c8bd;--shadow:0 30px 80px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,"PingFang SC",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.aurora{position:fixed;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none;z-index:-1}.a1{width:600px;height:600px;background:#7655ff;top:-220px;right:2%}.a2{width:500px;height:500px;background:#d75a94;top:50%;left:-250px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid #ffffff0b;position:sticky;top:0;background:#090b16d9;backdrop-filter:blur(20px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font:600 20px "Noto Serif SC"}.logo{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a99bff;border-radius:50% 50% 45% 55%;color:#c0b7ff;font-style:italic;box-shadow:inset 0 0 12px #8e7cf244}nav{display:flex;gap:34px;color:#b6b5c3}nav a:hover{color:white}.actions{display:flex;gap:10px;align-items:center}button{border:0;color:var(--text);background:transparent}.primary{padding:11px 20px;border-radius:12px;background:linear-gradient(135deg,#927ef4,#d180bc);box-shadow:0 8px 30px #8e7cf23b;font-weight:600}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.ghost,.glass{border:1px solid var(--line);border-radius:12px;padding:10px 18px;background:#ffffff05}.glass:hover,.ghost:hover{border-color:#8e7cf280;background:#8e7cf212}.icon{font-size:19px}.large{padding:15px 24px;font-size:15px}.hero{min-height:700px;max-width:1280px;margin:auto;padding:110px 40px 80px;position:relative}.eyebrow,.kicker{font-size:11px;letter-spacing:2.4px;color:#aea0fc}.eyebrow{display:flex;gap:9px;align-items:center}.eyebrow i{width:7px;height:7px;background:#85e1be;border-radius:50%;box-shadow:0 0 14px #85e1be}.hero h1{font:600 clamp(45px,5.5vw,76px)/1.16 "Noto Serif SC";letter-spacing:-2px;margin:22px 0}.hero h1 span{background:linear-gradient(100deg,#bfb3ff,#efa5c8);color:transparent;background-clip:text}.hero>p{color:var(--muted);font-size:17px;line-height:2}.hero-actions{display:flex;gap:14px;margin:34px 0}.proof{display:flex;align-items:center;gap:13px;margin-top:42px}.faces{display:flex}.faces span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#34304f;border:2px solid var(--bg);margin-left:-8px;font-family:"Noto Serif SC"}.proof strong,.proof small{display:block}.proof small{color:var(--muted);font-size:11px;margin-top:4px}.proof em{font-style:normal;color:#dca6c0;font-size:11px}.orbit{position:absolute;width:470px;height:500px;right:25px;top:62px}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #9183dc28;border-radius:50%;inset:10px;transform:rotate(-25deg)}.orbit:after{inset:80px -50px;transform:rotate(35deg)}.soul-card{position:absolute;inset:48px 65px;background:linear-gradient(160deg,#27243b,#151827);border:1px solid #ffffff19;border-radius:190px 190px 28px 28px;overflow:hidden;box-shadow:var(--shadow)}.portrait{display:grid;place-items:center;font:600 72px "Noto Serif SC";background:radial-gradient(circle at 50% 35%,#dbb3c8,#7b668b 45%,#292337 75%);color:#fff8}.portrait-main{height:310px}.online{position:absolute;width:11px;height:11px;background:#77dfb2;border:2px solid #1a1727;border-radius:50%;right:45px;top:292px}.card-copy{padding:20px 24px}.card-copy small{color:#c7aee3}.card-copy h3{font:600 23px "Noto Serif SC";margin:7px 0}.card-copy h3 span{font:500 9px Inter;border:1px solid #8e7cf266;padding:3px 6px;border-radius:8px;color:#bdb2ff}.card-copy p{color:#b5b0bf;font-family:"Noto Serif SC"}.round{position:absolute;right:20px;bottom:22px;width:38px;height:38px;border-radius:50%;background:#ffffff12}.float-chip{position:absolute;padding:10px 14px;border:1px solid #ffffff1c;background:#151725d9;backdrop-filter:blur(8px);border-radius:10px;color:#c9c6d0;box-shadow:0 15px 30px #0005;font-size:11px}.fc1{left:0;top:110px}.fc2{right:-5px;bottom:70px}.float-avatar{position:absolute;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:600 20px "Noto Serif SC";border:1px solid #ffffff26;background:linear-gradient(135deg,#497c82,#1c303b);box-shadow:0 0 0 8px #111321}.fa1{right:-35px;top:95px}.fa2{left:0;bottom:30px;background:linear-gradient(135deg,#a57363,#372630)}.section{max-width:1200px;margin:auto;padding:90px 40px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section h2,.create-banner h2{font:600 36px "Noto Serif SC";margin:10px 0}.section-head p,.create-banner p{color:var(--muted)}.filters{display:flex;gap:8px;margin-bottom:25px;overflow:auto}.filters button{white-space:nowrap;padding:9px 16px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.filters button.active{background:#8e7cf222;border-color:#8e7cf277;color:#cabfff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.3s}.person:hover{transform:translateY(-7px);border-color:#8e7cf266;box-shadow:0 24px 50px #0005}.person-img{height:225px;display:grid;place-items:center;font:600 52px "Noto Serif SC";position:relative}.person-img span{position:absolute;left:14px;top:14px;font:500 9px Inter;padding:5px 8px;background:#10111bbd;border-radius:12px}.person-copy{padding:17px}.person-copy h3{font:600 19px "Noto Serif SC";margin:0 0 7px}.person-copy h3 small{font:500 9px Inter;color:#b3a8f1;border:1px solid #625a8a;padding:2px 5px;border-radius:6px}.person-copy p{height:38px;color:var(--muted);font-size:12px;line-height:1.6}.person-meta{display:flex;justify-content:space-between;color:#77798b;font-size:10px;margin-top:14px}.scene-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.scene{height:290px;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:var(--image);background-size:cover;background-position:center;cursor:pointer}.scene:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0b0c16e8)}.scene>*{z-index:1}.scene small{color:#d0c7fa}.scene h3{font:600 23px "Noto Serif SC";margin:7px 0}.scene p{color:#b8b5c1;margin:0;font-size:12px}.create-banner{max-width:1120px;margin:90px auto;padding:65px;background:linear-gradient(120deg,#17192d,#25203a);border:1px solid #ffffff16;border-radius:30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.create-banner:after{content:"S";position:absolute;right:29%;font:600 350px serif;color:#ffffff05}.steps{min-width:340px;z-index:1}.steps>div{display:flex;gap:20px;padding:17px;border-bottom:1px solid #ffffff12}.steps b{font-size:11px;color:#a99df0}.steps span{font:600 15px "Noto Serif SC"}.steps small{display:block;color:var(--muted);font:400 10px Inter;margin-top:5px}footer{padding:35px max(5vw,30px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#77798a}footer p{font-family:"Noto Serif SC"}.modal{position:fixed;inset:0;background:#050610d9;backdrop-filter:blur(12px);display:none;place-items:center;z-index:50;padding:20px}.modal.open{display:grid}.modal-card{width:min(650px,100%);background:#151727;border:1px solid #343750;border-radius:24px;padding:34px;box-shadow:var(--shadow);position:relative}.modal-card.small{width:min(430px,100%)}.modal-card h2{font:600 28px "Noto Serif SC";margin:10px 0}.modal-card>p,.modal-card>small{color:var(--muted)}.close{position:absolute;right:18px;top:14px;font-size:27px;color:#858798}.modal-card label{display:block;color:#aaaabd;font-size:11px;margin:20px 0 7px}.modal-card input,.modal-card select,.modal-card textarea{width:100%;margin-top:8px;background:#0d0f1c;border:1px solid #2c3048;border-radius:10px;padding:12px;color:white;outline:none}.modal-card input:focus,.modal-card textarea:focus{border-color:#8e7cf2}.full{width:100%;margin-top:20px}.divider{text-align:center;color:#55586b;margin:17px}.wizard-head{display:flex;justify-content:space-between;align-items:center}.wizard-head>span{color:var(--muted);font-size:11px}.progress{height:3px;background:#25283d;margin:22px 0 28px}.progress i{display:block;width:33%;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));transition:.3s}.step{display:none;min-height:255px}.step.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:1/-1}.modal-card textarea{height:80px;resize:none}.tag-picker{display:flex;gap:8px;margin-top:9px}.tag-picker button{border:1px solid #373a52;padding:7px 12px;border-radius:18px;color:#9b9cad}.tag-picker button.active{border-color:#8e7cf2;color:#c7beff;background:#8e7cf21c}.wizard-actions{display:flex;justify-content:space-between;margin-top:20px}.avatar-builder{display:flex;align-items:center;gap:30px;padding:30px}.generated-avatar{width:160px;height:190px;border-radius:80px 80px 20px 20px;display:grid;place-items:center;background:linear-gradient(145deg,#b09cff,#6d5b9d);font:600 50px "Noto Serif SC"}.colors{display:flex;gap:10px}.colors button{width:28px;height:28px;border-radius:50%;background:var(--c);border:3px solid #fff2}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skill-list label{background:#0d0f1c;border:1px solid #292d43;border-radius:10px;padding:12px;margin:0}.skill-list input{width:auto;margin:0 8px 0 0}.chat-panel{position:fixed;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));height:570px;border:1px solid #343750;background:#111422eF;backdrop-filter:blur(18px);border-radius:22px;z-index:40;box-shadow:var(--shadow);display:none;flex-direction:column;overflow:hidden}.chat-panel.open{display:flex}.chat-head{display:flex;align-items:center;gap:11px;padding:15px;border-bottom:1px solid var(--line)}.chat-head>button{margin-left:auto;font-size:22px;color:#8b8d9c}.mini-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#bc83a1,#514469);font-family:"Noto Serif SC"}.chat-head strong,.chat-head small{display:block}.chat-head small{color:#777a8b;font-size:9px;margin-top:4px}.chat-head small i{display:inline-block;width:5px;height:5px;background:#73d8ad;border-radius:50%}.messages{padding:18px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 50% 30%,#7c62bc0c,transparent 50%)}.message{max-width:82%;padding:11px 13px;border-radius:14px;line-height:1.6}.message.ai{background:#26283b;border-bottom-left-radius:3px}.message.user{background:#7c6ac5;align-self:end;border-bottom-right-radius:3px}.message time{display:block;color:#ffffff55;font-size:8px;margin-top:4px}.typing{letter-spacing:3px}.suggestions{display:flex;gap:6px;padding:8px 13px;overflow:auto}.suggestions button{white-space:nowrap;border:1px solid #32364c;border-radius:15px;padding:6px 9px;color:#8f91a2;font-size:10px}.chat-panel form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-panel form input{flex:1;background:#090b15;border:1px solid #292d43;border-radius:12px;padding:11px;color:white;outline:none}.send{width:38px;border-radius:11px;background:#8270d4;font-size:18px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);padding:11px 18px;background:#292c3d;border:1px solid #4a4d64;border-radius:12px;opacity:0;z-index:80;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}body.light{--bg:#f5f3f0;--panel:#fff;--panel2:#eeeaf2;--text:#191827;--muted:#71707e;--line:#ded9e4}body.light header{background:#f5f3f0dc}body.light .modal-card{background:#faf9fc}body.light .modal-card input,body.light .modal-card select,body.light .modal-card textarea{background:#fff;color:#222}body.light .chat-panel{background:#fffef5ef}
@media(max-width:900px){nav{display:none}.hero{padding-top:70px;text-align:center}.hero .eyebrow{justify-content:center}.hero>p br{display:none}.hero-actions,.proof{justify-content:center}.orbit{position:relative;right:auto;top:auto;margin:65px auto 0}.hero{min-height:auto}.grid{grid-template-columns:repeat(2,1fr)}.scene-grid{grid-template-columns:1fr 1fr}.scene:first-child{grid-column:1/-1}.create-banner{margin:50px 25px;gap:30px}.steps{min-width:280px}}@media(max-width:600px){header{padding:0 16px}.actions .ghost,.icon{display:none}.hero{padding:60px 20px}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.orbit{width:100%;height:450px}.soul-card{inset:40px 20px}.fc1{left:-5px}.fa1{right:-8px}.section{padding:65px 18px}.section-head{align-items:start}.section-head>button{display:none}.grid{grid-template-columns:1fr 1fr;gap:10px}.person-img{height:170px}.scene-grid{grid-template-columns:1fr}.scene:first-child{grid-column:auto}.create-banner{padding:35px 25px;display:block}.steps{margin-top:35px;min-width:0}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.avatar-builder{padding:10px;gap:18px}.generated-avatar{width:120px;height:150px}.skill-list{grid-template-columns:1fr}footer p{display:none}}
.register-only{display:none!important}.auth-switch{display:block;margin:13px auto -3px;color:#aaa0ed;font-size:12px}.workspace{position:fixed;inset:0;background:var(--bg);z-index:45;display:none}.workspace.open{display:flex}.workspace-side{width:235px;padding:26px 20px;background:#0d0f1c;border-right:1px solid var(--line);display:flex;flex-direction:column}.user-block{text-align:center;margin:45px 0 28px}.user-avatar{width:62px;height:62px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font:600 24px "Noto Serif SC";background:linear-gradient(145deg,#c091b2,#5a4f85);box-shadow:0 0 0 6px #ffffff08}.user-block strong,.user-block small{display:block}.user-block small{font-size:8px;letter-spacing:1.7px;color:#b7aafb;margin-top:6px}.side-nav{display:flex!important;flex-direction:column;gap:7px}.side-nav button{text-align:left;padding:12px 14px;border-radius:10px;color:#8d8fa1}.side-nav button.active,.side-nav button:hover{background:#8e7cf219;color:#c9c0ff}.logout{margin-top:auto;padding:10px;color:#858798;text-align:left}.workspace-main{flex:1;padding:34px 44px;overflow:auto}.workspace-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.workspace-top h2{font:600 30px "Noto Serif SC";margin:8px 0}.workspace-top>button{font-size:30px;color:#7e8092}.ws-view{display:none}.ws-view.active{display:block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-grid article{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.stat-grid small,.stat-grid span{display:block;color:var(--muted)}.stat-grid strong{display:block;font:600 32px "Noto Serif SC";margin:9px 0}.stat-grid span{font-size:9px}.points-card{background:linear-gradient(135deg,#2b2545,#1a1b2c)!important}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:18px}.dash-card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:16px;min-height:230px}.dash-title{display:flex;align-items:center;justify-content:space-between}.dash-title h3{font:600 17px "Noto Serif SC"}.dash-title button,.dash-title span{color:#a99def;font-size:11px}.empty-state{display:grid;place-items:center;min-height:155px;color:#6f7182}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.quick-grid button{display:flex;flex-direction:column;gap:8px;align-items:center;padding:20px;background:#ffffff05;border:1px solid var(--line);border-radius:12px;color:#bbbccd}.quick-grid span{font-size:10px}.manage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.manage-head p{color:var(--muted)}.manage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.manage-item{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px}.manage-visual{height:130px;border-radius:11px;display:grid;place-items:center;font:600 35px "Noto Serif SC";background:linear-gradient(145deg,#917cb8,#383652)}.manage-item h3{font-family:"Noto Serif SC"}.manage-item p{height:34px;color:var(--muted);font-size:11px}.manage-meta{display:flex;justify-content:space-between;color:#8d8fa0;font-size:9px}.manage-actions{display:flex;gap:7px;margin-top:15px}.manage-actions button{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px;color:#aaaabd;font-size:10px}.manage-actions .danger{color:#d88b9d}.history-list{display:block}.history-row{display:flex;align-items:center;gap:14px;padding:14px 5px;border-bottom:1px solid var(--line)}.history-row .mini-avatar{flex:none}.history-row div:nth-child(2){flex:1}.history-row strong,.history-row small{display:block}.history-row small{color:var(--muted);font-size:10px;margin-top:5px}.history-row time{font-size:9px;color:#707284}.membership{display:flex;justify-content:space-between;padding:28px;background:linear-gradient(135deg,#32284b,#181a2c);border:1px solid #6f5e9d;border-radius:18px;margin-bottom:28px}.membership h3{font:600 25px "Noto Serif SC";margin:8px 0}.membership p{color:#a4a2b2}.membership>strong{font-size:14px;color:#c7baff}.membership>strong span{font:600 40px "Noto Serif SC"}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plans article{position:relative;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.plans article>*{display:block}.plans small{color:#a7a8b6}.plans b{font-size:27px;margin:17px 0}.plans span{min-height:32px;color:var(--muted);font-size:10px}.plans button{width:100%;margin-top:18px;padding:9px;border:1px solid #635a8d;border-radius:9px;color:#bdb2f4}.plans .featured{border-color:#8e7cf2}.plans i{position:absolute;right:12px;top:10px;color:#dba5ca;font-size:9px}.payment-note{color:#747687;font-size:10px}.recent-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.recent-row button{margin-left:auto;color:#afa3f1}.scene-thumb{background:linear-gradient(145deg,#577075,#262b3b)}
@media(max-width:900px){.workspace-side{width:175px}.workspace-main{padding:28px 25px}.stat-grid{grid-template-columns:1fr 1fr}.manage-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.actions #workspaceBtn{display:block}.workspace-side{width:65px;padding:18px 8px}.workspace-side .brand span:last-child,.user-block strong,.user-block small,.side-nav button{font-size:0}.workspace-side .brand{justify-content:center}.user-block{margin:30px 0}.user-avatar{width:42px;height:42px}.side-nav button{padding:13px;text-align:center}.side-nav button:first-letter{font-size:18px}.logout{font-size:0}.logout:first-letter{font-size:16px}.workspace-main{padding:20px 13px}.workspace-top h2{font-size:23px}.stat-grid,.manage-grid,.plans{grid-template-columns:1fr}.dashboard-grid{display:block}.dash-card{margin-bottom:14px}.membership{display:block}}
.model-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.model-strip span{padding:8px 12px;border:1px solid var(--line);border-radius:18px;color:var(--muted);font-size:10px}.model-strip b{color:#bbb0f4;margin-left:5px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-grid .clone-card{grid-column:1/-1}.studio-grid .dash-card>p{color:var(--muted);font-size:11px}.studio-grid label{display:block;color:#9c9dae;font-size:10px;margin-top:15px}.studio-grid textarea,.studio-grid input,.studio-grid select{width:100%;margin-top:7px;padding:11px;background:#0c0e19;color:var(--text);border:1px solid var(--line);border-radius:9px;outline:none}.studio-grid textarea{height:85px;resize:vertical}.inline-controls,.clone-fields{display:flex;gap:10px;align-items:end;margin-top:15px}.inline-controls select{margin:0;flex:1}.clone-fields label{flex:1;margin:0}.creation-result{min-height:70px;margin-top:15px;padding:14px;border:1px dashed #383b50;border-radius:10px;display:grid;place-items:center;color:#707285;font-size:11px;overflow:hidden}.creation-result img{width:100%;border-radius:8px}.creation-result audio{width:100%}.creation-result small{display:block;margin-top:8px;color:#747687}.working{color:#b6aaf5;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.45}}@media(max-width:800px){.studio-grid{grid-template-columns:1fr}.studio-grid .clone-card{grid-column:auto}.clone-fields{display:block}.clone-fields button{margin-top:12px}}