:root{--bg: #f3f4f6;--surface: #ffffff;--line: #d1d5db;--line-soft: #e5e7eb;--text: #111827;--muted: #6b7280;--primary: #2563eb;--primary-soft: #dbeafe;--danger: #dc2626;--success: #059669}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}.app{min-height:100vh;padding:12px;display:grid;gap:12px}.toolbar{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px;display:grid;grid-template-columns:180px minmax(260px,1fr) auto;gap:10px;align-items:center}.brand{font-size:16px;font-weight:700;letter-spacing:.01em}.filters{display:grid;grid-template-columns:180px minmax(200px,1fr) auto auto auto;gap:8px}.input,.select,.btn{height:36px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px}.input,.select{padding:0 10px}.input:focus,.select:focus{outline:none;border-color:#7aa2f7;box-shadow:0 0 0 3px #2563eb1f}.btn{padding:0 12px;cursor:pointer;font-weight:600}.btn:hover{border-color:#94a3b8}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:#1d4ed8}.btn.ghost{background:#f9fafb}.btn:disabled{opacity:.55;cursor:not-allowed}.toolbar-right{display:flex;gap:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:12px;min-height:0}.panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);min-height:0}.list-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.list-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line-soft);padding:10px}.mode{font-weight:600}.status{color:var(--muted);font-size:12px}.status.error{color:var(--danger)}.table-head{display:grid;grid-template-columns:104px minmax(280px,1fr) 78px 130px 168px;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:12px}.table-body{overflow:auto}.row{display:grid;grid-template-columns:104px minmax(280px,1fr) 78px 130px 168px;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line-soft);align-items:center}.row:hover{background:#f9fafb}.row.active{background:var(--primary-soft)}.thumb-wrap{position:relative;width:104px;height:58px;border:1px solid var(--line-soft);border-radius:6px;overflow:hidden;background:#0f172a}.thumb{width:100%;height:100%;object-fit:cover;display:block}.duration{position:absolute;right:4px;bottom:4px;font-size:11px;color:#fff;background:#0f172ad1;border-radius:4px;padding:1px 4px}.title-col{min-width:0}.title{font-size:13px;font-weight:600;line-height:1.35;max-height:36px;overflow:hidden}.sub{margin-top:2px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric{font-size:12px;color:#374151}.actions{display:flex;gap:6px}.actions .btn{height:30px;padding:0 8px;font-size:12px}.list-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line-soft);padding:10px}.pager{display:flex;align-items:center;gap:8px}.pager-info{color:var(--muted);font-size:12px;min-width:80px;text-align:center}.empty,.error-block{margin:10px;border:1px dashed var(--line);border-radius:8px;background:#fafafa;color:var(--muted);text-align:center;padding:16px}.hidden{display:none!important}.player-panel{display:grid;grid-template-rows:auto auto auto 1fr auto;position:sticky;top:12px;height:calc(100vh - 24px)}.player-head{border-bottom:1px solid var(--line-soft);padding:10px}.player-title{font-weight:700;font-size:14px;line-height:1.35;max-height:38px;overflow:hidden}.player-meta{margin-top:4px;color:var(--muted);font-size:12px}.player-video{background:#000}.player-video video{width:100%;max-height:300px;display:block}.player-actions{display:flex;gap:8px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:10px}.player-actions .btn{flex:1}.player-status{padding:10px;color:var(--muted);font-size:12px}.player-status.error{color:var(--danger)}.player-cover{padding:10px}.player-cover img{width:100%;border:1px solid var(--line-soft);border-radius:8px;display:block;aspect-ratio:16 / 9;object-fit:cover;background:#f3f4f6}.toast{position:fixed;right:12px;bottom:12px;border-radius:8px;background:#111827;color:#fff;padding:8px 10px;font-size:12px;opacity:0;transform:translateY(8px);transition:.14s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:var(--danger)}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:skeleton 1.1s ease infinite;border-radius:4px}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media(max-width:1260px){.workspace{grid-template-columns:1fr}.player-panel{position:static;height:auto}}@media(max-width:980px){.toolbar{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters>.input{grid-column:1 / -1}.table-head,.row{grid-template-columns:86px minmax(180px,1fr) 66px 90px}.table-head>:nth-child(5),.row>:nth-child(5){display:none}}@media(max-width:680px){.app{padding:8px}.filters{grid-template-columns:1fr}.toolbar-right{width:100%}.toolbar-right .btn{flex:1}.table-head,.row{grid-template-columns:76px minmax(140px,1fr) 70px}.table-head>:nth-child(4),.row>:nth-child(4){display:none}.actions{display:none}}