:root{--primary-color:var(--claude-accent);--primary-light:var(--claude-accent-strong);--primary-dark:#b85f43;--accent-color:var(--claude-accent-strong);--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--bg-gradient:linear-gradient(135deg, var(--claude-accent-strong) 0%, var(--claude-panel-soft) 100%);--shadow:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-hover:0 8px 24px rgba(217, 119, 87, 0.15);--text-primary:#2f3243;--text-secondary:#555d72;--text-muted:#8b93aa;--surface-1:#ffffff;--surface-2:rgba(255, 255, 255, 0.82);--surface-3:#f0f3fa;--surface-border:rgba(255, 255, 255, 0.55);--input-border:#e8eaf2;--warning-text-color:#b88230;--border-radius:16px;--transition:all 0.2s ease;}
html[data-theme="dark"]{--primary-color:var(--claude-accent-strong);--primary-light:var(--claude-accent-strong);--primary-dark:#b85f43;--bg-gradient:linear-gradient(140deg,#111a2d 0%,#0b1120 55%,#070b16 100%);--shadow:0 10px 28px rgba(0, 0, 0, 0.35);--shadow-hover:0 14px 32px rgba(0, 0, 0, 0.45);--text-primary:#e8eeff;--text-secondary:#c4cde3;--text-muted:#90a0bf;--surface-1:#141d31;--surface-2:rgba(20, 29, 49, 0.82);--surface-3:#1b2740;--surface-border:rgba(130, 152, 196, 0.32);--input-border:rgba(130, 152, 196, 0.45);--warning-text-color:#e8be73;}
html[data-theme="dark"] .upload-zone{border-color:rgba(181, 189, 248, 0.45);background:linear-gradient(135deg,rgba(154, 169, 255, 0.1) 0%,rgba(84, 106, 156, 0.16) 100%);}
html[data-theme="dark"] .upload-zone::before{background:linear-gradient(135deg,rgba(154, 169, 255, 0.18) 0%,rgba(84, 106, 156, 0.22) 100%);}
html[data-theme="dark"] .storage-switcher{background:linear-gradient(135deg,rgba(20, 29, 49, 0.9) 0%,rgba(25, 35, 58, 0.85) 100%);border-color:rgba(154, 169, 255, 0.25);}
html[data-theme="dark"] .image-compress-panel,html[data-theme="dark"] .compress-control,html[data-theme="dark"] .compress-confirm-card,html[data-theme="dark"] .compress-stat{background:linear-gradient(135deg,rgba(38, 35, 32, 0.92) 0%,rgba(32, 30, 27, 0.88) 100%);border-color:rgba(194, 100, 63, 0.24);}
html[data-theme="dark"] .storage-btn:hover:not(.disabled),html[data-theme="dark"] .method-btn:hover,html[data-theme="dark"] .compress-format-btn:hover:not(:disabled),html[data-theme="dark"] .compress-mode-btn:hover{background:rgba(194, 100, 63, 0.14);}
html[data-theme="dark"] .storage-target,html[data-theme="dark"] .stats-bar{background:linear-gradient(135deg,rgba(194, 100, 63, 0.2) 0%,rgba(156, 88, 60, 0.2) 100%);}
html[data-theme="dark"] .folder-target-panel{background:linear-gradient(135deg,rgba(38, 35, 32, 0.92) 0%,rgba(32, 30, 27, 0.88) 100%);border-color:rgba(194, 100, 63, 0.24);}
html[data-theme="dark"] .history-file-icon{background:linear-gradient(135deg, rgba(56, 52, 46, 0.9) 0%, rgba(48, 44, 38, 0.9) 100%);}
html[data-theme="dark"] .history-file-icon.video-file{background:linear-gradient(135deg, rgba(80, 56, 56, 0.9) 0%, rgba(64, 48, 48, 0.9) 100%);}
html[data-theme="dark"] .history-file-icon.audio-file{background:linear-gradient(135deg, rgba(56, 64, 72, 0.9) 0%, rgba(48, 54, 60, 0.9) 100%);}
html[data-theme="dark"] .history-file-icon.document-file{background:linear-gradient(135deg, rgba(56, 68, 72, 0.9) 0%, rgba(48, 58, 62, 0.9) 100%);}
html[data-theme="dark"] .history-file-icon.archive-file{background:linear-gradient(135deg, rgba(91, 65, 37, 0.9) 0%, rgba(77, 51, 29, 0.9) 100%);}
html[data-theme="dark"] .history-file-icon.code-file{background:linear-gradient(135deg, rgba(56, 72, 64, 0.9) 0%, rgba(48, 60, 52, 0.9) 100%);}
html[data-theme="dark"] .history-file-icon.other-file{background:linear-gradient(135deg, rgba(52, 48, 56, 0.9) 0%, rgba(44, 40, 48, 0.9) 100%);}
html[data-theme="dark"] .result-item.selected{background:rgba(194, 100, 63, 0.2);}
html[data-theme="dark"] .toast{border:1px solid var(--surface-border);}
html[data-theme="dark"] .url-input-container input::placeholder,html[data-theme="dark"] .batch-links::placeholder{color:var(--text-muted);}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC",sans-serif;color:var(--text-primary);}
#app{max-width:1400px;margin:0 auto;padding:20px;}
/* 头部导航 */
.header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--card-bg);backdrop-filter:var(--ui-card-backdrop-filter, blur(10px));-webkit-backdrop-filter:var(--ui-card-backdrop-filter, blur(10px));border-radius:var(--border-radius);margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--surface-border);position:sticky;top:20px;z-index:100;will-change:transform;}
.header-title{font-size:1.5em;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--transition);}
.header-title:hover{transform:scale(1.02);}
.header-title .brand-logo{width:30px;height:30px;border-radius:8px;object-fit:cover;box-shadow:0 4px 12px rgba(217, 119, 87, 0.2);background:rgba(255, 255, 255, 0.92);}
.nav-links{display:flex;gap:8px;align-items:center;}
.nav-links a{padding:10px 18px;border-radius:10px;text-decoration:none;color:var(--text-secondary);transition:var(--transition);font-size:0.9em;font-weight:500;display:flex;align-items:center;gap:8px;}
.nav-links a:hover{background:rgba(194, 100, 63, 0.12);color:var(--primary-color);transform:translateY(-2px);}
.nav-links a.is-active,.nav-links a.active{background:rgba(194, 100, 63, 0.15);color:var(--primary-color);font-weight:600;}
.nav-links .theme-toggle-btn,.header-theme-toggle{border:1.5px solid rgba(217, 119, 87, 0.25);background:linear-gradient(135deg,rgba(217, 119, 87, 0.16),rgba(43, 43, 41, 0.42));color:var(--text-primary);padding:10px 14px;border-radius:11px;font-size:0.88em;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;}
.header-theme-toggle{margin-left:auto;margin-right:8px;}
.nav-links .theme-toggle-btn i,.header-theme-toggle i{color:var(--primary-color);width:14px;text-align:center;}
/* Language toggle reuses the theme-toggle button chrome; show only 中/EN in accent color. */
.header-theme-toggle[data-i18n-toggle]{color:var(--primary-color);font-weight:700;}
.nav-links .theme-toggle-btn:hover,.header-theme-toggle:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 8px 20px rgba(217, 119, 87, 0.2);}
html[data-theme="dark"] .nav-links .theme-toggle-btn,html[data-theme="dark"] .header-theme-toggle{background:linear-gradient(135deg,rgba(154, 169, 255, 0.2),rgba(84, 106, 156, 0.35));border-color:rgba(154, 169, 255, 0.45);}
/* 主容器 */
.main-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media (max-width: 900px){.main-container{grid-template-columns:1fr;}}
/* 卡片样式 */
.card{background:var(--card-bg);backdrop-filter:var(--ui-card-backdrop-filter, blur(20px));-webkit-backdrop-filter:var(--ui-card-backdrop-filter, blur(20px));border-radius:var(--border-radius);padding:28px;box-shadow:var(--shadow);border:1px solid var(--surface-border);transition:var(--transition);}
.card:hover{box-shadow:var(--shadow-hover);}
.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px;}
.card-title{font-size:1.25em;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px;}
.card-title i{color:var(--primary-color);font-size:1.1em;}
/* 上传区域 */