:root{--mist-blue:#2563eb;--soft-blue:#93b4f5;--sakura-pink:#dce8ff;--primary:#2563eb;--primary-soft:#93b4f5;--accent:#dce8ff;--gradient-main:linear-gradient(135deg, #2563eb, #4f46e5);--gradient-soft:linear-gradient(160deg, #f5f7fb, #f5f7fb);--gradient-btn:linear-gradient(120deg, #2563eb, #2563eb);--text:#334155;--text-h:#172033;--text-muted:#64748b;--bg:#f4f6fa;--surface:#fff;--border:#e3e8f0;--shadow:0 2px 8px #0f172a08;--font-display:"Segoe UI", "Microsoft YaHei", system-ui, sans-serif;--font-body:"Segoe UI", "Microsoft YaHei", system-ui, sans-serif;font-family:var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#app{min-height:100svh}h1,h2,h3{font-family:var(--font-display);color:var(--text-h);margin:0;font-weight:650;line-height:1.4}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button,a,input,select,textarea{scroll-margin-block:20px}:focus-visible{outline-offset:3px;outline:3px solid #93b4f5}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}::selection{color:#172033;background:#dce8ff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:24px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .spacer{flex:1}.search-input,.field-input,.field-select,.field-textarea{font:inherit;color:var(--text-h);background:#ffffffe6;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:9px 12px}.search-input:focus,.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--primary-soft);box-shadow:0 0 0 3px #9db4d84d}.field-textarea{resize:vertical;min-height:72px}.field-input[readonly],.search-input[readonly],.field-select:disabled{color:var(--text-muted);background:#9db4d81f}.btn{font:inherit;border:none;border-radius:10px;padding:9px 14px;font-size:.9rem;font-weight:500;transition:background .18s,box-shadow .18s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:var(--gradient-btn);box-shadow:0 2px 4px #2563eb24}.btn-ghost{color:var(--text-h);border:1px solid var(--border);background:#ffffffb3}.btn-danger{color:#a33b5c;background:#ffd4ea8c;border:1px solid #a33b5c2e}.btn-link{color:var(--primary);font:inherit;background:0 0;border:none;padding:4px 6px;font-size:.85rem}.btn-link.danger{color:#a33b5c}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 12px}.data-table th{color:var(--text-h);background:#9db4d82e;font-weight:600}.data-table tr:last-child td{border-bottom:none}.tag{border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;display:inline-flex}.tag-off{color:#8a4b5c;background:#ffd4ea8c}.tag-muted{color:var(--text-h);background:#9db4d847;margin-right:4px}.tag-error{color:#a33b5c;background:#ffb4c880}.req{color:#a33b5c;font-style:normal}.video-upload{flex-direction:column;gap:10px;min-width:0;display:flex}.video-file-input{display:none}.video-drop{background:#9db4d81f;border:1px dashed #5b83b873;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.video-drop.is-uploading{background:#9db4d833;border-color:#5b83b8b3}.video-drop.is-disabled{opacity:.65;cursor:not-allowed}.video-drop-meta{color:var(--text-muted,#667);word-break:break-all;margin:0;font-size:13px}.video-preview{background:#111;border-radius:8px;width:100%;max-height:280px}.video-thumb{object-fit:cover;vertical-align:middle;background:#111;border-radius:6px;width:168px;height:94px}.workflow-hint{background:#ffffff8c;border:1px solid #5b83b840;border-radius:12px;margin-bottom:14px;padding:12px 14px}.workflow-title{color:var(--text-h,#334);margin:0 0 6px;font-size:.85rem;font-weight:600}.workflow-desc{color:var(--text-muted,#667);margin:0 0 8px;font-size:.84rem;line-height:1.5}.platform-chips{flex-wrap:wrap;gap:6px;display:flex}.platform-chips.compact .tag{padding:2px 8px;font-size:.72rem}.field-hint{color:var(--text-muted,#667);margin:0;font-size:.78rem;line-height:1.4}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.muted{color:var(--text-muted);font-size:.8rem}.field-mono{min-height:140px;font-family:ui-monospace,Consolas,monospace;font-size:.82rem}.switch{cursor:pointer;color:var(--text-h);align-items:center;gap:8px;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-ui{background:#9db4d873;border-radius:999px;width:40px;height:22px;transition:background .2s;position:relative}.switch-ui:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #2a3a4f40}.switch input:checked+.switch-ui{background:var(--mist-blue)}.switch input:checked+.switch-ui:after{transform:translate(18px)}.thumb{object-fit:cover;border:1px solid var(--border);vertical-align:middle;border-radius:6px;width:48px;height:36px}.json-pre{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#2a3a4f0f;border-radius:10px;max-height:320px;margin:0;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;overflow:auto}.err-msg{color:#a33b5c}.data-table td.wrap{white-space:normal;max-width:260px}.pager{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;font-size:.88rem;display:flex}.form-grid{gap:12px;display:grid}.form-row{flex-direction:column;gap:6px;display:flex}.form-row.inline{flex-flow:wrap;align-items:center;gap:16px}.check-list{flex-wrap:wrap;gap:10px 16px;display:flex}.check-item{color:var(--text-h);align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.tree-check{border:1px solid var(--border);background:#ffffffa6;border-radius:10px;flex-direction:column;gap:4px;max-height:320px;padding:8px;display:flex;overflow:auto}.tree-node{flex-direction:column;display:flex}.tree-node .check-item{padding:4px 0}.empty,.error-text{text-align:center;color:var(--text-muted);margin:18px 0}.error-text{color:#a33b5c}.toast-host{z-index:2000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast-item{color:#fff;text-align:center;min-width:200px;max-width:min(90vw,420px);box-shadow:var(--shadow);background:var(--mist-blue);border-radius:12px;padding:10px 16px;font-size:.9rem}.toast-item.is-success{background:linear-gradient(120deg,#5b83b8,#7aa38a)}.toast-item.is-error{background:linear-gradient(120deg,#b85b7a,#c07a9a)}.ops{flex-wrap:wrap;gap:2px;display:flex}.page-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.page-head p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-bottom:16px;display:flex}.filter-item{flex-direction:column;gap:4px;min-width:132px;display:flex}.filter-item.grow{flex:220px;min-width:200px}.filter-item>span{color:var(--text-muted);font-size:.75rem}.filter-actions{align-items:center;gap:8px;display:flex}.table-wrap.is-loading{opacity:.55;pointer-events:none}.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-row.span-2{grid-column:1/-1}.adb-box{border:1px solid var(--border);background:#9db4d81f;border-radius:12px;flex-direction:column;grid-column:1/-1;gap:10px;padding:12px;display:flex}.social-box{border:1px solid var(--border);background:#9db4d814;border-radius:12px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.social-box .form-row:last-child{grid-column:1/-1}.adb-fields{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.adb-serial{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.cell-main{color:var(--text-h);font-weight:500}.serial-cell{align-items:center;gap:4px;display:inline-flex}.copy-btn{color:var(--primary);font:inherit;background:0 0;border:none;padding:0 4px;font-size:.75rem}.cell-clip{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.85rem;overflow:hidden}.link-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.link-chip{border:1px solid var(--border);color:var(--primary);background:#9db4d829;border-radius:999px;padding:1px 6px;font-size:.72rem;text-decoration:none;display:inline-block}.link-chip:hover{background:#9db4d852}.empty-action{margin-top:12px}.filter-chip{border:1px solid var(--border);color:var(--text-h);font:inherit;background:#ffd4ea73;border-radius:999px;padding:6px 12px;font-size:.82rem}.filter-chips{flex-wrap:wrap;gap:8px;margin:-4px 0 14px;display:flex}.cloud-tree{flex-direction:column;gap:10px;display:flex}.cloud-tree .tree-group{border:1px solid var(--border);background:#ffffff8c;border-radius:14px;overflow:hidden}.cloud-tree .tree-head{background:linear-gradient(120deg,#9db4d847,#ffd4ea47);align-items:center;gap:10px;padding:12px 14px;display:flex}.cloud-tree .fold-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;width:22px;padding:0;font-size:.85rem}.cloud-tree .tree-head-main{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cloud-tree .tree-head-main strong{color:var(--text-h);font-weight:600}.cloud-tree .tree-head-main code{color:var(--primary);font-family:ui-monospace,Consolas,monospace;font-size:.78rem}.cloud-tree .tree-count{color:var(--text-muted);font-size:.8rem}.cloud-tree .tree-children{flex-direction:column;gap:8px;padding:10px 12px 12px 36px;display:flex}.cloud-tree .child-empty{color:var(--text-muted);margin:4px 0;font-size:.88rem}.cloud-tree .tree-item{border:1px solid var(--border);background:#ffffffc7;border-radius:12px;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 12px;display:grid}.cloud-tree .tree-item-main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cloud-tree .tree-item-title{color:var(--text-h);font-weight:500}.cloud-tree .tree-item-meta{color:var(--text-muted);font-size:.78rem}.cloud-tree .tree-item-sub{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:.85rem}.cloud-tree .tree-item .ops{align-self:start}.data-table tbody tr.row-clickable{cursor:pointer}.data-table tbody tr.row-clickable:hover td{background:#9db4d838}.cloud-tree.is-loading{opacity:.55;pointer-events:none}@media (width<=720px){.cloud-tree .tree-children{padding-left:14px}.cloud-tree .tree-item,.form-grid.cols-2,.adb-fields,.social-box{grid-template-columns:1fr}.social-box .form-row:last-child{grid-column:auto}.page-head{flex-direction:column}}.toolbar,.filter-bar{gap:12px}.filter-bar{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:16px}.search-input,.field-input,.field-select{max-width:100%;min-height:40px;font-size:.9rem}.field-textarea{max-width:100%}.search-input::placeholder,.field-input::placeholder,.field-textarea::placeholder{color:#8795a9}.btn{border-radius:8px;min-height:40px;font-weight:600}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-ghost:hover:not(:disabled){background:#f1f5f9;border-color:#b9c6d8}.btn-danger{color:#b42332;background:#fff1f2;border-color:#fecdd3}.btn-danger:hover:not(:disabled){background:#ffe4e6}.btn-link:hover:not(:disabled){background:#eff4ff;border-radius:5px;text-decoration:underline}.table-wrap{scrollbar-width:thin;background:#fff}.data-table th{color:#59677d;background:#f8fafc;padding:13px 16px;font-size:.8rem}.data-table td{border-color:#edf1f6;padding:14px 16px}.data-table tbody tr:hover td{background:#f5f8ff}.data-table tbody tr.row-fail td{background:#fff1f2}.tag{padding:3px 9px;font-weight:600;line-height:1.6}.tag-ok{color:#167344;background:#e9f8ef}.tag-off,.tag-error{color:#b42332;background:#fff0f1}.tag-info{color:#2856b6;background:#eff4ff}.tag-warn{color:#94620d;background:#fff5df}.tag-muted{color:#59677d;background:#f1f5f9}.pager{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;padding-top:16px}.form-grid{gap:18px}.form-row>span,.filter-item>span{color:#475569;font-weight:500}.empty{background:#f8fafc;border-radius:10px;padding:32px 16px}.switch input:focus-visible+.switch-ui{outline-offset:3px;outline:3px solid #93b4f5}.cloud-tree .tree-head{background:#f8fafc}.workflow-hint{background:#f5f8ff;border-color:#dce6fb}.workflow-hint-warn{background:#fff9e9;border-color:#f2dfad}.page-head{margin-bottom:24px}.page-head h3{font-size:1.25rem}@media (width<=600px){.page-card{border-radius:12px;padding:16px}.filter-bar{padding:12px}.filter-item{flex:140px;min-width:0}.filter-item.grow{min-width:0}.filter-actions{flex-wrap:wrap}.toolbar .search-input{flex:180px;min-width:0}.pager{justify-content:flex-start}.page-head{margin-bottom:18px}}.page-card{border-radius:14px;padding:26px}.page-head{align-items:center;gap:18px}.page-head h3{letter-spacing:-.025em;font-size:1.3rem;font-weight:650}.page-head p{max-width:78ch;line-height:1.75}.toolbar{row-gap:10px}.filter-bar{background:#f8fafd;border-color:#e8edf5;gap:14px;padding:18px}.filter-item>span{margin-bottom:2px}.field-input,.field-select,.field-textarea,.search-input{background:#fff;border-color:#dbe2ed;border-radius:8px;transition:border-color .15s,box-shadow .15s}.field-input:hover:not(:disabled):not(:focus),.field-select:hover:not(:disabled):not(:focus),.search-input:hover:not(:disabled):not(:focus){border-color:#b3c2d9}.field-input:focus,.field-select:focus,.field-textarea:focus,.search-input:focus{border-color:#739be9;box-shadow:0 0 0 3px #2563eb12}.field-input:disabled,.field-textarea:disabled,.search-input:disabled{cursor:not-allowed;background:#f3f5f9}.btn{white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-size:.84rem;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:#2865e8;box-shadow:0 2px 3px #2563eb1a}.btn-primary:active:not(:disabled){background:#1948b5}.btn-ghost{background:#fff}.btn-link{border-radius:5px;min-height:30px}.data-table{font-variant-numeric:tabular-nums;font-size:.84rem}.data-table th{color:#748096;letter-spacing:.01em;background:#f7f9fc;font-size:.75rem}.data-table td{padding:15px 16px}.data-table td:has(.ops){white-space:normal}.table-wrap{border-color:#e6ebf3}.table-wrap:focus-visible{outline:3px solid var(--primary-soft);outline-offset:3px}.pager,.pagination{font-variant-numeric:tabular-nums}.filter-chip{color:#315a9f;background:#edf3ff;border-color:#d9e5fc}.filter-chip:hover{background:#e1ebff}.error-text{background:#fff3f3;border:1px solid #f8d7dc;border-radius:9px;padding:12px 16px;font-size:.85rem;line-height:1.7}.empty{background:#fafbfd;border:1px dashed #dae2ed;padding:44px 20px;font-size:.88rem;line-height:1.8}.data-table td.empty{border:0;border-radius:0}.form-row>span{color:#42516a;font-size:.82rem}.ops{align-items:center;gap:4px}.toast-host{width:max-content;max-width:calc(100vw - 32px);top:20px}.toast-item{text-align:left;pointer-events:auto;color:#334155;background:#fff;border:1px solid #dce6f7;border-radius:10px;align-items:flex-start;gap:10px;min-width:260px;max-width:min(90vw,520px);padding:13px 14px;display:flex;box-shadow:0 8px 32px #1720331f}.toast-item.is-success,.toast-item.is-error,.toast-item.is-info{background:#fff}.toast-item.is-success{border-left:3px solid #24a36a}.toast-item.is-error{border-left:3px solid #df5b64}.toast-item.is-info{border-left:3px solid #3974f6}.toast-symbol{color:#2865e8;background:#edf3ff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;font-size:.8rem;font-weight:700;display:grid}.is-success .toast-symbol{color:#167344;background:#e9f8ef}.is-error .toast-symbol{color:#b42332;background:#fff0f1}.toast-message{overflow-wrap:anywhere;flex:1;line-height:1.6}.toast-dismiss{color:#8793a7;background:0 0;border:0;padding:0 3px;font-size:1.2rem;line-height:1.2}.toast-dismiss:hover{color:#334155}.density-compact .data-table td,.density-compact .data-table th{padding-block:9px}.density-compact .page-card{padding:20px}.density-compact .filter-bar{padding:12px}.density-compact .cloud-tree .tree-head,.density-compact .cloud-tree .tree-item{padding-block:8px}@media (width<=720px){.page-card{padding:18px}.page-head{align-items:flex-start}.filter-bar{gap:12px;padding:12px}.data-table td{padding:12px}.page-head h3{font-size:1.16rem}}@media (width<=420px){.page-card{padding:14px}.filter-actions{width:100%}.filter-actions .btn{flex:1}.toolbar,.pager,.pagination{gap:8px}}
