:root{--bg: #f7f8fa;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-input: #f1f3f5;--border: #e2e5ea;--text: #1a1d23;--text-muted: #6b7280;--accent: #6c5ce7;--accent-hover: #5a4bd1;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app{display:flex;height:100vh}.sidebar{width:200px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;padding:0 8px}.brand-mark{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--accent),#a78bfa)}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-item{text-align:left;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;transition:background .15s,color .15s}.nav-item:hover{background:#0000000a;color:var(--text)}.nav-item.active{background:#6c5ce729;color:var(--text);font-weight:500}.content{flex:1;overflow-y:auto;padding:28px 32px}.page{max-width:860px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:22px;font-weight:600;margin:0}.field{margin-bottom:18px}.field-row{display:flex;gap:20px}.field-row .field{flex:1}.field-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.input{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:10px 12px;font-size:14px;font-family:inherit}.input:focus{outline:none;border-color:var(--accent)}.textarea{resize:vertical}.segmented{display:inline-flex;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.segment{border:none;background:transparent;color:var(--text-muted);padding:8px 16px;cursor:pointer;font-size:13px}.segment.active{background:var(--accent);color:#fff}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer}.mode-card.active{border-color:var(--accent);background:#6c5ce71a}.mode-title{font-weight:600}.mode-hint{font-size:12px;color:var(--text-muted)}.upload-row{display:flex;align-items:center;gap:12px}.thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:8px 16px;border-radius:var(--radius);cursor:pointer;font-size:14px;transition:background .15s}.btn:hover{background:#eef0f3}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--danger);border-color:#e5484d66}.message{margin-top:16px;color:var(--text-muted)}.message.error{color:var(--danger)}.muted{color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-media video{width:100%;aspect-ratio:16 / 9;background:#000;display:block}.card-media .placeholder{width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center}.card-body{padding:12px;display:flex;flex-direction:column;gap:8px}.card-meta{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.badge.provider{text-transform:capitalize}.badge.succeeded{color:var(--success);border-color:#30a46c66}.badge.failed{color:var(--danger);border-color:#e5484d66}.badge.processing{color:var(--warning);border-color:#f5a52466}.badge.pending{color:var(--text-muted)}.card-prompt{margin:0;font-size:13px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-error{margin:0;font-size:12px;color:var(--danger)}.card-footer{display:flex;flex-direction:column;gap:8px;margin-top:8px}.card-footer .muted{font-size:12px}.empty{padding:60px 0;text-align:center}.provider-status{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.status-row{display:flex;align-items:center;justify-content:space-between}.form{max-width:520px}.task-status{margin-top:16px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);font-size:14px;color:var(--text)}.task-status.failed{border-color:#e5484d80;color:var(--danger)}.task-status.succeeded{border-color:#30a46c80;color:var(--success)}.task-error{word-break:break-all}.version{margin-top:24px;font-size:12px}.key-list{max-width:520px;display:flex;flex-direction:column;gap:12px}.key-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.key-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.key-head .field-label{margin-bottom:0}.key-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.key-edit{display:flex;flex-direction:column;gap:10px}.key-actions{display:flex;gap:8px}.secret-hint{font-size:13px;letter-spacing:.5px}.show-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;margin-top:4px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}.checkbox-row input{width:16px;height:16px;cursor:pointer}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.header-actions{display:flex;gap:8px}.select{width:auto;padding:8px 12px}.card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.btn-mini{border:1px solid var(--border);background:var(--bg-input);color:var(--text);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px}.btn-mini:hover{background:#e8eaee}.btn-mini.danger{color:var(--danger);border-color:#dc262659}.asset-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#000}.card-check{position:absolute;top:8px;left:8px;width:18px;height:18px;cursor:pointer}.card-media{position:relative}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:16px}.login-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;justify-content:center;margin-bottom:4px}.login-card h2{margin:0;font-size:18px;text-align:center}.btn.full{width:100%}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.user-info{display:flex;align-items:center;gap:8px;padding:0 8px}.user-name{font-weight:600;font-size:14px}.btn.logout{width:100%;text-align:center}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.stat-num{font-size:28px;font-weight:700;color:var(--accent)}.stat-label{font-size:13px;color:var(--text-muted);margin-top:4px}.admin-section{margin-bottom:24px}.admin-section h2{font-size:16px;margin:0 0 12px}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;font-size:13px;border-bottom:1px solid var(--border)}.admin-table th{background:var(--bg-input);font-weight:600;color:var(--text-muted)}.admin-table tr:last-child td{border-bottom:none}.ellipsis{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-row{display:flex;gap:8px}.code-row .input{flex:1}.code-row .btn{flex-shrink:0;white-space:nowrap}