:root{--cy-bg:#f4f7fb;--cy-surface:#fff;--cy-ink:#19283e;--cy-muted:#69798f;--cy-line:#e5ebf3;--cy-blue:#2867d9;--cy-soft:#edf3ff;--cy-side:#121f35;--cy-shadow:0 4px 20px #182e5010}
html{scroll-behavior:smooth}body{background:var(--cy-bg)!important;color:var(--cy-ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}button,a,input,select,textarea{touch-action:manipulation}button{transition:background .16s,border-color .16s,box-shadow .16s}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #83b2ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:0;border-color:#80a9ef!important;box-shadow:0 0 0 3px #2867d914}
#appView{max-width:none;margin:0;padding:0;min-height:100vh}#appView.hidden{display:none}.cy-sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--cy-side);color:#c4d0e3;z-index:45;padding:28px 16px;display:flex;flex-direction:column;gap:28px;overflow-y:auto}.cy-brand{display:flex;align-items:center;gap:11px;padding:0 6px}.cy-brand-mark{width:38px;height:38px;border-radius:11px;background:#2867d9;display:grid;place-items:center;color:white}.cy-brand-mark svg{width:23px;height:23px}.cy-brand-name{font-size:17px;font-weight:650;letter-spacing:.5px;color:#fff}.cy-brand-caption{font-size:11px;color:#8297b8;margin-top:3px}.cy-side-label{font-size:11px;letter-spacing:2px;color:#788eae;padding:0 12px;margin-bottom:12px}.cy-sidebar .nav-scroll{padding:0;background:transparent;box-shadow:none;margin:0;overflow:visible}.cy-sidebar #groupNav{display:flex;flex-direction:column;gap:6px;white-space:normal}.cy-sidebar .group-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;color:#afc0d9;background:transparent;text-align:left;font-size:14px;box-shadow:none!important;position:relative}.cy-sidebar .group-btn:hover{background:#ffffff0b;color:#f0f5ff}.cy-sidebar .group-btn.active{background:#2867d9;color:white}.cy-nav-icon{display:grid;place-items:center;width:19px;height:19px;flex-shrink:0}.cy-nav-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cy-sidebar-foot{margin-top:auto;border-top:1px solid #ffffff14;padding:18px 12px 0;font-size:11px;color:#8da1bf;line-height:1.8}.cy-sidebar-foot strong{color:#c7d5eb;font-weight:500}.cy-workspace{margin-left:224px;padding:0 28px 32px;min-width:0;max-width:1920px}.app-header{background:#fff!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--cy-line);margin:0 -28px 24px;padding:18px 28px!important;min-height:87px;gap:14px}.app-header h1{color:var(--cy-ink)!important;font-size:18px!important;font-weight:650;letter-spacing:0}.app-header h1+p{color:var(--cy-muted)!important;font-size:12px;margin-top:3px}.app-header>div:first-child>div:first-child{display:none!important}.app-header #meInfo{color:#52637d}.app-header button{background:#f6f8fc!important;color:#52637d!important;border:1px solid var(--cy-line);padding:7px 11px;border-radius:7px}.app-header .version-pill{color:var(--cy-blue)!important;background:var(--cy-soft)!important;border:0;font-size:11px}.cy-user-dot{display:inline-grid;place-items:center;background:#eaf0fb;color:#2867d9;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:600}.cy-breadcrumb{display:flex;align-items:center;gap:8px;margin:-8px 0 18px;color:var(--cy-muted);font-size:12px}.cy-breadcrumb b{font-weight:500;color:#354b68}.cy-preview-dot{width:6px;height:6px;background:#44a58a;border-radius:50%;display:inline-block;margin-right:6px}
#subNav{gap:6px;margin:0 0 20px;flex-wrap:wrap;white-space:normal}.sub-tab{border:1px solid transparent;background:transparent;color:#718099;box-shadow:none!important;padding:8px 13px;border-radius:7px}.sub-tab:hover{background:#eaf0f9;color:#344d73}.sub-tab.active{background:#fff;color:var(--cy-blue);border-color:#dfe7f3;box-shadow:0 2px 6px #1f386508!important;font-weight:600}.tab-content{border:1px solid var(--cy-line)!important;box-shadow:var(--cy-shadow)!important;border-radius:12px!important;padding:24px!important;min-width:0}.tab-content>h2,.tab-content>div>h2{color:#253a56;font-size:16px;font-weight:650}.tab-content>h2{padding-bottom:14px;border-bottom:1px solid #edf1f6;margin-bottom:20px}h3{color:#304660}table{border-collapse:separate!important;border-spacing:0!important;border-color:#e7edf5!important;min-width:0;width:100%}th{font-weight:550!important;color:#6c7c93!important;background:#f7f9fc!important;white-space:nowrap}table th,table td{border:0!important;border-bottom:1px solid #edf1f7!important;padding:11px 12px!important;vertical-align:middle}tbody tr:last-child td{border-bottom:0!important}tbody tr:hover{background:#f8faff}table img{border-radius:7px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border:1px solid #dce4ef!important;border-radius:7px!important;background:#fff;color:#334963;min-height:35px;padding:7px 10px}input[type=checkbox],input[type=radio]{accent-color:var(--cy-blue);width:14px;height:14px}input::placeholder,textarea::placeholder{color:#a1aec1}label{color:#63758f}.tab-content button[class*="bg-blue-"],.tab-content .bg-blue-600{background:var(--cy-blue);box-shadow:none;border-radius:7px}.tab-content button[class*="bg-gray-100"],.tab-content button[class*="bg-gray-50"]{border:1px solid #e1e8f2;background:#f8fafd;color:#566c8b}.tab-content button{border-radius:7px}.tab-content .overflow-x-auto{border:1px solid #e7edf5;border-radius:9px}.tab-content .overflow-x-auto table{border:0!important}.tab-content .border.rounded,.tab-content .border.rounded-lg{border-color:#e4ebf4;border-radius:9px}.tab-content .bg-gray-50{background:#f8fafd}.stat-card{background:#fff!important;border:1px solid #e1e8f3;padding:20px!important;box-shadow:0 3px 12px #1e355906;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;width:3px;left:0;top:24px;bottom:24px;background:#477fec;border-radius:0 3px 3px 0}.stat-card:hover{box-shadow:0 7px 20px #2039570a;transform:none}.stat-card .text-xl,.stat-card .text-2xl{font-size:28px;font-weight:650;letter-spacing:-.7px;color:#1b355a;margin-top:10px}.stat-card .text-xs{line-height:1.65}.dash-period,.dash-metric,.dash-basis{box-shadow:none!important;padding:6px 10px}.dash-period.active,.dash-metric.active,.dash-basis.active{background:#2867d9!important;color:#fff!important;border-radius:6px}.platform-group{background:#f8fafd;box-shadow:none;border-color:#e5edf7;padding:16px}.opt-box{border-color:#e1e8f1;padding:12px;max-height:180px}#flowStageCards>div{border-radius:10px;box-shadow:none}#flowDetail{border-radius:12px}#dashFlow .rounded{border-radius:8px}#dashTrend svg{max-width:100%;height:auto}details summary{color:#71829a;padding:7px 0}details[open]>summary{margin-bottom:8px}.src-badge{font-size:11px;padding:2px 7px}#chatWidget>button{background:#254c8b;box-shadow:0 5px 18px #183f6e24;width:52px;height:52px;border-radius:16px}#chatPanel>div:first-child{background:#254c8b}#chatPanel{border-radius:14px;box-shadow:0 16px 55px #18375e24}#loginView{background:radial-gradient(ellipse at 15% 15%,#dceaff 0,transparent 45%),radial-gradient(ellipse at 90% 90%,#e6edf7 0,transparent 50%),#f4f7fc!important}.login-card{box-shadow:0 18px 75px #233e6820;background:#fff;backdrop-filter:none;border:1px solid #e2eaf5;max-width:420px;padding:36px!important}.login-card h2{color:#183352;font-size:21px}.login-card>div>div:first-child{background:#2867d9!important;box-shadow:none}.login-card button{background:#2867d9!important;box-shadow:none!important}.cy-flow-image-note{background:#edf3ff;border:1px solid #dfe9ff;border-radius:9px;padding:14px;margin-bottom:16px;color:#486895;font-size:12px;line-height:1.7}.cy-inline-link{color:#2867d9;text-decoration:none}.cy-inline-link:hover{text-decoration:underline}.cy-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;border-radius:5px;padding:3px 7px;background:#f0f4f9;color:#68809e}.cy-status.good{background:#eaf7f0;color:#27845c}.cy-status.warn{background:#fff5e6;color:#996419}.cy-empty{display:grid;place-items:center;text-align:center;padding:48px 20px;min-height:180px;color:#8998ad;background:#fafcff;border:1px dashed #dfe7f2;border-radius:10px}.cy-empty strong{font-weight:550;color:#5b6f8c;font-size:14px;margin-bottom:7px}.cy-empty p{font-size:12px;line-height:1.8;max-width:390px}
/* 图片制作台：保留原有商品、配额和模型设置，按实际任务组织操作。 */
.cy-image-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.cy-image-head h2{font-size:20px;font-weight:650;color:#233c5e}.cy-image-head p{color:#8491a4;font-size:12px;line-height:1.7;margin-top:5px}.cy-image-head #gMyQuota{background:#f6f9fe;border:1px solid #e7edf6;padding:8px 10px;border-radius:7px;color:#6d7f98;font-size:11px}.cy-image-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;font-size:12px;color:#8191a9}.cy-image-steps span{padding:6px 11px;border-radius:6px;background:#f4f7fc}.cy-image-steps span:first-child{color:#2867d9;background:#edf3ff}.cy-image-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px}.cy-image-sidebar{padding-right:22px;border-right:1px solid #e7edf5;min-width:0}.cy-image-sidebar h3,.cy-image-main h3{font-size:13px;font-weight:600;color:#3d5473;margin-bottom:10px}.cy-image-sidebar section+section{padding-top:20px;margin-top:20px;border-top:1px solid #edf1f7}.cy-field{display:grid;gap:7px;margin-bottom:13px;font-size:12px;color:#6e7f98}.cy-image-main{min-width:0}.cy-image-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.cy-image-tools button{width:auto!important;font-size:12px;padding:8px 12px!important;border:1px solid #e1e8f2;background:#fff;color:#71829c}.cy-image-tools button.active{background:#edf3ff;color:#2867d9;border-color:#c9dbff}.cy-ref-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0}.cy-ref-slot{aspect-ratio:1;border:1px dashed #d5e0ef;border-radius:7px;background:#f7fafe;display:grid;place-items:center;position:relative;overflow:hidden;color:#93a8c3;font-size:20px}.cy-ref-slot img{width:100%;height:100%;object-fit:contain}.cy-ref-slot button{position:absolute;right:2px;top:2px;background:#fff;color:#8e4960;font-size:11px;padding:0 4px;border:1px solid #e2e8f0}.cy-upload-btn{display:flex;justify-content:center;align-items:center;padding:9px 10px;border:1px solid #cfddf1;border-radius:7px;background:#f7faff;color:#4773b0;font-size:12px;min-height:36px}.cy-btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:7px 12px;background:#f6f9fe;border:1px solid #dce6f4;color:#597296;border-radius:7px;font-size:12px}.cy-btn.primary{background:#2867d9;color:white;border-color:#2867d9}.cy-btn.danger{color:#b64f5c;background:#fff8f8;border-color:#f0d9de}.cy-btn:disabled{opacity:.45}.cy-btn:hover:not(:disabled){filter:brightness(.97)}.cy-note{font-size:12px;line-height:1.7;color:#7a8da7;background:#f7fafe;border:1px solid #e4ecf7;padding:11px 13px;border-radius:8px}.cy-note.warn{background:#fff9ee;color:#94712c;border-color:#f0e4c5}.cy-source-box{border:1px solid #dce7f6;background:#f8fbff;border-radius:10px;padding:16px;margin-bottom:18px}.cy-source-box summary{font-size:13px;font-weight:550;color:#3d6299;padding:0}.cy-source-options{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0}.cy-source-options label{font-size:12px;display:flex;align-items:center;gap:5px}.cy-source-inputs{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;margin:14px 0 10px}.cy-reference-thumbs{display:flex;gap:8px;flex-wrap:wrap}.cy-reference-thumbs img{width:70px;height:70px;object-fit:contain;border-radius:7px;border:1px solid #dce7f6;background:#fff}.cy-reference-plan{background:#fff;border:1px solid #e2eaf5;border-radius:8px;padding:12px;font-size:12px;line-height:1.8;margin:12px 0;white-space:pre-wrap;color:#5b7397;max-height:240px;overflow:auto}.cy-control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cy-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.cy-generation-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:17px 0;border-top:1px solid #e9eef6;padding-top:17px}.cy-generation-bar input{width:66px}.cy-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:16px}.cy-result{border:1px solid #e3eaf3;border-radius:10px;overflow:hidden;background:#fff}.cy-result img{width:100%;height:190px;object-fit:contain;background:#f8fafd}.cy-result-meta{padding:10px;font-size:11px;color:#8292a8;line-height:1.7}.cy-result-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.cy-image-progress{font-size:12px;color:#617a9c;line-height:1.7;margin-top:10px}.cy-prompt-list{display:grid;gap:8px}.cy-prompt-item{padding:12px;border:1px solid #e2eaf4;border-radius:8px;background:#fff;font-size:12px;color:#637c9d;line-height:1.7}.cy-prompt-item.selected{border-color:#91b6f6;background:#f4f8ff}.cy-prompt-item button{margin-top:7px}.cy-image-project{font-size:11px;color:#8a9ab0;margin-top:9px}.cy-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 10px}.cy-ai-hero{background:#f6f9ff;border:1px solid #e4edf9;padding:16px;border-radius:10px}.cy-picture-link{color:#2867d9}.cy-mobile-only{display:none}
@media(min-width:1600px){.cy-workspace{padding-left:40px;padding-right:40px}.app-header{margin-left:-40px;margin-right:-40px;padding-left:40px!important;padding-right:40px!important}.cy-image-layout{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1100px){.cy-sidebar{width:194px;padding:24px 12px}.cy-workspace{margin-left:194px;padding:0 20px 24px}.app-header{margin-left:-20px;margin-right:-20px;padding-left:20px!important;padding-right:20px!important}.cy-brand-name{font-size:15px}.cy-image-layout{grid-template-columns:240px minmax(0,1fr);gap:16px}.cy-image-sidebar{padding-right:16px}.tab-content{padding:20px!important}.cy-source-inputs{grid-template-columns:1fr}.stat-card{padding:15px!important}.stat-card .text-xl{font-size:24px}}
@media(max-width:850px){.cy-sidebar{position:relative;inset:auto;width:100%;padding:16px 16px 10px;gap:12px;overflow:visible}.cy-brand{padding:0}.cy-brand-name{font-size:16px}.cy-brand-caption{display:none}.cy-brand-mark{width:32px;height:32px;border-radius:9px}.cy-side-label,.cy-sidebar-foot{display:none}.cy-sidebar .nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.cy-sidebar #groupNav{flex-direction:row;gap:5px;width:max-content;min-width:100%}.cy-sidebar .group-btn{width:auto;padding:9px 11px;white-space:nowrap;font-size:12px;gap:6px}.cy-nav-icon,.cy-nav-icon svg{width:16px;height:16px}.cy-workspace{margin:0;padding:0 16px 24px}.app-header{min-height:65px;margin:0 -16px 18px;padding:13px 16px!important}.app-header h1{font-size:15px!important}.app-header h1+p{font-size:11px}.app-header #meInfo{font-size:11px}.app-header>div:last-child{gap:5px}.app-header .version-pill{display:none}.app-header button{padding:5px 7px;font-size:11px}.cy-user-dot{display:none}.cy-breadcrumb{font-size:11px;margin-bottom:13px}.cy-image-layout{grid-template-columns:1fr}.cy-image-sidebar{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.cy-image-sidebar section+section{padding-top:0;margin-top:0;border-top:0}.cy-image-main{padding-top:16px;border-top:1px solid #e7edf5}.cy-image-head h2{font-size:18px}.cy-image-head #gMyQuota{font-size:10px}.tab-content{padding:17px!important;border-radius:10px!important}.cy-mobile-only{display:block}.tab-content .overflow-x-auto table{min-width:580px}.tab-content table th,.tab-content table td{padding:9px 10px!important}}
@media(max-width:520px){.cy-workspace{padding-left:10px;padding-right:10px}.app-header{margin-left:-10px;margin-right:-10px;padding:12px!important;align-items:flex-start}.app-header h1{font-size:14px!important}.app-header h1+p{max-width:160px}.app-header .text-sm{flex-wrap:wrap;justify-content:flex-end;max-width:150px}.app-header>div:first-child{gap:0}.cy-image-sidebar{grid-template-columns:1fr}.cy-image-sidebar section+section{padding-top:15px;border-top:1px solid #e7edf5}.cy-control-grid{grid-template-columns:1fr 1fr;gap:9px}.cy-image-head{margin-bottom:15px}.cy-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cy-result img{height:150px}.cy-reference-plan{max-height:180px}.stat-card .text-xl,.stat-card .text-2xl{font-size:23px}.cy-brand-name{font-size:15px}.tab-content{padding:13px!important}#chatPanel{right:10px;max-width:calc(100vw - 20px)}#subNav{flex-wrap:nowrap;width:max-content;min-width:100%;max-width:none}.cy-workspace>.nav-scroll{overflow-x:auto}label.cy-field{font-size:12px}.cy-source-inputs{grid-template-columns:1fr}.cy-source-box{padding:12px}.tab-content .grid-cols-2>div{min-width:0}}
@media(pointer:coarse){button,.cy-upload-btn{min-height:40px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px!important;min-height:40px}.cy-sidebar .group-btn{min-height:42px}.cy-source-options label{min-height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}