:root{--bg:#111418;--bg-panel:#1a1f26;--bg-panel-2:#222932;--border:#2e3640;--text:#d8dee6;--text-dim:#8b95a3;--accent:#3d7efd;--accent-dim:#2a5bc4;--ok:#2ea86a;--warn:#d9a13c;--err:#e05252}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar .brand{font-weight:700;font-size:15px}.topbar .chip{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:12px;color:var(--text-dim)}.topbar .chip b{color:var(--text)}.topbar .spacer{flex:1 1}.steps{display:flex;gap:6px;padding:8px 18px;border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap}.steps .step{font-size:12px;color:var(--text-dim);padding:3px 10px;border-radius:999px;border:1px solid var(--border);cursor:default}.steps .step.active{color:#fff;background:var(--accent);border-color:var(--accent)}.steps .step.done{color:var(--ok);border-color:var(--ok)}.page{flex:1 1;overflow:auto;padding:22px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin:0 auto 16px;max-width:1280px}h2{margin:0 0 12px;font-size:17px}h3{margin:16px 0 8px;font-size:14px}label{display:block;margin:8px 0 4px;color:var(--text-dim);font-size:12px}input[type=number],input[type=password],input[type=text]{width:100%;max-width:420px;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:14px}button{background:var(--accent);border:none;color:#fff;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer}button:hover:not(:disabled){background:var(--accent-dim)}button:disabled{background:var(--bg-panel-2);color:var(--text-dim);cursor:not-allowed}button.secondary{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text)}button.danger{background:var(--err)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.error{color:var(--err);margin-top:8px;white-space:pre-wrap}.hint{color:var(--text-dim);font-size:12px;margin-top:6px}.warn-box{border:1px solid var(--err);background:rgba(224,82,82,.12);color:#ff9d9d;border-radius:8px}.info-box,.warn-box{padding:10px 14px;margin:10px 0}.info-box{border:1px solid var(--accent);background:rgba(61,126,253,.1);border-radius:8px}.timeline{margin:14px 0}.timeline .track{position:relative;height:42px;border-radius:6px;overflow:hidden;border:1px solid var(--border);display:flex}.timeline .seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;background:var(--accent);border-right:2px solid var(--bg);overflow:hidden;white-space:nowrap}.timeline .seg:nth-child(2n){background:var(--accent-dim)}.timeline .seg.skip,.timeline .seg.skip:nth-child(2n){background:#3a4150;color:#aab4c8}.timeline .tick{position:absolute;top:0;bottom:0;width:2px;background:var(--warn);opacity:.9}.timeline .axis{position:relative;height:18px;font-size:10px;color:var(--text-dim)}.timeline .axis span{position:absolute;transform:translateX(-50%)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.el-card{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:12px}.el-card.selected{border-color:var(--accent)}.el-card .head{display:flex;align-items:center;gap:8px}.el-card .cat{font-size:11px;color:var(--text-dim);border:1px solid var(--border);padding:1px 8px;border-radius:999px}.el-card img{max-width:100%;max-height:160px;border-radius:6px;display:block;margin:8px 0}.el-card .desc{font-size:12px;color:var(--text-dim);margin:6px 0}.shot-bar{position:relative;height:10px;background:var(--bg);border-radius:4px;margin:8px 0;overflow:hidden}.shot-bar .shot{position:absolute;top:0;bottom:0;background:var(--ok);opacity:.8;border-radius:2px}.slot{border:1px dashed var(--border);border-radius:6px;padding:8px;margin-top:8px;text-align:center;font-size:12px;color:var(--text-dim)}.slot.filled{border-style:solid;border-color:var(--ok)}.slot img{max-height:100px;margin:0}.routes{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:14px;gap:14px}.route-card{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:14px;cursor:pointer}.route-card.selected{border-color:var(--accent)}.route-card .badge{display:inline-block;font-size:11px;border-radius:4px;padding:2px 8px;margin-left:6px;background:rgba(46,168,106,.18);color:var(--ok);border:1px solid var(--ok)}table.status{width:100%;border-collapse:collapse}table.status td,table.status th{border-bottom:1px solid var(--border);padding:8px 10px;text-align:left;font-size:13px}table.status th{color:var(--text-dim);font-weight:500}.pill{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.pill.succeeded{color:var(--ok);border-color:var(--ok)}.pill.running{color:var(--accent);border-color:var(--accent)}.pill.pending{color:var(--text-dim)}.pill.failed{color:var(--err);border-color:var(--err)}.pill.partial{color:var(--warn);border-color:var(--warn)}.asset-group{margin:18px 0}.asset-group h3{margin:0 0 10px;font-size:14px;color:var(--text)}.group-hint{font-size:12px;font-weight:400;color:var(--text-dim);margin-left:8px}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px;gap:10px}.chip-card{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.chip-card.selected{border-color:var(--accent)}.chip-head{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip-head b{flex:1 1;font-weight:600}.chip-head .caret{color:var(--text-dim);font-size:12px}.chip-body{padding:0 12px 12px;border-top:1px solid var(--border)}.chip-body img{max-width:100%;max-height:140px;border-radius:6px;display:block;margin:8px 0}.target{margin-top:10px}textarea.global-note,textarea.text-target{width:100%;min-height:56px;margin-top:8px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical}textarea.global-note{min-height:84px}textarea.global-note:focus,textarea.text-target:focus{outline:none;border-color:var(--accent)}.footer-actions{max-width:1280px;margin:16px auto;justify-content:center}.chip-head .chip-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0}.chips{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mode-switch{display:flex;align-items:center;gap:10px;padding:12px 18px}.simple-assets{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 4px}.simple-asset{width:120px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:8px;text-align:center;font-size:12px}.simple-asset img{width:100%;height:80px;object-fit:cover;border-radius:6px}.simple-asset .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-asset.uploading{opacity:.6}.simple-asset.add{display:flex;align-items:center;justify-content:center;min-height:116px;border-style:dashed;cursor:pointer;color:var(--text-dim)}.simple-asset.add:hover{border-color:var(--accent);color:var(--accent)}.mention-menu{position:absolute;left:8px;top:calc(100% + 4px);background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:220px;max-height:220px;overflow:auto;z-index:20;box-shadow:0 6px 20px rgba(0,0,0,.4)}.mention-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px}.mention-thumb{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.mention-thumb.video{display:flex;align-items:center;justify-content:center;background:rgba(61,126,253,.16);color:var(--text-dim);font-size:12px}.mention-item:hover{background:rgba(61,126,253,.18)}.update-strip{display:flex;align-items:center;gap:10px;padding:4px 18px;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:12px}.update-strip .new{color:var(--warn)}.update-mask{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50}.update-box{width:min(560px,90vw);background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.update-box h3{margin:0 0 12px}.update-notes{white-space:pre-line;line-height:1.7;padding:10px 12px;border-radius:8px;background:var(--bg-panel-2)}.hist-box{width:min(920px,92vw);max-height:84vh;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.hist-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.hist-head h3{margin:0}.hist-head .spacer{flex:1 1}.hist-body{overflow:auto;padding-top:12px}.hist-body table.status td{vertical-align:middle}.hist-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-seg td{background:var(--bg-panel-2);font-size:12px;color:var(--text-dim)}body,html{height:auto}.web-root{min-height:100vh;display:flex;flex-direction:column}.auth-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card{width:min(420px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:24px}.auth-card h1{margin:0 0 4px;font-size:19px}.auth-card .sub{margin:0 0 18px;color:var(--text-dim);font-size:13px}.auth-card .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.auth-card .field label{font-size:12px;color:var(--text-dim)}.auth-card input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;padding:9px 10px}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-card button[type=submit]{width:100%;padding:10px;font-size:15px}.auth-card .alt{margin-top:16px;text-align:center;font-size:13px;color:var(--text-dim)}.auth-error{background:rgba(224,82,82,.12);border:1px solid var(--err);border-radius:6px;color:#f0a8a8;padding:9px 10px;margin-bottom:14px;font-size:13px}.web-main{flex:1 1;padding:20px 18px 40px;max-width:1080px;width:100%;margin:0 auto}.web-main h2{margin:0 0 12px;font-size:17px}.web-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:16px}input[type=file]{color:var(--text-dim);font:inherit}input[type=file]::-webkit-file-upload-button{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 14px;margin-right:12px;cursor:pointer}input[type=file]::file-selector-button{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 14px;margin-right:12px;cursor:pointer}.upload-progress{height:6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-top:8px}.upload-bar{height:100%;background:var(--accent);transition:width .2s}