:root{--bg:#181722;--panel:#242331;--panel2:#2d2c3d;--line:#3a394a;--text:#f7f6fb;--muted:#9c9aac;--purple:#7b5cff;--purple2:#9b7dff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding-bottom:88px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#181722ef;border-bottom:1px solid #2b2a37;align-items:center;gap:14px;height:74px;padding:0 max(20px,50vw - 590px);display:flex;position:sticky;top:0}.topbar>button{color:#fff;background:#302e40;border:0;border-radius:12px;width:36px;height:36px;font-size:29px}.topbar>div{flex-direction:column;gap:3px;display:flex}.topbar strong{font-size:20px}.topbar small{color:var(--muted)}.node{color:#aaa8b8;margin-left:auto;font-size:12px}.node i{background:#38d39f;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 9px #38d39f}.content{max-width:1180px;margin:0 auto;padding:28px 20px 50px}.bottom-nav{z-index:30;background:#232230fa;border-top:1px solid #3a3848;justify-content:center;height:76px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0d0d1688}.bottom-nav button{color:#8f8d9e;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:min(180px,25%);display:flex}.bottom-nav button i{font-size:21px;font-style:normal}.bottom-nav button span{font-size:12px}.bottom-nav button.on{color:#a890ff}.welcome{background:radial-gradient(circle at 85% 15%,#7657ff55,#0000 30%),linear-gradient(135deg,#2d2946,#222130);border:1px solid #3d385b;border-radius:24px;align-items:center;min-height:172px;padding:34px 38px;display:flex}.welcome small{color:#a996ff;letter-spacing:2px}.welcome h1{margin:10px 0 8px;font-size:30px}.welcome p{color:#aaa7ba;margin:0}.welcome>span{color:#c6baff;border:1px solid #7964d3;border-radius:99px;margin-left:auto;padding:8px 16px}.home-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.home-grid button{background:var(--panel);color:#fff;border:1px solid #363545;border-radius:18px;flex-direction:column;align-items:center;min-height:176px;padding:24px 12px;transition:all .2s;display:flex}.home-grid button:hover{background:#29273a;border-color:#735eff;transform:translateY(-3px)}.home-grid i{border-radius:22px;place-items:center;width:68px;height:68px;font-size:22px;font-style:normal;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff25,0 12px 26px #0004}.home-grid strong{margin-top:16px;font-size:16px}.home-grid em{color:#817f91;margin-top:6px;font-size:12px;font-style:normal}.card-page,.designer,.profile-card,.quota,.admin-page{background:var(--panel);border:1px solid #363545;border-radius:20px;padding:24px}.toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.toolbar h2{margin:0 0 7px}.toolbar p,.muted{color:var(--muted);margin:0;font-size:14px}.actions{gap:10px;display:flex}.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex}.primary.small{min-height:40px}.primary:disabled{opacity:.45}.tabs{border-bottom:1px solid var(--line);margin:-4px 0 24px;display:flex}.tabs button{color:#92909f;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 22px}.tabs button.on{color:#b4a5ff;border-color:#846cff}.empty{color:#777586;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:260px;display:flex}.empty b{font-size:45px;font-weight:300}.record-list{flex-direction:column;gap:12px;display:flex}.record-list article{background:var(--panel2);border-radius:14px;align-items:center;gap:16px;padding:18px;display:flex}.record-list article>div{flex:1}.record-list p{color:#b0aebd;white-space:pre-wrap;margin:8px 0}.record-list small{color:#777585}.record-list aside{gap:8px;display:flex}.record-list button,.output-grid button,.output-grid a,.customer-table button{color:#d9d6e8;background:#39374b;border:0;border-radius:8px;padding:8px 12px;text-decoration:none}.danger{color:#ff7b88!important}.media-grid,.output-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.media-grid article,.output-grid article{background:#2d2c3b;border:1px solid #3c3a4b;border-radius:15px;flex-direction:column;gap:9px;padding:12px;display:flex;overflow:hidden}.media-grid video,.media-grid img,.output-grid video{object-fit:cover;background:#14131b;border-radius:10px;width:100%;height:180px}.media-grid small,.output-grid small,.output-grid em{color:#8e8c9e;font-size:12px;font-style:normal}.media-grid audio{width:100%;height:36px}.audio-icon{background:linear-gradient(135deg,#614eff,#f16aa1);border-radius:10px;place-items:center;height:120px;font-size:46px;display:grid}.output-grid article>div{gap:8px;display:flex}.group-grid,.wallet-grid,.tool-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.group-grid article,.wallet-grid article{background:#2c2b3a;border:1px solid #3b394a;border-radius:16px;padding:20px}.group-grid i{background:#7b60ff;border-radius:14px;place-items:center;width:44px;height:44px;font-style:normal;display:grid}.group-grid strong{margin:14px 0;display:block}.group-grid article div{color:#92909f;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label,.login label{color:#b8b6c5;flex-direction:column;gap:7px;font-size:13px;display:flex}.form-grid .wide{grid-column:1/-1}input,textarea,select{color:#fff;background:#1f1e2a;border:1px solid #464456;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#7c66e8}textarea{resize:vertical;min-height:110px}.checks{color:#aaa8b8;gap:18px;margin:17px 0;display:flex}.checks input{width:auto}.cost{color:#aaa6bf;background:#312d47;border-radius:10px;margin-bottom:14px;padding:14px}.cost strong{color:#b9aaff}.shade{z-index:80;background:#080811c4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#272633;border:1px solid #464358;border-radius:20px;width:min(700px,100%);max-height:90vh;padding:23px;overflow:auto;box-shadow:0 28px 80px #0009}.modal>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{margin:0}.modal>header button{color:#aaa;background:0 0;border:0;font-size:26px}.qr{text-align:center}.qr img{border-radius:10px;width:260px}.qr p{color:#aaa;line-height:1.7}.ai-panel{max-width:780px;margin:auto;padding:12px}.ai-panel h2{font-size:26px}.result{background:#1e1d29;border-radius:12px;margin-top:18px;padding:18px;line-height:1.8}.result audio{width:100%}.design-page{grid-template-columns:1fr 340px;gap:22px;display:grid}.button-tags{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.button-tags span{color:#bbb8cc;background:#343247;border-radius:9px;padding:7px 12px}.phone{border:10px solid #0f0f14;border-radius:38px;min-height:650px;overflow:hidden;box-shadow:0 20px 50px #0007}.phone-hero{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:240px;display:flex}.phone-hero i{color:#654dea;background:#fff;border-radius:50%;place-items:center;width:62px;height:62px;font-style:normal;display:grid}.phone-actions{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px;display:grid}.phone-actions span{background:#ffffff12;border-radius:12px;place-items:center;min-height:70px;font-size:12px;display:grid}.ledger>div{border-bottom:1px solid #363442;align-items:center;gap:14px;padding:17px;display:flex}.ledger i{width:70px;font-style:normal;font-weight:700}.ledger .plus{color:#42d8a0}.ledger .minus{color:#ff7f8c}.ledger span{flex-direction:column;flex:1;gap:4px;display:flex}.ledger small{color:#858393}.ledger em{color:#aaa7b8;font-style:normal}.tool-grid button{color:#fff;text-align:left;background:#262532;border:1px solid #383646;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:190px;padding:23px;display:flex}.tool-grid i{font-size:28px;font-style:normal}.tool-grid strong{margin:17px 0 8px;font-size:18px}.tool-grid span{color:#9997a8;line-height:1.5}.tool-grid em{color:#9f8cff;margin-top:auto;font-style:normal}.profile-card{align-items:center;gap:16px;display:flex}.profile-card>div{background:#735bff;border-radius:20px;place-items:center;width:64px;height:64px;font-size:26px;display:grid}.profile-card span{flex-direction:column;flex:1;gap:6px;display:flex}.profile-card small{color:#9996a9}.profile-card button{color:#c2b7ff;background:#312d4b;border:1px solid #6f5cd2;border-radius:10px;padding:10px}.wallet-grid{margin:18px 0}.wallet-grid article span{color:#9996a7}.wallet-grid article strong{margin:12px 0;font-size:28px;display:block}.wallet-grid article small{color:#6f6c7c}.quota{grid-template-columns:1fr 1fr;gap:30px;display:grid}.quota div{flex-direction:column;gap:9px;display:flex}.quota span{color:#a7a4b4}.quota i{background:#3b3948;border-radius:99px;height:7px;overflow:hidden}.quota b{background:#785fff;height:100%;display:block}.logout{color:#ff7b89;background:#2b222c;border:1px solid #533842;border-radius:14px;width:100%;margin-top:18px;padding:14px}.customer-table{overflow:auto}.customer-table>.th,.customer-table>div{border-bottom:1px solid #393746;grid-template-columns:1.1fr 1.4fr 2fr 1fr .7fr;align-items:center;gap:15px;min-width:900px;padding:15px;display:grid}.customer-table>.th{color:#7f7c8e;font-size:12px}.customer-table strong,.customer-table span{flex-direction:column;gap:5px;display:flex}.customer-table small{color:#838091;font-weight:400}.loading,.login{background:radial-gradient(circle at 50% 20%,#5c46c833,#0000 35%),#181722;place-items:center;min-height:100vh;display:grid}.loading i{border:3px solid #4b485d;border-top-color:#8b71ff;border-radius:50%;width:42px;height:42px;animation:1s linear infinite spin}.login form{background:#242331;border:1px solid #3b394a;border-radius:24px;width:min(430px,100% - 32px);padding:34px;box-shadow:0 30px 90px #0008}.logo{background:linear-gradient(135deg,#765bff,#a479ff);border-radius:20px;place-items:center;width:62px;height:62px;font-size:25px;font-weight:700;display:grid}.login small{color:#9785ef;letter-spacing:2px;margin-top:18px;display:block}.login h1{margin:10px 0}.login p{color:#9593a4;margin-bottom:22px;line-height:1.6}.login label{margin:14px 0}.login .primary{width:100%;margin-top:8px}.error{color:#ff7886;background:#3d2730;border-radius:9px;padding:10px}.toast{z-index:100;background:#3a3357;border:1px solid #7460d7;border-radius:12px;padding:14px 20px;position:fixed;bottom:94px;right:22px;box-shadow:0 18px 50px #0008}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.home-grid{grid-template-columns:repeat(3,1fr)}.media-grid,.output-grid{grid-template-columns:repeat(2,1fr)}.design-page{grid-template-columns:1fr}.phone{width:330px;margin:auto}.tool-grid,.group-grid,.wallet-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.topbar{height:64px;padding:0 14px}.topbar small,.node{display:none}.content{padding:16px 12px 30px}.welcome{min-height:145px;padding:24px 20px}.welcome h1{font-size:23px}.welcome>span{display:none}.home-grid{grid-template-columns:repeat(3,1fr);gap:10px}.home-grid button{min-height:132px;padding:15px 6px}.home-grid i{border-radius:17px;width:52px;height:52px;font-size:17px}.home-grid strong{margin-top:11px;font-size:13px}.home-grid em{display:none}.card-page,.designer,.profile-card,.quota,.admin-page{border-radius:15px;padding:16px}.toolbar{align-items:flex-start}.toolbar p{display:none}.actions{flex-direction:column}.media-grid,.output-grid{grid-template-columns:1fr 1fr;gap:10px}.media-grid video,.media-grid img,.output-grid video{height:140px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.checks{flex-wrap:wrap}.tool-grid,.group-grid,.wallet-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-grid button{min-height:160px;padding:16px}.tool-grid strong{font-size:15px}.quota{grid-template-columns:1fr}.profile-card button{font-size:12px}.bottom-nav{height:68px}.shell{padding-bottom:75px}.phone{width:100%;min-height:600px}.record-list article{flex-direction:column;align-items:flex-start}.record-list aside{justify-content:flex-end;width:100%}.modal{padding:17px}.toast{text-align:center;bottom:82px;left:14px;right:14px}}.search-row{max-width:420px;margin:-5px 0 20px}.activity-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.activity-grid article{border:1px solid var(--line);background:var(--panel2);border-radius:16px;padding:18px}.activity-grid article>div{align-items:center;gap:12px;display:flex}.activity-grid article>div>i{background:#725bff;border-radius:13px;place-items:center;width:44px;height:44px;font-style:normal;display:grid}.activity-grid article span{flex-direction:column;gap:5px;display:flex}.activity-grid small{color:var(--muted)}.activity-grid nav,.group-grid nav,.asset-actions{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.activity-grid nav button,.group-grid nav button,.asset-actions button{color:#d8d5e7;background:#3a384b;border:0;border-radius:8px;padding:8px 11px}.choice-row{background:#1f1e2a;border:1px solid #464456;border-radius:10px;flex-wrap:wrap;gap:15px;padding:11px;display:flex}.choice-row label{flex-direction:row;align-items:center;display:flex}.choice-row input{width:auto}.platform-switches{grid-template-columns:1fr 1fr;gap:10px;display:grid}.platform-switches label{background:#302f40;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.platform-switches input{width:20px;height:20px}.modal-save{width:100%;margin-top:18px}.device-box{flex-direction:column;gap:14px;display:flex}.device-box p,.generator-note{color:var(--muted);line-height:1.7}.group-grid nav{grid-column:1/-1}.job-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.job-list>div{background:#2c2b3a;border-left:3px solid #8a70ff;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;padding:12px 14px;display:flex}.job-list span{flex-direction:column;gap:3px;display:flex}.job-list small,.job-list em{color:var(--muted);font-size:12px;font-style:normal}.job-list .job-failed{border-color:#ff6d7c}.job-list .job-failed em{color:#ff8994}.public-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.public-card{background:#242331;border-radius:30px;width:min(520px,100%);min-height:760px;overflow:hidden;box-shadow:0 30px 90px #0009}.public-card header{text-align:center;background:linear-gradient(145deg,var(--public-theme),#32285e);padding:52px 24px 38px}.public-card header>i{width:72px;height:72px;color:var(--public-theme);background:#fff;border-radius:50%;place-items:center;margin:auto;font-size:28px;font-style:normal;font-weight:700;display:grid}.public-card header small{opacity:.8;margin:18px 0 5px;display:block}.public-card header h1{margin:0;font-size:27px}.public-card header p{opacity:.8;margin:10px 0 0}.public-card h2{padding:20px 22px 5px;font-size:18px}.public-actions{grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 22px 30px;display:grid}.public-actions button{color:#fff;background:#2d2c3b;border:1px solid #3c3a4b;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:102px;display:flex}.public-actions button i{background:var(--public-theme);border-radius:12px;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.public-message{color:#ff9aa3;background:#3b2930;border-radius:10px;margin:0 22px 20px;padding:12px}.public-card footer{text-align:center;color:#777585;padding:12px;font-size:12px}.public-error{text-align:center;flex-direction:column;display:flex}.public-error p{color:var(--muted)}@media (max-width:700px){.activity-grid,.platform-switches{grid-template-columns:1fr}.public-page{padding:0}.public-card{border-radius:0;min-height:100vh}.job-list>div{flex-direction:column;align-items:flex-start;gap:6px}}.secondary{color:#ddd9ed;background:#343246;border:1px solid #504c68;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;display:inline-flex}.flower-style-preview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.flower-style-preview>div{background:linear-gradient(145deg,#1d1c28,#2d2b3c);border:1px solid #464456;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:96px;padding:12px;display:flex;overflow:hidden}.flower-style-preview small{color:#8f8c9e;align-self:flex-start}.flower-style-preview strong{text-align:center;letter-spacing:1px;font-size:21px;line-height:1.35}.flower-classic{color:#fff;text-shadow:-2px -2px #16131f,2px -2px #16131f,-2px 2px #16131f,2px 2px #16131f,0 4px 6px #000b}.flower-candy{color:#fff8c7;text-shadow:-2px -2px #ff5caa,2px -2px #ff5caa,-2px 2px #ff5caa,2px 2px #ff5caa,0 4px #7d2d9d,0 6px 10px #ff3a9488}.flower-neon{color:#bffaff;text-shadow:-1px -1px #133c56,1px -1px #133c56,-1px 1px #133c56,1px 1px #133c56,0 0 5px #15e9ff,0 0 11px #15e9ff,0 0 18px #ad4bff}@media (max-width:560px){.flower-style-preview{grid-template-columns:1fr}.flower-style-preview strong{font-size:19px}}