:root{--bg: #f5f6f8;--surface: #ffffff;--border: #e4e6eb;--border-strong: #cdd1d9;--text: #1f2329;--text-muted: #8a909c;--primary: #2f7af0;--primary-hover: #2466d6;--danger: #e0524d;--danger-hover: #c8443f;--row-hover: #f0f3f8;--row-selected: #e8f1ff;--shadow: 0 1px 3px rgba(0, 0, 0, .08);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.5}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:var(--primary)}.muted{color:var(--text-muted)}.center-screen{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn,.btn-primary,.btn-danger,.btn-icon,.btn-link,.icon-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:6px 12px;border-radius:6px;transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover{background:var(--row-hover)}.btn:disabled,.btn-primary:disabled,.btn-danger:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--surface);border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-icon{border:none;background:transparent;font-size:16px;padding:4px 8px;border-radius:6px}.btn-icon:hover{background:var(--row-hover)}.btn-link{border:none;background:transparent;color:var(--primary);padding:6px;margin-top:6px}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#eef2f8,#dfe6f1);padding:24px}.login-card{width:100%;max-width:360px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;gap:6px}.login-title{margin:0;font-size:22px;text-align:center;color:var(--primary)}.login-sub{margin:0 0 10px;text-align:center;color:var(--text-muted);font-size:13px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field-label{font-size:12px;color:var(--text-muted)}input[type=text],input[type=password],select{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:14px;background:var(--surface);color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2f7af026}.form-error{color:var(--danger);font-size:12px;margin:-2px 0 6px}.form-ok{color:#1a9d5b;font-size:12px;margin:-2px 0 6px}.dashboard{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:52px;background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 auto}.brand{font-weight:600;font-size:16px}.disk-meter{display:flex;align-items:center;gap:8px;flex:1 1 auto;max-width:420px}.disk-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.disk-fill{height:100%;background:var(--primary)}.disk-text{font-size:12px;color:var(--text-muted);white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:8px}.user-name{font-size:13px;color:var(--text-muted)}.main-area{flex:1 1 auto;overflow:auto;padding:16px}.file-browser{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:12px 16px 8px;font-size:14px}.crumb-wrap{display:inline-flex;align-items:center}.crumb{border:none;background:transparent;color:var(--primary);padding:2px 6px;border-radius:4px}.crumb:hover{background:var(--row-hover)}.crumb-current{color:var(--text);font-weight:500}.crumb-current:hover{background:transparent}.crumb-sep{color:var(--text-muted)}.toolbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.toolbar-row{display:flex;align-items:center;gap:8px;padding:8px 16px}.toolbar-batch{background:#f7faff;border-top:1px dashed var(--border)}.toolbar-spacer{flex:1}.toolbar-view .view-toggle{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border-strong);border-radius:6px;color:var(--text-muted)}.toolbar-view .view-toggle.active{color:var(--primary);border-color:var(--primary);background:#fff}.toolbar-sort{display:flex;align-items:center;gap:6px}.sort-label{font-size:12px;color:var(--text-muted)}.toolbar-sort select{width:auto;padding:4px 8px}.sort-dir{color:var(--text-muted);width:12px;text-align:center}.batch-count{font-size:13px;color:var(--text-muted)}.inline-error{margin:12px 16px 0;padding:8px 12px;background:#fdeceb;border:1px solid #f3c9c6;color:var(--danger);border-radius:6px;font-size:13px}.file-table{width:100%}.file-row{display:grid;grid-template-columns:44px minmax(0,1fr) 110px 150px 56px;align-items:center;padding:0 16px;height:44px;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.file-row:last-child{border-bottom:none}.file-row:not(.file-header):hover{background:var(--row-hover)}.row-selected{background:var(--row-selected)!important}.file-header{color:var(--text-muted);font-size:12px;font-weight:600;border-bottom:1px solid var(--border);background:#fafbfc}.cell-check{display:flex;align-items:center}.cell-name{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.file-header .cell-name{cursor:default}.file-icon{flex:0 0 auto;font-size:16px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-size,.cell-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.file-header .cell-size,.file-header .cell-time{color:var(--text-muted)}.cell-actions{display:flex;justify-content:flex-end;gap:4px}.icon-btn{border:none;background:transparent;color:var(--text-muted);font-size:15px;padding:4px 6px;border-radius:4px}.icon-btn:hover{background:var(--row-hover);color:var(--text)}.file-empty{padding:48px 16px;text-align:center;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182066;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{width:100%;max-width:380px;background:var(--surface);border-radius:10px;box-shadow:0 8px 28px #0003;padding:20px}.modal-title{margin:0 0 14px;font-size:16px}.modal-summary{margin:0 0 12px;font-size:13px;color:var(--text-muted);word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.view-switch{display:inline-flex;gap:2px;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.view-tab{border:none;background:transparent;color:var(--text-muted);padding:4px 12px;border-radius:6px;font-size:13px}.view-tab:hover{color:var(--text)}.view-tab.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px #0000000f}.offline-modal{max-height:86vh;overflow:auto}.offline-input .magnet-input{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;background:var(--surface);color:var(--text)}.offline-input .magnet-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2f7af026}.offline-parsing{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.offline-files{display:flex;flex-direction:column}.offline-summary{font-size:12px;margin-bottom:6px;word-break:break-all}.offline-shortcuts{display:flex;gap:4px;margin-bottom:6px}.offline-shortcuts .btn-link.active{color:var(--primary);font-weight:600}.offline-file-list{max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:6px;margin-bottom:12px}.offline-file-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);cursor:pointer}.offline-file-row:last-child{border-bottom:none}.offline-file-row:hover{background:var(--row-hover)}.offline-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.offline-file-size{flex:0 0 auto;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}.torrent-tasks{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.task-list{display:flex;flex-direction:column}.task-card{padding:14px 16px;border-bottom:1px solid var(--border)}.task-card:last-child{border-bottom:none}.task-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.task-name{flex:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-state{flex:0 0 auto;font-size:12px;padding:2px 8px;border-radius:10px;background:var(--bg);color:var(--text-muted)}.state-downloading{background:#e6f0ff;color:var(--primary)}.state-seeding{background:#e6f6ec;color:#1a9d5b}.state-error{background:#fdeceb;color:var(--danger)}.state-paused,.state-stopped{background:#f0f1f4;color:var(--text-muted)}.task-progress{display:flex;align-items:center;gap:10px}.task-bar{flex:1}.task-pct{flex:0 0 auto;width:42px;text-align:right;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.task-meta{font-size:12px;margin-top:6px}.task-actions{display:flex;justify-content:flex-end;margin-top:8px}.media-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#080a0ef5;display:flex;flex-direction:column;color:#e8eaed}.viewer-empty{margin:auto;color:#8a909c;font-size:15px}.viewer-topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#14161ce6;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}.viewer-name{flex:1 1 auto;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-count{flex:0 0 auto;font-size:13px;color:#b6bcc8;font-variant-numeric:tabular-nums}.viewer-actions{flex:0 0 auto;display:flex;gap:8px}.viewer-actions .icon-btn,.viewer-actions a.icon-btn{color:#e8eaed;background:#ffffff14;border:1px solid rgba(255,255,255,.12);text-decoration:none;font-size:13px;padding:5px 12px;border-radius:6px;cursor:pointer}.viewer-actions .icon-btn:hover{background:#ffffff29}.viewer-actions .icon-btn.danger:hover{background:var(--danger);border-color:var(--danger)}.viewer-actions .icon-btn:disabled{opacity:.4;cursor:not-allowed}.viewer-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;-webkit-user-select:none;user-select:none}.viewer-side{position:relative;flex:0 0 auto;height:0}.nav-btn{position:absolute;top:-50vh;width:44px;height:64px;display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;color:#e8eaed;background:#282c3499;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer}.nav-btn:hover{background:#3c424cd9}.nav-btn[title*=上一项],.nav-btn:first-child{left:16px}.nav-next{right:16px;left:auto}.viewer-thumbs{flex:0 0 auto;display:flex;gap:8px;padding:10px 16px;overflow-x:auto;background:#14161ce6;border-top:1px solid rgba(255,255,255,.08)}.thumb{flex:0 0 auto;width:72px;height:54px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#000;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-active{border-color:var(--primary)}.video-player{position:relative;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.video-el{max-width:90vw;max-height:70vh;width:auto;height:auto;background:#000;border-radius:6px}.video-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:6px 16px;border-radius:0 0 8px 8px;font-size:13px;z-index:2}.video-error{background:#e0524deb}.video-controls{display:flex;align-items:center;gap:10px}.quality-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#c8cdd6}.quality-label select{background:#ffffff1a;color:#e8eaed;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:3px 8px;font-size:13px}.video-controls .icon-btn{color:#c8cdd6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px 10px;font-size:13px;cursor:not-allowed}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px}.grid-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;text-align:center;position:relative}.grid-cell:hover{border-color:var(--border-strong);background:var(--row-hover)}.grid-cell.row-selected{background:var(--row-selected);border-color:var(--primary)}.grid-cell .cell-check{position:absolute;top:6px;left:6px}.grid-thumb{width:100%;height:110px;object-fit:cover;border-radius:6px;background:#000;display:block}.grid-glyph{width:100%;height:110px;display:flex;align-items:center;justify-content:center;font-size:44px;background:var(--row-hover);border-radius:6px}.grid-name{font-size:13px;word-break:break-all;line-height:1.3;max-height:2.6em;overflow:hidden}.cell-name .list-thumb{width:22px;height:22px;object-fit:cover;border-radius:4px;vertical-align:middle;margin-right:4px}.toolbar-view{display:inline-flex;align-items:center;gap:6px}.toolbar-view .view-toggle{cursor:pointer;background:var(--surface);font:inherit}.offline-disk{font-size:13px;margin-bottom:8px;padding:6px 10px;border-radius:6px;background:var(--bg);color:var(--text-muted);font-variant-numeric:tabular-nums}.offline-disk.over{background:#fdeceb;color:var(--danger);font-weight:600}.offline-disk-hint{font-weight:600}.task-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;font-variant-numeric:tabular-nums}.task-stat-dl{color:var(--primary);font-weight:600}.task-stat-up{color:#1a9d5b;font-weight:600}.task-stat-vol,.task-stat-eta{color:var(--text-muted)}.task-files{margin-top:10px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.task-file-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border);font-size:12px}.task-file-row:last-child{border-bottom:none}.task-file-row.downloading{color:var(--primary);font-weight:600}.task-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-file-prio{flex:0 0 auto;font-size:11px;padding:1px 6px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.task-file-pct{flex:0 0 auto;width:42px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.task-actions .btn-link{font-size:12px}.dl-badge{display:inline-flex;align-items:center;margin-left:8px;padding:1px 7px;font-size:12px;line-height:18px;border-radius:9px;border:1px solid transparent;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none}.dl-badge-busy{color:#b4530a;background:#fff4e0;border-color:#f4cf8a}.dl-badge-done{color:#1c7d46;background:#e6f6ec;border-color:#b6e2c4}.grid-cell .dl-badge{position:absolute;left:6px;bottom:6px;margin-left:0}.row-disabled{opacity:.55}.row-disabled .cell-name,.row-disabled .grid-name,.grid-cell.row-disabled{cursor:not-allowed}