@import"https://npm.elemecdn.com/misans@4.0.0/lib/Normal/MiSans-Regular.min.css";@import"https://npm.elemecdn.com/misans@4.0.0/lib/Normal/MiSans-Medium.min.css";.app-container{min-height:100vh;background-color:#f9fafb;color:#1f2937;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-content{max-width:1280px;margin:0 auto;padding:1.5rem}.header{display:flex;align-items:center;gap:1rem;margin:1rem}.header-left{display:flex;align-items:center}.logo-item{height:20px;width:auto;max-width:120px;object-fit:contain;opacity:.8;transition:opacity .2s ease}.logo-item.logo-small{height:18px;max-width:85px}.logo-item.logo-large{height:22px;max-width:150px}.icon-container{padding:.75rem;background-color:#2563eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a}.icon-container .icon{width:2rem;height:2rem;color:#fff}.header-title h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.header-title p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.header-region{display:flex;align-self:center}.header-region p{color:#5b5b5b;font-size:x-small}[class*=region-]{gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;box-shadow:0 1px 2px #0000000d}.region-guangzhou:hover,.region-hongkong:hover{background-color:#f9fafb}.region-selected{background-color:#087ff7;color:#fff}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;box-shadow:0 1px 2px #0000000d}.refresh-button:hover:not(:disabled){background-color:#f9fafb}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{width:1rem;height:1rem}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;box-shadow:0 1px 2px #0000000d}.logout-icon{width:1rem;height:1rem}.message{margin-bottom:1.5rem;padding:1rem;border-radius:0 .375rem .375rem 0;display:flex;align-items:center}.message-error{background-color:#fef2f2;border-left:4px solid #ef4444}.message-success{background-color:#f0fdf4;border-left:4px solid #22c55e}.message-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;flex-shrink:0}.message-error .message-icon{color:#ef4444}.message-success .message-icon{color:#22c55e}.message-text{font-weight:500}.message-error .message-text{color:#b91c1c}.message-success .message-text{color:#15803d}.upload-area{margin-bottom:2rem;background-color:#fff;padding:2rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;text-align:center}.file-input{display:none}.upload-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:8rem;border:2px dashed;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;cursor:pointer}.upload-label.uploading{border-color:#d1d5db;background-color:#f9fafb}.upload-label:not(.uploading){border-color:#93c5fd;background-color:#eff6ff}.upload-label:not(.uploading):hover{background-color:#dbeafe}.upload-content{display:flex;flex-direction:column;align-items:center}.upload-icon{width:2.5rem;height:2.5rem;color:#3b82f6;margin-bottom:.5rem}.upload-text{color:#374151;font-weight:500;margin-bottom:.25rem}.upload-hint{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.file-list-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;margin:1rem}.file-list-header{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;background-color:#f9fafb;display:flex;justify-content:space-between;align-items:center}.file-list-title{font-weight:600;color:#374151;margin:0}.empty-state{padding:2.5rem;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center}.empty-icon{width:3rem;height:3rem;margin-bottom:.75rem;opacity:.2}.empty-text{margin:0;font-size:1rem}.file-table{width:100%;text-align:left;font-size:.875rem}.file-table th{padding:.75rem 1.5rem;font-weight:500;color:#6b7280;border-bottom:1px solid #f3f4f6}.file-table td{padding:1rem 1.5rem;border-bottom:1px solid #f9fafb;vertical-align:middle}.file-table tbody tr:hover{background-color:#f9fafb;transition:background-color .15s ease-in-out}.file-table tbody tr:last-child td{border-bottom:none}[class*=-icon]{width:1rem;height:1rem}.file-info{display:flex;align-items:center;font-weight:500;color:#111827}.file-info:hover{color:#3b82f6;cursor:pointer}.file-icon{width:1rem;height:1rem;color:#3b82f6;margin-right:.5rem;flex-shrink:0}.file-size,.file-status-complete{color:#4b5563;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.file-date{color:#4b5563}.file-actions{text-align:center}.download-button{color:#00a3d4;padding:.25rem;border-radius:.25rem;border:none;background:none;cursor:pointer;transition:all .15s ease-in-out}.download-button:hover{color:#0a6cbc;background-color:#fef2f2}.delete-button{color:#f87171;padding:.25rem;border-radius:.25rem;border:none;background:none;cursor:pointer;transition:all .15s ease-in-out}.delete-button:hover{color:#dc2626;background-color:#fef2f2}.action-button .action-icon{width:1rem;height:1rem}@media(max-width:768px){.main-content{padding:1rem}.header{flex-direction:column;gap:1rem;align-items:flex-start}.header-left{width:100%}.refresh-button{width:100%;justify-content:center;margin-left:2rem}.upload-area{padding:1.5rem}.file-table{font-size:.8rem}.file-table th,.file-table td{padding:.75rem 1rem}.file-table th:nth-child(2),.file-table td:nth-child(2){display:none}}@media(max-width:480px){.header-title h1{font-size:1.25rem}.upload-area{padding:1rem}.file-list-header{padding:.75rem 1rem}.file-table th,.file-table td{padding:.5rem .75rem}.file-table th:nth-child(3),.file-table td:nth-child(3){display:none}}:root{--primary-color: #337bbc;--primary-hover: #337bbc;--brand-blue: #3185ff;--bg-color: #f3f4f6;--card-bg: #ffffff;--text-main: #1f2937;--text-secondary: #6b7280;--input-border: #d1d5db;--font-stack: "MiSans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-color);background-image:linear-gradient(135deg,#e0e7ff,#f3f4f6);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo-area{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:1rem}.logo-item{object-fit:contain;margin:.5rem;transition:all .4s ease}.logo-item:hover{filter:grayscale(0%);opacity:1;transform:translateY(-2px)}.logo-large{height:30px}.logo-small{height:32px}.login-card{background:var(--card-bg);padding:2.5rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:380px;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-wrapper{position:relative}.login-input{width:100%;padding:12px 15px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;transition:all .2s;background-color:#f9fafb;box-sizing:border-box}.login-input:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #4f46e51a}.submit-btn{margin-top:10px;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:var(--primary-hover)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled,.btn-loading{background-color:#a5b4fc;cursor:not-allowed;opacity:.8;transform:none}.login-input:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--bg-color: #f3f4f6;--card-bg: #ffffff;--text-main: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--error-color: #ef4444;--header-height: 72px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main)}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 24px;background-color:var(--card-bg);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100;position:relative}.header-left{display:flex;align-items:center;z-index:2}.icon-container{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#e0e7ff;border-radius:8px;color:var(--primary-color)}.icon-container .icon{width:24px;height:24px}.header-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.header-center h1{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--text-main);white-space:nowrap}.logo-item{height:24px;width:auto;object-fit:contain;opacity:.8;transition:all .2s}.logo-item:hover{opacity:1;transform:scale(1.1)}.header-right{display:flex;align-items:center;gap:12px;z-index:2}.welcome{margin-right:8px;font-size:.95rem;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.header-center{position:static;transform:none;order:3;width:100%;margin-top:10px}.header{flex-wrap:wrap;height:auto;padding:16px}}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s ease;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500}.refresh-button{background-color:var(--primary-color);color:#fff;margin-right:12px}.refresh-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.refresh-button:disabled{background-color:#a5a6f6;cursor:not-allowed}.refresh-icon.spinning{animation:spin 1s linear infinite}.logout-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.logout-button:hover{background-color:#fee2e2;color:var(--error-color);border-color:#fecaca}.message{margin:20px 24px 0;padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:.95rem;animation:slideIn .3s ease-out}.message-icon{width:20px;height:20px}.message-error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.message-success{background-color:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.file-list-container{padding:24px;max-width:1200px;margin:0 auto}.files-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);height:calc(100vh - 150px);overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.files-container::-webkit-scrollbar{width:6px}.files-container::-webkit-scrollbar-track{background:transparent}.files-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.file-table th{background-color:#f9fafb;color:var(--text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;padding:16px 24px;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #00000005}.file-info{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-main);font-weight:500}.file-info:hover{color:var(--primary-color)}.file-icon{width:18px;height:18px;color:var(--text-secondary)}.file-info:hover .file-icon{color:var(--primary-color)}.file-size{color:var(--text-secondary);font-family:monospace}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--text-secondary);background:var(--card-bg);border-radius:12px;border:2px dashed var(--border-color)}.empty-icon{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:1rem;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.header{flex-wrap:wrap;height:auto;padding:16px;gap:12px}.welcome{width:100%;order:3;text-align:center;margin:8px 0}.header-left{margin-right:auto}}html,body,#root{margin:0;padding:0;overflow:hidden;height:100%}.container{height:100vh;max-height:100vh;background-color:#f9fafb;color:#1f2937;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.main{display:flex;gap:30px;flex:1;overflow-y:auto;min-height:0}.header{flex-shrink:0;margin-bottom:20px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.header-right{display:flex;align-items:center;flex-shrink:0}.back-button{background:none;border:1px solid #d1d5db;color:#3b82f6;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.header h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-area{display:flex;align-items:center;gap:12px}.logo-item{height:40px;width:auto;max-width:120px;object-fit:contain;opacity:.8;transition:opacity .2s ease}.logo-item:hover{opacity:1}.logo-item.logo-small{height:39px;max-width:85px}.logo-item.logo-large{height:48px;max-width:150px}.video-area{width:40%;flex-shrink:0;display:flex;flex-direction:column;gap:20px;overflow:hidden}.video-section{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;flex-shrink:0}.video-player{width:100%;aspect-ratio:16/9}.video-element{width:100%;height:100%;object-fit:cover}.summary-section{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;flex-shrink:0}.summary-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.summary-header .section-title{margin:0;padding:0;border:none;background:none;font-size:1.1rem;font-weight:600;color:#374151}.toggle-button{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.toggle-button:hover{background:#2563eb}.summary-content{padding:20px}.summary-content.collapsed{max-height:80px;overflow:hidden;position:relative}.summary-content.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fff)}.summary-content.expanded{max-height:none}.summary-text{margin:0;line-height:1.6;color:#374151;font-size:.95rem}.chapters-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.chapters-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.chapters-header .section-title{margin:0;padding:0;border:none;background:none;font-size:1.1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.chapters-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;max-height:500px}.chapter-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;text-align:left}.chapter-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.chapter-timestamp{font-size:.75rem;color:#059669;font-weight:600;margin-bottom:6px;background:#ecfdf5;display:inline-block;padding:2px 8px;border-radius:12px}.chapter-title{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 4px;line-height:1.3}.chapter-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.content-area{flex:1;min-height:600px;min-width:300px;display:flex;flex-direction:column;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.section-title{margin:0;font-size:1.1rem;font-weight:600;color:#374151;padding:0;border:none;background:none;display:flex;align-items:center;gap:8px}.section-title svg{color:#3b82f6;flex-shrink:0}.button-area{display:flex;align-items:center;gap:8px}.download-button{background:none;border:none;color:#3b82f6;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.download-button:hover{background:#eff6ff;color:#2563eb}.video-toggle-btn{background:none;border:none;color:#9ca3af;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.video-toggle-btn:hover{background:#f3f4f6}.video-toggle-btn.active{color:#3b82f6}.video-toggle-btn.active:hover{background:#eff6ff}.scripts-section{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;min-height:100px}.scripts-container{flex:1;overflow-y:auto;padding:16px 0;min-height:0}.script-item{padding:12px 20px;cursor:pointer;border-left:3px solid transparent;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.script-item:hover{background-color:#f9fafb;border-left-color:#d1d5db}.script-item.active{background-color:#eff6ff;border-left-color:#3b82f6}.script-timestamp{font-size:.875rem;color:#6b7280;font-weight:500;display:inline-block;margin-bottom:4px}.script-text{margin:0;font-size:.95rem;line-height:1.5;color:#374151}.empty-scripts{flex:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.empty-scripts svg{transform:scale(2.5);opacity:.2}.empty-scripts p{margin:0;opacity:.7}.scripts-container::-webkit-scrollbar,.chapters-container::-webkit-scrollbar{width:4px}.scripts-container::-webkit-scrollbar-track,.chapters-container::-webkit-scrollbar-track{background:#f1f5f9}.scripts-container::-webkit-scrollbar-thumb,.chapters-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scripts-container::-webkit-scrollbar-thumb:hover,.chapters-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1400px){.video-area{width:35%}}@media(max-width:1200px){.video-area{width:40%}}@media(max-width:1100px){.video-area{width:30%}}@media(max-width:900px){.main{flex-direction:column}.video-area{width:100%;max-width:600px;margin:0 auto}.content-area{width:100%;min-width:unset}}@media(max-width:640px){.container{padding:12px}.header{flex-direction:column;gap:12px;align-items:flex-start}.header-left{gap:12px;width:100%}.header-right{align-self:flex-end}.back-button{padding:6px}.back-button svg{width:16px;height:16px}.logo-area{gap:8px}.logo-item{height:32px;max-width:80px}.logo-item.logo-small{height:24px;max-width:60px}.logo-item.logo-large{height:40px;max-width:100px}.main{gap:16px}.section-title{gap:6px}.section-title svg{width:14px;height:14px}.video-toggle-btn{padding:4px 6px}.video-toggle-btn svg{width:14px;height:14px}}.scripts-container{flex:1;overflow-y:auto;padding:16px;min-height:0;line-height:1.6;background-color:#fcfbf6}.script-sentence{border-left:2px #2563eb solid;border-radius:2px;color:#272727;padding:4px 10px;transition:all .2s ease}.script-sentence-hl{border-left:4px #faa700 solid;border-radius:2px;padding:6px 10px;margin:8px 12px 8px 0;background-color:#fff;transition:all .2s ease}.script-highLighted{background-color:#ffbe3b;border-radius:4px;padding:2px}.script-transparent{background-color:transparent;cursor:pointer;padding:0,0,0,1px;letter-spacing:1px}