:root{color:#172033;background:#f5f7fb;font-family:Microsoft YaHei,Segoe UI,sans-serif}body{margin:0;min-width:1080px;background:#f5f7fb}button,select{font:inherit}button{cursor:pointer}.layout{display:flex;min-height:100vh}.sidebar{width:232px;min-height:100vh;display:flex;flex-direction:column;padding:22px 12px 12px;background:linear-gradient(180deg,#17253a,#111c2d);color:#fff}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 26px;font-size:16px;font-weight:700;letter-spacing:.2px}.brand-mark{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#ff4f70,#ff7e56);font-family:Georgia,serif}.nav-label{padding:0 12px 8px;color:#73829b;font-size:11px;letter-spacing:1.1px}.sidebar .item{display:flex;align-items:center;gap:10px;margin:3px 0;padding:11px 12px;border-radius:9px;color:#acb9ce;font-size:14px;text-decoration:none;transition:.15s ease}.sidebar .item:hover{color:#fff;background:#ffffff12}.sidebar .router-link-active{color:#fff;background:linear-gradient(90deg,#5e7eff47,#5e7eff14);box-shadow:inset 2px 0 #7890ff}.nav-icon{width:18px;text-align:center;filter:saturate(.8)}.main{flex:1;min-width:0;padding:34px 42px 48px}.v2-page{max-width:1220px;margin:0 auto}.eyebrow{margin:0 0 7px;color:#75829a;font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.section-title h2{margin:0;color:#172033;font-size:28px;letter-spacing:-.4px}.primary-button,.secondary-button,.text-button{border:1px solid transparent;border-radius:12px;font-weight:600;transition:transform var(--flow-transition),box-shadow var(--flow-transition),border-color var(--flow-transition)}.primary-button{padding:11px 16px;background:linear-gradient(135deg,#4b63f1f0,#7052efe6);color:#fff;box-shadow:0 10px 22px #5368f533,inset 0 1px #ffffff42}.primary-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px #5368f545}.secondary-button{padding:10px 14px;border-color:var(--flow-border);background:#ffffffb8;color:#48566d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.secondary-button:hover{transform:translateY(-1px);border-color:#5368f538;color:var(--flow-primary);background:#fff}.text-button{padding:7px 0;background:transparent;color:#53627a;font-size:13px}.danger{color:#e05261!important}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-card,.current-task,.queue-summary,.queue-section,.hint-card{border:1px solid #e7ebf2;border-radius:14px;background:#fff;box-shadow:0 8px 24px #1c2d4e09}.account-card{padding:22px}.account-head{display:flex;align-items:center;gap:12px}.account-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#edf2ff;color:#4765d8;font-size:18px;font-weight:700}.account-head h2,.video-main h2,.queue-copy h3{margin:0;color:#22304a;font-size:16px}.account-head p{margin:4px 0 0;color:#8a95a6;font-size:13px}.status-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-left:auto;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.is-online,.is-ready{color:#168c61;background:#e8f8f1}.needs-login,.is-failed{color:#d55764;background:#fff0f1}.is-running{color:#3a65d7;background:#edf2ff}.account-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 16px}.account-card dt{margin-bottom:5px;color:#99a3b3;font-size:12px}.account-card dd{margin:0;color:#546176;font-size:13px}.account-card footer{display:flex;gap:18px;padding-top:13px;border-top:1px solid #edf0f5}.hint-card{display:flex;gap:12px;margin-top:22px;padding:15px 18px;color:#6f7c91;font-size:13px}.hint-card span{font-size:18px}.hint-card p{margin:2px 0}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:17px}.toolbar-count{margin-left:auto;color:#8995a8;font-size:13px}.video-list{display:grid;gap:12px}.video-card{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid #e7ebf2;border-radius:13px;background:#fff}.thumbnail,.mini-thumbnail{position:relative;display:grid;flex:0 0 auto;width:135px;height:76px;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,#263950,#7092b5);overflow:hidden}.thumbnail:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.25;background:repeating-linear-gradient(45deg,transparent 0 10px,#fff 10px 12px)}.thumbnail small{position:absolute;right:7px;bottom:6px;padding:2px 5px;border-radius:4px;background:#0000008c;font-size:10px}.play-mark{position:relative;z-index:1}.video-main{min-width:0;flex:1}.video-title-row{display:flex;align-items:center;gap:10px}.video-title-row .status-pill{margin-left:0}.file-name{margin:6px 0 9px;color:#97a1b0;font-size:12px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{padding:3px 7px;border-radius:5px;color:#5d6c87;background:#f1f4f8;font-size:12px}.video-meta{display:flex;gap:17px;margin-top:10px;color:#8a95a6;font-size:12px}.video-actions{display:grid;gap:4px;padding-left:14px;border-left:1px solid #edf0f5}.video-actions button{border:0;background:transparent;color:#5b6a81;font-size:13px;text-align:left}.publish-controls{display:flex;align-items:center;gap:22px;margin-bottom:18px;padding:14px 18px;border:1px solid #e7ebf2;border-radius:12px;background:#fff;color:#5a687e;font-size:13px}.publish-controls p{margin:0 0 0 auto;color:#9aa4b5}.toggle{display:flex;align-items:center;gap:8px}.toggle input{display:none}.toggle span{position:relative;width:35px;height:20px;border-radius:15px;background:#4770e8}.toggle span:after{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff;content:""}.interval{display:flex;align-items:center;gap:8px}.interval select{padding:5px 8px;border:1px solid #dbe2ee;border-radius:6px;background:#fff;color:#3f4f67}.publish-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px}.current-task,.queue-summary,.queue-section{padding:22px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-title h2{font-size:19px}.section-title p:not(.eyebrow){margin:6px 0 0;color:#8c97a9;font-size:13px}.progress-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:36px 0 8px;padding:0;list-style:none}.progress-steps li{position:relative;padding-top:26px;color:#9ba5b3;font-size:11px;text-align:center}.progress-steps li:before{position:absolute;z-index:1;top:0;left:calc(50% - 8px);display:grid;width:16px;height:16px;place-items:center;border:2px solid #d6dce6;border-radius:50%;background:#fff;color:#fff;content:""}.progress-steps li:not(:last-child):after{position:absolute;top:7px;left:50%;width:100%;height:2px;background:#e2e7ee;content:""}.progress-steps .done{color:#3c5d71}.progress-steps .done:before{border-color:#37a77d;background:#37a77d;content:"✓"}.progress-steps .done:after{background:#69c3a1}.progress-steps .active{color:#3159d0;font-weight:700}.progress-steps .active:before{border-color:#466be2;background:#466be2;box-shadow:0 0 0 4px #e9efff}.queue-summary{display:grid;align-content:start;gap:16px}.queue-summary>div{display:grid;gap:2px;padding-bottom:13px;border-bottom:1px solid #edf0f5}.queue-summary strong{color:#2c3b54;font-size:24px}.queue-summary strong.blue{color:#4169d9}.queue-summary strong.red{color:#dd6270}.queue-summary span{color:#8a96a9;font-size:12px}.queue-section{margin-top:18px}.queue-list{display:grid;gap:9px;margin-top:18px}.queue-card{display:flex;align-items:center;gap:13px;padding:10px;border:1px solid #edf0f5;border-radius:10px}.mini-thumbnail{width:44px;height:34px;border-radius:6px;font-size:11px}.queue-copy{flex:1}.queue-copy h3{font-size:14px}.queue-copy p{margin:4px 0 0;color:#939dae;font-size:12px}.start-button{padding:12px 20px}:root{color-scheme:light;--flow-bg: #f4f6fb;--flow-bg-soft: #fafbff;--flow-surface: rgba(255, 255, 255, .88);--flow-surface-solid: #ffffff;--flow-surface-muted: #f7f8fc;--flow-border: rgba(205, 214, 233, .64);--flow-border-strong: #d8deec;--flow-text: #17233f;--flow-text-2: #4f5f7d;--flow-text-3: #8b97af;--flow-primary: #5368f5;--flow-primary-2: #7658f6;--flow-primary-soft: #edf0ff;--flow-cyan: #4a9bf8;--flow-success: #20b77a;--flow-success-soft: #eaf9f3;--flow-warning: #f59b35;--flow-warning-soft: #fff5e7;--flow-danger: #ef5d72;--flow-danger-soft: #fff0f3;--flow-info: #4c77f4;--flow-info-soft: #edf3ff;--flow-radius-sm: 10px;--flow-radius-md: 16px;--flow-radius-lg: 22px;--flow-shadow-sm: 0 10px 30px rgba(43, 59, 101, .052), 0 1px 2px rgba(43, 59, 101, .025);--flow-shadow-md: 0 22px 50px rgba(50, 65, 111, .085), 0 2px 5px rgba(50, 65, 111, .03);--flow-shadow-float: 0 18px 36px rgba(72, 84, 150, .16);--flow-sidebar-width: 228px;--flow-header-height: 84px;--flow-transition: .18s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{min-width:0;background:var(--flow-bg)}body{margin:0;min-width:0;min-height:100vh;color:var(--flow-text);background:radial-gradient(circle at 78% -10%,rgba(110,94,246,.075),transparent 34%),radial-gradient(circle at 12% 18%,rgba(74,155,248,.05),transparent 26%),linear-gradient(180deg,#f7f8fc,#f3f6fb 46%,#f5f7fc),var(--flow-bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(ellipse at 72% 12%,rgba(111,105,238,.075),transparent 31%),radial-gradient(ellipse at 26% 76%,rgba(74,155,248,.052),transparent 28%);filter:blur(12px)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(83,104,245,.14);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}::selection{background:#5368f52e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#7d89a652;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.flow-page,.v2-page{display:grid;gap:18px;animation:flow-page-in .42s ease both}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-intro h1{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.6px}.page-intro p{margin:7px 0 0;color:var(--flow-text-3);font-size:13px}.page-actions{display:flex;align-items:center;gap:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:0;font-size:16px;letter-spacing:-.25px}.section-heading p{margin:4px 0 0;color:var(--flow-text-3);font-size:12px}.section-link{display:inline-flex;align-items:center;gap:4px;color:var(--flow-text-3);font-size:12px;font-weight:600}.section-link:hover{color:var(--flow-primary)}.muted{color:var(--flow-text-3)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.soft-divider{width:1px;height:24px;background:var(--flow-border)}.glass{border:1px solid rgba(255,255,255,.72);background:#ffffffad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.flow-grid{display:grid;gap:16px}.page-stage :is(.studio-surface,.video-library-panel,.account-card,.login-panel,.asset-stats article,.filter-card,.log-card,.audit-page .overview-grid article){border-color:#ffffffc7;background-color:#ffffffad;box-shadow:var(--flow-shadow-sm),inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1)}@keyframes flow-page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-pulse{0%,to{box-shadow:0 0 #20b77a26}50%{box-shadow:0 0 0 6px #20b77a00}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1240px){:root{--flow-sidebar-width: 210px}}@media(max-width:900px){:root{--flow-sidebar-width: 72px}}.publish-overview .overview-current .overview-progress{height:5px!important;min-height:5px;padding:0!important;border:0!important;overflow:hidden;border-radius:999px;background:#edf0f6}.publish-overview .overview-current .overview-progress>i{display:block;height:100%!important;min-height:5px;border-radius:inherit}
