/* Light sky-blue navigation, pale-blue workspace, blue actions. */
/* Light surfaces throughout; stronger blue is reserved for interactive controls. */
:root{--ink:#203e55;--muted:#55738a;--accent:#147cba;--line:#d5e7f4;--bg:#f3faff;--nav-bg:#eaf6ff;--nav-ink:#416782;--nav-active:#d2edff;--surface:#fff;--research:#99631d;--creative:#7052aa;--success:#247956;--warning:#93601c;--danger:#b44747}
body{background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;line-height:1.6}.visual-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.brand{font-size:23px;letter-spacing:1px}.logo{background:#2799db;border-radius:10px;font-size:21px;box-shadow:none}
aside{width:232px;background:var(--nav-bg);border-right:0;padding:26px 18px 20px;color:white}.sidebar-label{color:#587d98!important;font-size:12px!important;margin-top:12px!important;margin-bottom:24px!important}.sidebar-bottom{color:#416782;border-top:1px solid #cce2f2;padding-top:18px}.sidebar-bottom p{color:#63839a;margin:8px 0 0;padding-left:14px;font-size:11px}#nav{margin-right:-6px;padding-right:6px;scrollbar-width:thin;scrollbar-color:#aacfe8 transparent}#nav .nav-section>summary{color:#5a7c94;font-size:12px;display:flex;align-items:center;gap:9px;padding:12px 9px;list-style:none;user-select:none}#nav summary::-webkit-details-marker{display:none}#nav .nav-section>summary .visual-icon{width:16px;height:16px;opacity:.85}#nav .nav-section>summary:after{content:'›';font-size:18px;margin-left:auto;transform:rotate(0deg)}#nav .nav-section[open]>summary:after{transform:rotate(90deg)}#nav .nav-section button{color:var(--nav-ink);padding:11px 12px;border-radius:7px;gap:11px;margin:3px 0;font-size:13px;position:relative}#nav .nav-section button>span{display:flex;margin:0;color:#628aa5}#nav .nav-section button:hover{color:white;background:#dff1ff}#nav .nav-section button.active{background:var(--nav-active);color:#126b9f;font-weight:600}#nav .nav-section button.active:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#2799db;border-radius:2px}#nav .nav-section button.active>span{color:#147cba}#nav .project-tree{border-top:1px solid #cce2f2;margin-top:15px;padding-top:8px}#nav .project-tree summary{color:#5a7c94;font-size:12px}#nav .tree-project{color:#416782;font-size:12px;padding:8px 10px!important}#nav .tree-project.active{background:#d2edff;color:#147cba}main{margin-left:232px}header{height:68px;border-bottom:1px solid var(--line);padding:0 32px;background:#fff;color:#55738a}.header-right{gap:16px}#username{color:#254457;padding:5px 10px;background:#eef4f8;border-radius:5px}.header-right .plain{display:flex;align-items:center;gap:6px;font-size:12px;color:#536d7d}.header-right .visual-icon{width:16px;height:16px}#content{padding:24px 32px;max-width:1800px;margin:auto;min-height:calc(100vh - 108px)}footer{font-size:11px;color:#647d8d;padding:0 32px 18px}
.page-heading{gap:16px;margin:21px 0 24px}.page-heading h1{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:0;font-weight:650;line-height:1.45;margin:0 0 9px}.visual-page-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #cce6f8;background:#e5f4ff;border-radius:10px;color:#147cba}.visual-page-icon .visual-icon{width:23px;height:23px}.page-heading p{font-size:13px;color:#55738a;max-width:780px}.actions{gap:8px}.actions button{font-size:13px;padding:10px 14px}button{border-radius:6px;border-color:#d4e0e8;transition:background .12s,color .12s;border-width:1px}button:hover{background:#edf6f8;border-color:#9ac6cc;color:#147cba}.primary{background:#147cba;border-color:#147cba;color:white}.primary:hover{background:#10699f;border-color:#10699f;color:white}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #48a9e4;outline-offset:3px}
.op-open-tabs{gap:5px;padding-bottom:10px;border-bottom:1px solid #d5e7f4;margin:0 0 16px}.op-open-tabs>div{border:1px solid transparent;border-radius:5px;background:transparent}.op-open-tabs>div.active{border-color:#d4e2e9;background:#fff;box-shadow:0 2px 4px #16384b05}.op-open-tabs button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;font-size:12px;color:#55738a}.op-open-tabs .active button{color:#147cba;font-weight:600}.op-open-tabs button .visual-icon{width:16px;height:16px}.op-open-tabs [data-op-close-tab]{font-size:15px;padding-left:3px;padding-right:9px;color:#78909d}
.workspace-strip{background:#e9f5fe;border:1px solid #d5e7f4;border-radius:7px;margin:0 0 20px;padding:10px 14px;color:#405e70;font-size:12px;gap:12px}.workspace-strip>div{gap:9px}.workspace-strip .visual-icon{width:17px;height:17px;color:#4c7485}.workspace-strip small{color:#607d8e;font-size:11px}.workspace-strip label{font-size:12px;color:#526d7f}.workspace-strip select{border-color:#cbdbe4;min-width:175px;padding:7px 10px;font-size:12px;background:white;margin:0}.ux-scope-note{padding:9px 12px;border-left:3px solid #a5c9d1;background:#edf3f7;font-size:12px;color:#476575;line-height:1.7;margin-bottom:16px}
.panel{border:1px solid #d5e7f4;border-radius:9px;background:white;padding:22px;margin-bottom:22px;box-shadow:0 2px 4px #24475f03}.panel-title h3,.panel>h3{font-size:15px;font-weight:650;color:#24465a}.panel-title{margin-bottom:18px}.panel-title small{color:#627f90;font-size:12px}.stats{gap:16px}.stat{position:relative;padding:21px 20px 20px;border:1px solid #d5e7f4;border-radius:9px;background:white;box-shadow:0 2px 4px #24475f03}.visual-stat-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;margin-bottom:15px;background:#e5f4ff;color:#147cba}.visual-stat-icon .visual-icon{width:20px;height:20px}.visual-tone-1{background:#e9f0fb;color:#4267a8}.visual-tone-2{background:#fff2df;color:#9c6a27}.visual-tone-3{background:#f0eafb;color:#7753a5}.stat-label{font-size:13px;color:#577386}.stat .value{color:#203e55;font-variant-numeric:tabular-nums;font-size:30px;font-weight:650;line-height:1.7;letter-spacing:-.5px}.stat small{font-size:12px;color:#637e8d}.notice{background:#e8f3f6;border:1px solid #d0e6ed;border-left:3px solid #3c94a2;padding:12px 15px;border-radius:6px;color:#3d687a;font-size:12px;margin-bottom:20px}.grid{gap:20px}.creation-layout{gap:20px;align-items:start}.creation-layout .panel{min-height:0}.ux-connected{background:#edf5f8;border-color:#d3e3eb}
.operation-filters{gap:10px;margin-bottom:15px}.operation-filters label{font-size:12px;color:#456476;font-weight:500}.operation-filters input,.operation-filters select{padding:9px 11px;font-size:13px;background:#fbfdff;border-color:#d1dfe7;border-radius:6px}.operation-filters button{font-size:13px;padding:9px 16px}.ux-advanced{padding-top:9px;border-color:#e3ebf0}.ux-advanced summary{font-size:12px;color:#477382;padding:4px 0}.ux-filter-chips{font-size:12px;color:#627e8f;gap:7px;margin-bottom:14px}.ux-filter-chips .badge{background:#e9f2f6;color:#375f74;border:1px solid #d7e5ec}.workspace-tabs{gap:6px;margin-bottom:18px}.workspace-tabs button{font-size:13px;border-radius:6px;padding:9px 16px;color:#547181}.workspace-tabs button.active{border-color:#badff8;background:#e2f3ff;color:#147cba}
.panel table{font-size:13px}.panel table th{padding:13px 14px;color:#597688;background:#edf3f7;font-weight:550;border-bottom:1px solid #d5e7f4}.panel table td{padding:17px 14px;border-color:#e7edf2;color:#28475a;font-variant-numeric:tabular-nums;line-height:1.65}.panel table tbody tr:hover td{background:#f6fafc}.panel table td.title{min-width:250px;max-width:390px}.panel table td small{font-size:12px;color:#67818f}.panel table td a{color:#137985}.panel table td .plain{font-size:12px;padding:5px 7px;color:#147cba}.ux-action-table th:last-child{background:#edf3f7}.ux-action-table td:last-child{background:white;box-shadow:-4px 0 6px #173d4a08;min-width:125px}.ux-action-table tbody tr:hover td:last-child{background:#f6fafc}.ux-video-title{font-weight:550;line-height:1.65}.ux-tags{color:#6a8392!important;font-size:11px!important}.op-pagination{font-size:12px;color:#5d798b;gap:10px}.op-pagination button{font-size:12px;padding:7px 11px}.badge{border-radius:4px;background:#eef3f7;color:#547184;font-size:11px;padding:3px 8px;font-weight:500}.badge.live{background:#e4f4ec;color:#247956}.badge.wait{background:#fff3dc;color:#93601c}.visual-douyin{background:#e9eff4;color:#284454}.visual-kuaishou{background:#fff0e3;color:#a95e24}.visual-bilibili{background:#e6f4fc;color:#307ba3}.empty{padding:34px 20px;color:#667f8e}.empty-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:14px;background:#eef4f8;color:#789ba9;margin:0 auto 14px}.empty-icon .visual-icon{width:27px;height:27px;stroke-width:1.4}.empty strong{color:#43677d;font-size:14px}.empty p{font-size:13px;line-height:1.75;max-width:420px;margin:6px auto}.empty button{font-size:13px;margin-top:16px}.module-card{border-radius:9px;background:white;border-color:#d5e7f4}.module-card>span{display:flex}.module-card>span .visual-icon{width:25px;height:25px}
dialog{border:1px solid #d4e2ea;border-radius:11px;box-shadow:0 25px 75px #eaf6ff38}dialog::backdrop{background:#eaf6ff66}.modal-title{border-color:#d5e7f4}.modal-title h2{font-size:20px;color:#203e55}.modal-actions{border-color:#d5e7f4}.modal-title button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:#67818f}#modal-body label{color:#426277;font-weight:500}#modal-body input,#modal-body select,#modal-body textarea{border-color:#cfdde6;border-radius:6px;font-size:14px;background:#fcfeff}.login-intro{background:#eaf6ff;background-image:none;padding:48px 6vw}.login-intro h1{font-size:clamp(30px,3vw,46px);font-weight:500;color:#203e55}.login-intro p{color:#55738a}.login-intro .logo{background:#2799db}.login-panel{background:#f7fafc}.login-panel form{background:white;padding:30px;border:1px solid #d5e7f4;border-radius:12px;width:min(440px,100%)}.login-panel h2{font-size:26px}.login-panel input{font-size:14px;background:#fbfdff}.login-note{line-height:1.8}#toast{background:#173f50;border-radius:7px;font-size:13px;box-shadow:0 6px 25px #203e5520}
@media(max-width:1100px){aside{width:232px}main{margin-left:0}header{padding:0 22px;gap:14px}#content{padding:22px}.page-heading{margin:18px 0 20px}.stats{gap:12px}.stat{padding:18px}.workspace-strip small{display:none}#ux-nav-toggle{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-color:#d5e7f4;padding:8px;color:#426577}#ux-nav-toggle .visual-icon{width:20px;height:20px}.header-right{margin-left:auto}.workspace-strip label{margin-left:auto}}
@media(max-width:700px){aside{top:60px;width:250px;padding:20px 16px}header{height:60px;padding:0 14px}#content{padding:16px 14px}.header-right{gap:8px}.header-right .plain{gap:0;padding:6px}.header-right .plain .visual-icon{display:none}.page-heading h1{font-size:23px;gap:10px}.visual-page-icon{width:36px;height:36px;border-radius:8px}.visual-page-icon .visual-icon{width:21px;height:21px}.page-heading p{font-size:12px}.actions button{font-size:12px;padding:9px 12px}.workspace-strip{padding:8px 10px;margin-bottom:16px}.workspace-strip label{width:100%;margin-left:0}.panel{padding:16px}.stat{padding:15px}.stat .value{font-size:25px}.visual-stat-icon{width:33px;height:33px;margin-bottom:10px}.op-open-tabs button{font-size:11px;padding:7px 9px}.op-open-tabs button .visual-icon{width:14px;height:14px}.operation-filters input,.operation-filters select{font-size:13px}.ux-action-table td:last-child,.ux-action-table th:last-child{min-width:105px}.panel table td.title{min-width:220px}footer{padding:0 14px 16px}.login-intro{padding:28px;min-height:340px}.login-panel{padding:25px 16px}.login-panel form{padding:24px}.stats{gap:10px}}
@media(prefers-reduced-motion:reduce){button,aside{transition:none!important}}
.inline-project{margin:-8px 0 18px}.inline-project>button{padding:5px 0;color:var(--accent,#147cba)}.inline-project [data-project-create-form]{padding:14px;margin-top:8px;border:1px solid #cce6f8;border-radius:8px;background:#f3faff}.inline-project textarea{min-height:65px}.inline-project .actions{justify-content:flex-start;flex-wrap:wrap}
.visual-page-icon[data-visual-module="benchmarks"],.visual-page-icon[data-visual-module="ideas"],.visual-page-icon[data-visual-module="goldSeries"],.visual-page-icon[data-visual-module="goldAccounts"]{background:#fff3df;border-color:#edddc2;color:#99631d}.visual-page-icon[data-visual-module="production"],.visual-page-icon[data-visual-module="manuscripts"],.visual-page-icon[data-visual-module="reviewQueue"],.visual-page-icon[data-visual-module="media"],.visual-page-icon[data-visual-module="screenings"]{background:#eaf1fb;border-color:#d6e1f2;color:#4267a8}.visual-page-icon[data-visual-module="creation"],.visual-page-icon[data-visual-module="contentSearch"]{background:#f0eafb;border-color:#e0d5f0;color:#7052aa}
aside{color:var(--ink);border-right:1px solid #cfe5f5}.sidebar-bottom{color:#416782}#nav .nav-section button:hover{color:#126b9f}.login-intro{color:var(--ink)}.login-intro .intro-grid{color:#55738a;border-color:#cce2f2}.login-intro .intro-foot{color:#63839a}.login-intro .logo{color:white}dialog{box-shadow:0 25px 75px #203e5526}dialog::backdrop{background:#203e554d}#toast{background:#e5f4ff;color:#203e55;border:1px solid #badff8}.visual-page-icon[data-visual-module]{background:#e5f4ff;border-color:#cce6f8;color:#147cba}.visual-stat-icon,.visual-tone-1,.visual-tone-2,.visual-tone-3{background:#e5f4ff;color:#147cba}
.brand.company-brand{display:flex;align-items:center;width:190px;max-width:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;flex-shrink:0}
.company-lockup{display:block;width:100%;height:auto;object-fit:contain}
.login-intro .company-brand{margin-bottom:20px}