:root{
  --bg:#f7f5fa;--panel:#ffffff;--ink:#27222e;--muted:#766e7d;--line:#e8e2ec;
  --purple:#7653aa;--purple2:#9d82c8;--light:#efe8f8;--lav:#d8c7ec;--danger:#b64a62;
  --shadow:0 18px 60px rgba(75,53,94,.10);--radius:22px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.14em;color:#8d75ae;text-transform:uppercase;font-weight:700}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{position:relative;overflow:hidden;padding:8vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 80% 25%,rgba(255,255,255,.38),transparent 25%),radial-gradient(circle at 15% 85%,rgba(220,201,244,.42),transparent 28%),linear-gradient(145deg,#3f3152 0%,#74579a 45%,#a98fc7 100%)}.login-art:after{content:"";position:absolute;width:60vw;height:60vw;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-28vw;top:-18vw;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.login-art h1{font-size:clamp(52px,6vw,96px);line-height:1.05;margin:16px 0 20px}.login-art p{font-size:20px;max-width:560px;opacity:.85}.brand-mark{width:76px;height:76px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;border-radius:24px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(14px);z-index:2}.brand-mark.small{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6e4ca1,#a084c3);color:#fff;border:0;font-size:12px}.login-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.login-chips span{padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.07)}.login-card{align-self:center;width:min(430px,80%);justify-self:center;background:#fff;padding:48px;border-radius:32px;box-shadow:var(--shadow)}.login-card h2{font-size:34px;margin:10px 0}.login-card label,.form label{display:grid;gap:9px;font-size:13px;font-weight:700;color:#554d5c;margin-top:20px}.login-card input,.form input,.form textarea,.form select,.input{border:1px solid var(--line);background:#fbfafc;border-radius:14px;padding:14px 16px;outline:none;transition:.2s;width:100%}.login-card input:focus,.form input:focus,.form textarea:focus,.form select:focus,.input:focus{border-color:#9c80c2;box-shadow:0 0 0 4px rgba(130,94,178,.08)}.primary{border:0;background:linear-gradient(135deg,#684497,#8f70b8);color:#fff;border-radius:14px;padding:12px 18px;font-weight:700;box-shadow:0 8px 24px rgba(105,68,151,.18)}.primary.big{width:100%;margin-top:28px;padding:15px}.ghost{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;color:#665c6d}.ghost:hover{background:#f8f4fb}.full{width:100%}.demo-tip{font-size:12px;color:#938b98;margin-top:16px;text-align:center}.mobile-logo{display:none;gap:10px;align-items:center;margin-bottom:30px}
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#211a29;color:#eee7f4;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.side-brand strong{display:block}.side-brand small{display:block;color:#a69caf;margin-top:3px}.sidebar nav{display:grid;gap:6px}.nav{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:#afa5b7;padding:12px 13px;border-radius:13px}.nav span{width:20px;text-align:center}.nav:hover,.nav.active{background:linear-gradient(90deg,rgba(151,116,197,.23),rgba(151,116,197,.08));color:white}.nav.active{box-shadow:inset 3px 0 #b89bdc}.nav-sep{height:1px;background:#372e40;margin:10px}.side-bottom{margin-top:auto}.provider-mini{font-size:11px;line-height:1.5;color:#a59bad;padding:10px}.sidebar .ghost{background:#2d2535;border-color:#403646;color:#bfb5c7}.main{margin-left:252px;min-height:100vh}.topbar{height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(247,245,250,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(224,218,229,.75);position:sticky;top:0;z-index:12}.top-actions{display:flex;align-items:center;gap:9px;font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:#6fbb85;box-shadow:0 0 0 4px rgba(111,187,133,.12)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e6daef;color:#654990;font-weight:800;margin-left:8px}.menu-btn{display:none;border:0;background:transparent;font-size:22px}.view{padding:32px;max-width:1440px;margin:auto}.hero{background:linear-gradient(135deg,#fff 0%,#f3edf9 62%,#ded0ef 100%);padding:34px;border-radius:28px;border:1px solid #e9e0f0;position:relative;overflow:hidden}.hero:after{content:"AI";position:absolute;right:35px;top:-35px;font-size:180px;font-weight:900;color:rgba(117,83,170,.045)}.hero h1{font-size:34px;margin:9px 0 10px}.hero p{color:#706778;margin:0}.quick-input{display:flex;gap:10px;margin-top:24px;max-width:850px}.quick-input .input{background:white}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px}.task-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px;text-align:left;min-height:160px;transition:.2s;position:relative;overflow:hidden}.task-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d8c6e8}.task-card .icon{width:42px;height:42px;border-radius:14px;background:#f0e9f8;display:grid;place-items:center;color:#7554a6;font-size:19px;margin-bottom:22px}.task-card strong{display:block;font-size:16px;margin-bottom:7px}.task-card small{color:#83798b;line-height:1.6}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:28px 0 14px}.section-head h2{margin:0;font-size:22px}.section-head p{margin:5px 0 0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form textarea{min-height:110px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.result-list{display:grid;gap:12px;margin-top:20px}.result-card{border:1px solid var(--line);border-radius:16px;padding:17px;background:#fff;transition:.2s}.result-card:hover{border-color:#ccb7df;background:#fdfbff}.result-card .meta{display:flex;gap:8px;align-items:center;margin-bottom:8px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0e8f8;color:#7651a6;font-size:11px;font-weight:700}.result-card h3{font-size:17px;margin:5px 0}.result-card p{color:#7b7281;margin:7px 0;line-height:1.7}.result-card .row{display:flex;justify-content:space-between;gap:12px;align-items:center}.copy-btn{border:0;background:#f3eef7;color:#6d4c98;padding:7px 10px;border-radius:9px}.output{white-space:pre-wrap;line-height:1.9;background:#fbfafc;border:1px solid #eee9f0;border-radius:15px;padding:18px}.output h3{white-space:normal}.code-note{font-size:12px;background:#f5f1f8;border-left:3px solid #9c7fc2;padding:10px 12px;border-radius:8px;color:#716678}.image-result{background:#f5f0f8;border-radius:20px;padding:15px;text-align:center}.image-result img{max-width:100%;max-height:650px;border-radius:16px;box-shadow:var(--shadow)}.history-item{display:grid;grid-template-columns:140px 1fr auto;gap:18px;align-items:start;padding:18px;border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}.history-item .type{color:#7553a4;font-weight:700}.history-body{max-height:110px;overflow:hidden;white-space:pre-wrap;color:#6e6574;line-height:1.6}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat strong{display:block;font-size:27px;margin-top:10px}.video-upload{border:1.5px dashed #cbb9dc;border-radius:18px;padding:26px;text-align:center;background:#faf8fc}.video-upload input{margin-top:12px}.asset-list{display:grid;gap:8px;margin-top:12px}.asset{display:flex;justify-content:space-between;padding:10px 12px;background:#f7f3fa;border-radius:10px;font-size:13px}.progress{height:8px;background:#eee9f1;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6f4ca1,#ad8bd2);transition:.3s}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.step{padding:10px;border-radius:10px;background:#f3eff6;color:#84788c;text-align:center;font-size:12px}.step.on{background:#e7daf3;color:#674493;font-weight:700}.video-preview{width:min(360px,100%);aspect-ratio:9/16;background:#1d1920;border-radius:18px;overflow:hidden}.video-preview video{width:100%;height:100%;object-fit:contain}.empty{padding:42px;text-align:center;color:#8a818f;border:1px dashed var(--line);border-radius:18px}.toast{position:fixed;right:24px;top:24px;z-index:99;background:#2d2434;color:white;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#9b4055}.side-mask{display:none}
@media(max-width:1180px){.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.login-shell{display:block;background:linear-gradient(160deg,#f6f1fa,#fff);padding:22px;min-height:100vh}.login-art{display:none}.login-card{width:100%;max-width:460px;margin:8vh auto;padding:30px 22px}.mobile-logo{display:flex}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:0 18px;height:68px}.topbar>div:nth-child(2){flex:1;margin-left:12px}.desktop{display:none}.view{padding:18px}.hero{padding:24px}.hero h1{font-size:28px}.quick-input{display:grid}.cards{grid-template-columns:1fr 1fr}.task-card{min-height:145px}.grid2,.grid3,.form-row,.stat-row{grid-template-columns:1fr}.history-item{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.side-mask.show{display:block;position:fixed;inset:0;background:rgba(23,17,27,.48);z-index:19}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.hero:after{display:none}.task-card{min-height:120px}.task-card .icon{margin-bottom:14px}.panel{padding:18px}.view{padding:14px}.section-head{align-items:start}.top-actions .status-dot{display:none}}