/* 用户工作台视觉层：沿用 3000 端口的浅色、蓝紫主色与居中创作区。 */
:root{
 --bg:#f9fbff;--bg-2:#ffffff;--bg-3:#f0f3fa;--card:#ffffff;--card-hover:#f5f7ff;
 --border:#e5e9f2;--border-2:#d8deeb;--txt:#10182f;--txt-soft:#46516a;--txt-muted:#66728a;
 --accent:#5264f5;--accent-2:#8047ef;--grad-accent:linear-gradient(115deg,#3269f5,#784bed);
 --btn:#ffffff;--btn-hover:#eef2ff;--chip:#eef2fa;--primary:#5264f5;
 --text-3:#66728a;--txt-secondary:#66728a;
 --cap-border:#e3e8f4;--cap-txt:#17213b;--cap-txt-muted:#728098;--cap-sub:#f5f7fc;
 --cap-sub-hover:#edf0fa;--cap-teal:#5264f5;--cap-teal-2:#4054de;--cap-spark:#6b5bef;
 --cap-shadow:0 16px 54px rgba(56,75,138,.10),0 1px 3px rgba(56,75,138,.04);
 --cap-shadow-focus:0 16px 54px rgba(56,75,138,.12),0 0 0 3px rgba(82,100,245,.10);
 --ui-header:76px;--ui-sidebar:232px;
}
html{scroll-padding-top:calc(var(--ui-header) + 20px);color-scheme:light}
body{background:var(--bg);font-family:'SF Pro Text','PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;line-height:1.5}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,[role=button]:focus-visible,summary:focus-visible{
 outline:3px solid #5264f5;outline-offset:3px;
}
button:disabled{cursor:not-allowed}
.side-nav{inset:0 0 auto;width:100%;height:var(--ui-header);padding:0 28px;flex-direction:row;align-items:center;gap:26px;background:rgba(255,255,255,.96);border:0;border-bottom:1px solid var(--border);z-index:100}
.side-logo{width:auto;height:auto;gap:10px;margin:0;flex-shrink:0;white-space:nowrap}
.side-logo .logo-orb{width:32px;height:32px;border-radius:10px;background:var(--grad-accent);box-shadow:none}
.side-logo .logo-orb::after{inset:6px;mask-size:18px;-webkit-mask-size:18px}
.ui-brand{font-size:19px;font-weight:750;letter-spacing:-.5px;color:var(--txt)}
.side-icons{flex-direction:row;justify-content:center;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.side-nav .side-icon-btn{flex-shrink:0;width:auto;height:40px;gap:6px;padding:0 11px;border-radius:10px;color:var(--txt-soft);background:transparent;box-shadow:none;transform:none}
.side-nav .side-icon-btn .icon-chip{width:20px;height:20px;padding:0;background:none;border:0;box-shadow:none;border-radius:0;color:inherit;transform:none;filter:none}
.side-nav .icon-chip svg{width:18px;height:18px;filter:none}
.side-nav .side-icon-btn .tip{position:static;transform:none;opacity:1;visibility:visible;pointer-events:none;background:none;color:inherit;padding:0;box-shadow:none;font-size:13px;font-weight:600;white-space:nowrap}
.side-nav .side-icon-btn .tip::before,.side-nav .side-icon-btn .tip::after{display:none}
.side-nav .side-icon-btn:hover{background:#f2f4fb;color:var(--accent)}
.side-nav .side-icon-btn.active{border:1px solid #dfe4fc;background:#eef1ff;color:#4859dc;box-shadow:none}
.side-bottom{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0;border:0;flex-shrink:0}
.side-bottom .side-icon-btn{width:34px;padding:0}
.side-bottom .side-icon-btn .tip{display:none}
.member-btn{width:auto;min-width:76px;height:38px;padding:0 14px;margin:0;border-radius:11px;background:var(--grad-accent);box-shadow:0 5px 15px #5264f521;color:#fff;flex-direction:row;gap:4px}
.member-btn .p1,.member-btn .p2{font-size:12px;line-height:1.3;color:#fff}
.side-avatar{width:36px;height:36px;margin:0;background:#f0f3fb;color:#4b5bd9;box-shadow:none;border:1px solid #e1e6f4}
.user-avatar-mini{background:#fff;color:#5264f5;box-shadow:0 4px 20px #3046701a;border:1px solid #dbe1ee;width:38px;height:38px;bottom:22px;right:18px}
.convo-sidebar{left:0;top:var(--ui-header);width:var(--ui-sidebar);background:#fff;border-color:var(--border);z-index:95;padding:22px 12px 12px}
.convo-sidebar-head{padding:0 9px 18px}
.convo-sidebar-title{font-size:13px;color:#65718a;font-weight:600;gap:9px}
.convo-new-btn{margin:0 0 20px;width:100%;min-height:44px;padding:10px 14px;background:#f0f3ff;border:1px solid #dfe5fb;color:#475bd7;font-weight:600;border-radius:12px}
.convo-new-btn:hover{background:#e8edff;border-color:#cdd7fa;color:#3447c2}
.convo-list{padding:0;scrollbar-color:#d3dbef transparent}
.convo-item{border:1px solid transparent;padding:9px 8px}
.convo-item.active{background:#f2f4ff;border-color:#e0e5ff}
.convo-item-thumb{border-color:#e3e8f3}
.convo-item.active .convo-item-thumb{border-color:#cfd8fc}
.convo-rename-btn{opacity:1!important}
.main-wrap,body.creator-active .main-wrap{margin-left:0;padding:calc(var(--ui-header) + 24px) 40px 220px;min-height:100vh;transition:none}
body.creator-active .main-wrap{margin-left:var(--ui-sidebar)}
#creatorView{max-width:1180px;margin:auto;min-width:0}
.top-bar{min-height:36px;margin-bottom:22px}
.convo-title{font-size:16px;min-width:0}
.convo-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-bar-right{gap:8px}
.filter-dropdown,.notification-btn{background:#fff;border-color:#e1e6f0;color:#536079;border-radius:10px;font-size:12px}
.notification-btn:hover,.filter-dropdown:hover{background:#f0f3ff;color:#4456cf;border-color:#cfd8f8}
.retention-notice{max-width:none;padding:12px 15px;background:#fffbf0;border-color:#eee3bf;color:#746337;font-size:12px;line-height:1.7;border-radius:12px}
.retention-notice strong{color:#655322}
.announce-banner{max-width:none;padding:14px 17px;background:#f3f5ff;border-color:#e2e7fa;color:#5b6681;font-size:12px;line-height:1.8;border-radius:12px}
.announce-banner .ab-close:hover{background:#e7ebfa;color:#293550}
.task-history{padding:20px 22px;border-color:#e3e8f2;background:#fff;border-radius:16px}
.task-history-title{color:#27334d;font-size:14px}
.task-history-note{color:#707d94;line-height:1.7}
.task-history-list>.task-history-note{padding:14px 0}
.task-row{background:#f9fbfe;border-color:#e8ecf4;padding:13px 15px}
.task-prompt{color:#344059}
.task-pager{font-size:12px;color:#64718a}
.task-pager button{color:#46536c;border-color:#dfe5f0;padding:7px 12px}
.task-pager button:disabled{color:#98a1b4;background:#f7f8fc}
.empty-state{max-width:900px;margin:38px auto 26px;padding:0 15px;color:var(--txt-muted)}
.empty-state .big-icon{font-size:12px;letter-spacing:2px;color:#596cbe;opacity:1;margin:0 0 16px;font-weight:600}
.empty-state h2{font-family:'SF Pro Display','PingFang SC','Microsoft YaHei',sans-serif;font-size:clamp(30px,3.6vw,48px);font-weight:750;line-height:1.35;letter-spacing:-1.6px;color:#111a31;margin:0 0 16px}
.empty-state h2 span{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.empty-state p{color:#728098;font-size:14px;line-height:1.9}
body.ui-creator-empty .main-wrap{background:radial-gradient(ellipse 80% 460px at 55% 24%,#e8edff80,transparent 80%);padding-bottom:70px}
body.ui-creator-empty #creatorView{display:flex;flex-direction:column}
body.ui-creator-empty #creatorView>.top-bar{order:0}
body.ui-creator-empty #emptyState{order:1}
body.ui-creator-empty #capsuleWrap{order:2;position:relative;inset:auto;padding:0;margin:0 auto 36px;width:100%;max-width:980px;z-index:30}
body.ui-creator-empty #genProgressBox{order:3}
body.ui-creator-empty #worksStream{order:4}
body.ui-creator-empty .retention-notice{order:5;width:100%}
body.ui-creator-empty .announce-banner{order:6;width:100%}
body.ui-creator-empty .task-history{order:7;width:100%}
body.ui-creator-empty .input-capsule{border-radius:24px;box-shadow:0 22px 70px #465eaf14}
body.ui-creator-empty .prompt-input-main{min-height:92px}
.input-capsule-wrap{left:var(--ui-sidebar);right:0;bottom:0;padding:0 32px 24px;max-width:none}
.input-capsule{max-width:980px;border-color:var(--cap-border);border-radius:20px}
.capsule-top{padding:22px 22px 10px;gap:12px}
.prompt-compose-wrap{min-width:0;flex:1}
.prompt-input-main{width:100%;font-size:15px;padding:10px 4px;min-height:60px}
.attach-btn{transform:none;background:#f5f7fc;border:1px solid #e8ecf5;box-shadow:none;color:#7785a0;border-radius:12px}
.capsule-toolbar{padding:14px 20px 18px;gap:10px}
.tb-left{gap:6px;min-width:0;flex:1}
.tb-pill,.tb-params,.tb-icon-btn{border:1px solid #e7ebf5;background:#f8f9fd;border-radius:10px}
.tb-pill{padding:0 10px;font-size:12px}
.tb-seg{font-size:12px;padding:0 8px}
.tb-icon-btn{width:34px;flex-shrink:0}
.tb-model .tb-spark{filter:none}
.tb-right{gap:10px;margin-left:auto}
.tb-cost{font-size:12px}
.send-btn{background:var(--grad-accent);box-shadow:0 5px 15px #5264f530;color:#fff}
.send-btn:disabled{background:#e0e5f1;color:#96a2bd;box-shadow:none}
.save-strategy-setting select{color:#68758e}
.model-dropdown-panel,.param-dropdown-panel{border:1px solid #dfe5f2;box-shadow:0 12px 40px #3a4c7526;max-width:calc(100vw - 24px)}
.model-dropdown-panel .m-item{overflow-wrap:anywhere;white-space:normal}
.model-dropdown-panel .m-item.selected,.param-dropdown-panel .p-item.selected{background:#edf1ff;color:#475ad7}
.album-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.album-item{border-color:#e0e5f0;border-radius:14px;background:#eef2f9}
.album-item:hover{border-color:#c4cff7;box-shadow:0 8px 24px #3045701a}
.modal-mask{background:rgba(19,30,53,.32);backdrop-filter:blur(6px)}
.modal-box{background:#fff;border-color:#e1e7f4;border-radius:20px;color:#202b44;box-shadow:0 28px 100px #15274433}
.modal-box h2,.modal-box h3,.modal-box label{color:#25314c}
.modal-box input,.modal-box textarea,.modal-box select{background:#f8faff;border-color:#dce3f0;color:#24314e;border-radius:10px}
.modal-box input:focus,.modal-box textarea:focus{border-color:#7a89ef;box-shadow:0 0 0 3px #5264f512}
.auth-tabs{border-color:#e5eaf4}
.auth-tab{color:#71809a}
.auth-tab.active{color:#465bda;border-color:#5264f5;background:#f1f4ff}
.toast{background:#26344e;color:#fff;border-color:#344769}
.asset-picker-dialog{background:#fff;border-color:#e0e6f2;color:#202c43}
.asset-picker-sidebar{background:#f6f8fc;border-color:#e4e9f2}
.asset-picker-search,.assets-search,.dressup-select,.dressup-textarea{background:#fff;border-color:#dfe5f0;color:#34415c}
#inspirationView,#assetsView{color:var(--txt)}
.dressup-tab,.dressup-btn,.inspo-tab{color:#64718a}
.dressup-tab.active,.inspo-tab.active{color:#475bdd;background:#eef2ff;border-color:#dce4fc}
.dressup-tab:hover,.inspo-tab:hover,.dressup-btn:hover{color:#4253c6;background:#f0f3fd}
.dressup-result-label{color:#27344f}
.dressup-upload-box,.dressup-upload-box.has-image{border-color:#d3ddeb;background:#f7f9fd}
.dressup-preview-img,.dressup-result-img-wrap{background:#eef2f8}
/* 专属模块统一色板，不更改购买、计费和后台开关。 */
#localDeploymentView{--ld-surface:#fff;--ld-border:#e0e6f1;--ld-copy:#1a2640;--ld-muted:#6d7890;--ld-accent:#5867ef;--ld-input:#f8faff;background:transparent;min-height:calc(100vh - 130px);padding:24px 0 40px}
#localDeploymentView .ld-eyebrow{color:#5869bf}
#localDeploymentView .ld-download-cta{background:#eef2ff;color:#485ac9;border-color:#dce3fc}
#localDeploymentView .ld-version-value,#localDeploymentView .ld-start-guide>h3,#localDeploymentView .ld-total,#localDeploymentView .ld-sale-status strong{color:#344360}
#localDeploymentView .ld-step-number,#localDeploymentView .ld-checksum,#localDeploymentView .ld-model-tags li{background:#f1f4ff;border-color:#dce3f7;color:#5d6c9a}
#localDeploymentView .ld-sale-status{background:#f6f8fd}
#localDeploymentView .ld-sale-note{color:#6877a0}
#localDeploymentView .ld-quantity input{background:#fff;border-color:#d3ddec}
#localDeploymentView .ld-buy-button,#localDeploymentView .ld-secondary-button{background:#eef2ff;border-color:#dbe2fc;color:#465bd5}
#localDeploymentView .ld-buy-button:not(:disabled):hover,#localDeploymentView .ld-secondary-button:not(:disabled):hover{background:#e4eaff;border-color:#b5c3f7}
#localDeploymentView button:disabled{background:#f1f3f8;color:#7d879c;border-color:#e1e6ef}
#smsCenterView{--sms-ink:#26324b;--sms-muted:#718097;--sms-cyan:#5264ed;--sms-line:#e0e6f1;--sms-panel:#fff}
#smsCenterView .sms-auth-gate,#smsCenterView .sms-order-card{background:#fff;border-color:#e0e6f1;box-shadow:none}
#smsCenterView .sms-quiet-btn{background:#fff;color:#586782;border-color:#dce3ef}
#smsCenterView .sms-quiet-btn:hover{background:#f0f4ff;color:#4358cf}
#smsCenterView .sms-danger-btn{color:#be4154;background:#fff0f2;border-color:#f3d9df}
#smsCenterView .sms-order-form select{background:#f8faff;color:#28364f;border-color:#dce3ef}
#smsCenterView .sms-order-form label{color:#687790}
#smsCenterView .sms-center-head h1{font-size:36px;line-height:1.3}
#smsCenterView .sms-gate-mark{background:#f2f5ff;border-color:#dbe3fa}
@media(min-width:1600px){.side-nav{padding-left:40px;padding-right:40px}.main-wrap,body.creator-active .main-wrap{padding-left:56px;padding-right:56px}.empty-state{margin-top:65px}}
@media(max-width:1200px){:root{--ui-sidebar:204px}.side-nav{padding:0 18px;gap:14px}.ui-brand{font-size:16px}.side-nav .side-icon-btn{padding:0 8px}.side-bottom .mini{display:none}.main-wrap,body.creator-active .main-wrap{padding-left:24px;padding-right:24px}.capsule-toolbar{padding:12px 16px 16px}.tb-icon-btn{width:30px}.input-capsule-wrap{padding-left:24px;padding-right:24px}}
@media(max-width:900px){:root{--ui-header:116px;--ui-sidebar:0px}.side-nav{height:116px;padding:14px 18px 9px;display:grid;grid-template-columns:1fr auto;grid-template-rows:38px 44px;gap:9px 12px}.side-logo{justify-self:start}.side-icons{grid-column:1/-1;grid-row:2;justify-content:flex-start;width:100%;height:44px}.side-bottom{grid-column:2;grid-row:1}.side-bottom .mini{display:none}.convo-sidebar{display:none}.main-wrap,body.creator-active .main-wrap{margin-left:0;padding:140px 22px 230px}.ui-brand{font-size:18px}.empty-state{margin-top:26px;margin-bottom:24px}.empty-state h2{font-size:36px}.input-capsule-wrap{left:0}.ui-history-toggle{display:inline-flex!important}}
@media(max-width:520px){.side-nav{padding:12px 14px 8px}.ui-brand{font-size:16px}.side-logo .logo-orb{width:28px;height:28px}.side-nav .side-icon-btn{padding:0 10px;font-size:12px;gap:5px}.side-nav .side-icon-btn .tip{font-size:12px}.side-avatar{width:32px;height:32px}.member-btn{min-width:68px;padding:0 10px;height:34px}.main-wrap,body.creator-active .main-wrap{padding:134px 14px 250px}.top-bar{margin-bottom:14px;gap:8px}.convo-title{font-size:14px}.top-bar-right{gap:5px}.empty-state{margin:26px auto 22px;padding:0 3px}.empty-state .big-icon{font-size:10px;letter-spacing:1.4px;margin-bottom:12px}.empty-state h2{font-size:29px;letter-spacing:-1px}.empty-state p{font-size:12px}.capsule-top{padding:17px 13px 5px;gap:8px}.prompt-input-main{font-size:13px}.capsule-toolbar{padding:12px;gap:10px}.tb-left{flex-basis:100%;gap:5px}.tb-pill{height:36px;padding:0 8px;font-size:11px;gap:4px}.tb-params{height:36px}.tb-seg{font-size:11px;padding:0 7px}.tb-icon-btn{width:30px;height:34px}.tb-model .tb-ic,.tb-model .tb-spark{display:none}.tb-right{margin-left:auto}.send-btn{width:38px;height:38px}.input-capsule-wrap{padding:0 10px 12px}.input-capsule{border-radius:18px}.ui-creator-empty .input-capsule{border-radius:20px}.retention-notice{padding:11px 12px;font-size:11px}.announce-banner{padding:12px;font-size:11px}.task-history{padding:16px 13px}.task-history-head{gap:8px}.task-history-note{font-size:11px}#localDeploymentView{padding:12px 0 32px}#smsCenterView .sms-center-head h1{font-size:30px}.user-avatar-mini{bottom:12px;right:12px}.modal-box{max-width:calc(100vw - 28px)!important;margin:14px}.task-pager{gap:8px}}
.ui-history-toggle{display:none;align-items:center;gap:5px;border:1px solid #dfe5f0;padding:6px 9px;border-radius:8px;color:#63718c;background:#fff;font-size:11px;white-space:nowrap}
@media(max-width:900px){body.ui-history-open .convo-sidebar{display:flex;top:var(--ui-header);bottom:0;width:260px;box-shadow:20px 0 50px #1c305826}body.ui-history-open:not(.creator-active) .convo-sidebar{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 参数在窄屏换行，保留积分与保存方式；次要导航进入同一可滚动导航行。 */
.side-nav .side-icon-btn.active::before{display:none}
.task-history-head>.filter-dropdown{flex-shrink:0;white-space:nowrap}
.send-btn.ready{background:var(--grad-accent);box-shadow:0 5px 15px #5264f530}
@media(max-width:900px){
 .capsule-top{display:flex}
 .input-capsule .capsule-toolbar{display:flex;flex-wrap:wrap}
 .capsule-toolbar .tb-left{display:flex;flex:1 1 100%;width:100%;max-width:100%;flex-wrap:wrap;overflow:visible}
 .capsule-toolbar .tb-right{display:flex;position:static;margin-left:auto}
 .capsule-toolbar .tb-cost{display:inline-flex}
 .capsule-toolbar .save-strategy-setting{display:flex}
 .multimodal-mention-menu,.multimodal-upload-menu{left:14px;right:14px;max-width:calc(100vw - 28px)}
 .input-capsule-wrap{left:0;right:0}
}

#paneLoggedIn>div:has(#loggedInPoints),#paneLoggedIn>div:has(#loggedInKey){background:#f5f7fc!important;border-color:#e3e8f3!important}
#loggedInName,#loggedInPoints{color:#25324d!important}
#paneLoggedIn>div:first-child>div:first-child{background:#eef2ff!important;color:#5264f5;border:1px solid #dce3fc}
#localDeploymentView .ld-contact-download{color:#5062d4}
#smsCenterView .sms-copy-btn,#smsCenterView .sms-detail-btn{background:#f3f6fc;color:#526380;border-color:#dce4f1}
#smsCenterView .sms-copy-btn:hover,#smsCenterView .sms-detail-btn:hover{color:#4255ce;background:#edf2ff}

/* 登录弹窗覆盖旧表单的类型选择器，输入、占位文字与自动填充统一使用浅色主题。 */
#apiModal{color-scheme:light}
#apiModal .auth-tabs{background:#f2f5fb;border-color:#dce3f0}
#apiModal .auth-tab{color:#62708a}
#apiModal .auth-tab.active{background:#fff;color:#465bda;box-shadow:0 2px 8px #24314e14}
#apiModal .modal-body input[type="text"],
#apiModal .modal-body input[type="password"]{
 background:#f8faff;border:1px solid #dce3f0;color:#24314e;
 -webkit-text-fill-color:#24314e;caret-color:#465bda;
}
#apiModal .modal-body input::placeholder{color:#64718a;-webkit-text-fill-color:#64718a;opacity:1}
#apiModal .modal-body input:focus{
 background:#fff;border-color:#7a89ef;box-shadow:0 0 0 3px #5264f51f;
}
#apiModal .modal-body input:-webkit-autofill,
#apiModal .modal-body input:-webkit-autofill:hover,
#apiModal .modal-body input:-webkit-autofill:focus{
 -webkit-text-fill-color:#24314e;caret-color:#465bda;
 -webkit-box-shadow:0 0 0 1000px #f8faff inset;
}