:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.speaking-box{border-top:1px dashed #e5e7eb;margin-top:12px;padding-top:10px}.speaking-buttons{flex-wrap:wrap;gap:8px;display:flex}.speaking-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.speaking-btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.speaking-btn:disabled{opacity:.45;cursor:not-allowed}.speech-result{color:#475569;margin:8px 0 0;font-size:13px;line-height:1.5}.score-result{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:5px;margin-top:10px;padding:10px;font-size:13px;display:grid}.score-result strong{color:#2563eb;font-size:15px}.score-result span{color:#475569}.score-result p{margin:0}body{color:#1f2937;background:#f3f6fb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app{min-height:100vh;padding:28px}.top-header{background:linear-gradient(135deg,#fff,#eef5ff);border-radius:24px;max-width:1180px;margin:0 auto 20px;padding:28px;box-shadow:0 12px 40px #0f172a14}.small-title{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-weight:700}h1{margin:0;font-size:34px}.top-header p{color:#64748b;line-height:1.7}.upload-area{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1180px;margin:0 auto 20px;display:grid}.upload-card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px #0f172a0f}.upload-card label{margin-bottom:10px;font-weight:700;display:block}.upload-card input{width:100%}.main-layout{grid-template-columns:1.15fr .85fr;align-items:start;gap:20px;max-width:1180px;margin:0 auto;display:grid}.video-section,.study-section{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #0f172a14}.video-section video{aspect-ratio:16/9;background:#000;width:100%;display:block}.empty-video{color:#94a3b8;background:#0f172a;place-items:center;height:420px;display:grid}.tab-bar{background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);display:grid}.tab-bar button{cursor:pointer;color:#64748b;background:#fff;border:none;padding:16px 8px;font-weight:700}.tab-bar button.active{color:#fff;background:#2563eb}.subtitle-list{height:620px;padding:10px;overflow-y:auto}.subtitle-item{cursor:pointer;border:1px solid #0000;border-radius:18px;grid-template-columns:62px 1fr 42px;gap:10px;padding:16px 12px;display:grid}.subtitle-item:hover{background:#f8fafc}.subtitle-item.current{background:#eff6ff;border-color:#93c5fd}.time{color:#94a3b8;padding-top:4px;font-weight:700}.subtitle-content p{margin:0}.english-line{color:#111827;font-size:20px;line-height:1.5}.chinese-line{color:#94a3b8;line-height:1.5;margin-top:6px!important}.word-button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0 1px;font-weight:700}.word-button:hover{text-decoration:underline}.heart-button{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px}.practice-box{padding:24px}.practice-box h2{margin-top:0}.label{color:#64748b;font-weight:700}.big-sentence{background:#f8fafc;border-radius:16px;padding:18px;font-size:24px;line-height:1.6}.tip{color:#64748b;line-height:1.7}textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:16px;width:100%;min-height:140px;padding:14px}.answer-box{background:#f8fafc;border-radius:16px;margin-top:18px;padding:16px;line-height:1.6}.vocab-list{gap:10px;display:grid}.vocab-item{background:#f8fafc;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.vocab-item span{font-size:20px;font-weight:700}.vocab-item button{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:999px;padding:6px 12px}.empty-text{color:#94a3b8;padding:24px;line-height:1.7}@media (width<=900px){.app{padding:14px}.upload-area,.main-layout{grid-template-columns:1fr}.subtitle-list{height:520px}}.speed-bar{color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:flex}.speed-bar button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:6px 14px;font-weight:700}.speed-bar button.speed-active{color:#fff;background:#2563eb;border-color:#2563eb}.segment-duration{color:#64748b;margin:0 0 8px;font-size:14px;line-height:1.4}.segment-control-row{align-items:center;gap:12px;margin-top:12px;display:flex}.segment-play-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;flex-shrink:0;width:40px;height:40px;font-size:16px;font-weight:700}.segment-play-button:hover{opacity:.9}.segment-progress{cursor:pointer;flex:1;margin:0}.course-area{background:#fff;border-radius:24px;max-width:1180px;margin:0 auto 20px;padding:22px;box-shadow:0 12px 40px #0f172a14}.course-title-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.course-title-row h2{margin:0}.course-tip{color:#64748b;margin:0}.course-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;padding:18px}.course-card strong{color:#111827;margin-bottom:8px;font-size:18px;display:block}.course-card:hover{background:#eff6ff;border-color:#93c5fd}.course-card.selected{opacity:1;background:#fff;border:2px solid #2563eb;position:relative;transform:translateY(-3px);box-shadow:0 16px 36px #2563eb2e}.course-card.selected:after{content:"正在学习";color:#fff;z-index:2;background:#2563eb;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;position:absolute;top:12px;right:12px}.course-card.selected strong{color:#111827}.course-card.selected span{color:#64748b}.course-card.selected .course-meta span{color:#2563eb}.course-card.selected .course-tags em{color:#92400e}@media (width<=900px){.course-title-row{flex-direction:column;align-items:flex-start}.course-list{grid-template-columns:1fr}}.course-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.course-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.course-card:hover{background:#eff6ff;border-color:#93c5fd;transition:all .2s;transform:translateY(-2px)}.course-card.selected{background:#fff;border-color:#2563eb;box-shadow:0 12px 30px #2563eb2e}.course-cover{object-fit:cover;background:#e5e7eb;width:100%;height:180px;display:block}.course-card-body{padding:16px}.course-card strong{color:#111827;margin-bottom:8px;font-size:18px;line-height:1.4;display:block}.course-card span{color:#64748b;line-height:1.6;display:block}.course-meta{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.course-meta span{color:#31558f;background:#eef4ff;border-radius:999px;padding:4px 10px;font-size:13px;line-height:1.2;display:inline-block}.course-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.course-tags em{color:#92400e;background:#fef3c7;border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal}@media (width<=900px){.course-list{grid-template-columns:1fr}.course-cover{height:200px}}.category-bar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.category-bar button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;padding:8px 16px;font-weight:700}.category-bar button:hover{background:#eff6ff;border-color:#93c5fd}.category-bar button.category-active{color:#fff;background:#2563eb;border-color:#2563eb}.word-modal-mask{z-index:50;background:#0f172a59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.word-modal{background:#fff;border-radius:24px;width:min(520px,100%);padding:24px;position:relative;box-shadow:0 24px 80px #0f172a40}.word-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.word-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.word-modal-header h2{color:#111827;margin:0;font-size:34px}.word-modal-header p{color:#64748b;margin:6px 0 0;font-size:16px}.word-star{color:#92400e;cursor:pointer;background:#fef3c7;border:none;border-radius:999px;width:42px;height:42px;font-size:24px}.word-type{color:#166534;background:#dcfce7;border-radius:999px;margin-bottom:16px;padding:6px 12px;font-weight:700;display:inline-block}.word-meaning,.word-example{background:#f8fafc;border-radius:18px;margin-top:12px;padding:16px}.word-meaning p,.word-example p{color:#111827;margin:8px 0 0;font-size:18px;line-height:1.6}.word-example span{color:#64748b;margin-top:8px;line-height:1.6;display:block}.pronunciation-list{gap:8px;margin-top:12px;display:grid}.pronunciation-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pronunciation-row span{color:#2563eb;background:#eff6ff;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.pronunciation-row strong{color:#111827;font-size:16px}.pronunciation-row button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.pronunciation-row button:hover{opacity:.9}.listen-control-bar{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:10px;padding:12px 16px;display:flex}.listen-control-bar button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;padding:8px 14px;font-weight:700}.listen-control-bar button:hover{background:#eff6ff;border-color:#93c5fd}.listen-control-bar button.control-active{color:#fff;background:#2563eb;border-color:#2563eb}.hidden-subtitle-tip{color:#94a3b8;background:#f8fafc;border-radius:12px;margin:8px 0 0;padding:12px}.dictation-box{min-height:520px}.dictation-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.dictation-header h2{margin-bottom:6px}.dictation-header p{color:#64748b;margin:0}.dictation-badge{color:#2563eb;background:#eff6ff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.dictation-controls{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.dictation-controls button,.dictation-action-row button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;padding:9px 16px;font-weight:700}.dictation-controls button.primary,.dictation-action-row button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.dictation-controls button:hover,.dictation-action-row button:hover{opacity:.9}.dictation-action-row{gap:10px;margin-top:14px;display:flex}.dictation-result{gap:12px;margin-top:18px;display:grid}.dictation-result-card{background:#f8fafc;border-radius:18px;padding:16px}.dictation-result-card strong{color:#334155}.dictation-result-card p{color:#111827;margin:8px 0 0;font-size:18px;line-height:1.6}.dictation-status{border-radius:18px;padding:14px 16px;font-weight:800}.dictation-status.correct{color:#166534;background:#dcfce7}.dictation-status.wrong{color:#92400e;background:#fef3c7}.repeat-box{min-height:520px}.repeat-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.repeat-header h2{margin-bottom:6px}.repeat-header p{color:#64748b;margin:0}.recording-badge{color:#2563eb;background:#eff6ff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.recording-badge.active{color:#b91c1c;background:#fee2e2}.repeat-translation{color:#64748b;background:#f8fafc;border-radius:16px;margin-top:-8px;padding:14px 16px;line-height:1.6}.repeat-controls{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.repeat-controls button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;padding:9px 16px;font-weight:700}.repeat-controls button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.repeat-controls button.recording-now{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.repeat-controls button:disabled{opacity:.5;cursor:not-allowed}.recording-error{color:#b91c1c;background:#fee2e2;border-radius:14px;padding:12px 14px;line-height:1.6}.recording-panel{background:#f8fafc;border-radius:18px;gap:12px;padding:16px;display:grid}.recording-panel strong{color:#334155}.recording-panel p{color:#64748b;margin:0;line-height:1.6}.recording-panel audio{width:100%}.delete-recording{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:999px;justify-self:start;padding:8px 14px;font-weight:700}.vocab-page{min-height:520px}.vocab-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.vocab-page-header h2{margin-bottom:6px}.vocab-page-header p{color:#64748b;margin:0}.vocab-card-list{gap:16px;display:grid}.vocab-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 8px 24px #0f172a0f}.vocab-card.mastered{background:#f0fdf4;border-color:#bbf7d0}.vocab-card-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.vocab-card-top h3{color:#111827;margin:0;font-size:30px}.vocab-card-top span{color:#2563eb;background:#eff6ff;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.mastered-button{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;padding:8px 14px;font-weight:700}.mastered-button.active{color:#fff;background:#16a34a;border-color:#16a34a}.vocab-pronunciation{gap:8px;margin-bottom:14px;display:grid}.vocab-pronunciation div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vocab-pronunciation span{color:#31558f;background:#eef4ff;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.vocab-pronunciation strong{color:#111827}.vocab-pronunciation button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:5px 10px}.vocab-meaning,.vocab-example{background:#f8fafc;border-radius:16px;margin-top:10px;padding:14px}.vocab-meaning strong,.vocab-example strong{color:#334155}.vocab-meaning p,.vocab-example p{color:#111827;margin:8px 0 0;font-size:17px;line-height:1.6}.vocab-example span{color:#64748b;margin-top:6px;line-height:1.6;display:block}.vocab-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.vocab-actions button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;padding:8px 14px;font-weight:700}.vocab-actions button:hover{background:#eff6ff}.vocab-actions .delete-vocab{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.stats-area{background:#fff;border-radius:24px;max-width:1180px;margin:0 auto 20px;padding:22px;box-shadow:0 12px 40px #0f172a14}.stats-title-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.stats-title-row h2{margin:0}.stats-title-row p{color:#64748b;margin:0}.stats-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.stats-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.stats-card span{color:#64748b;font-size:13px;font-weight:700;display:block}.stats-card strong{color:#111827;margin-top:8px;font-size:30px;line-height:1;display:block}.stats-card p{color:#94a3b8;margin:10px 0 0;font-size:13px;line-height:1.5}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.stats-title-row{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}}.course-detail-area{background:#fff;border-radius:24px;max-width:1180px;margin:0 auto 20px;padding:22px;box-shadow:0 12px 40px #0f172a14}.course-detail-hero{grid-template-columns:360px 1fr;align-items:stretch;gap:24px;display:grid}.course-detail-cover{object-fit:cover;background:#e5e7eb;border-radius:20px;width:100%;height:100%;min-height:260px}.course-detail-content h2{color:#111827;margin:0;font-size:32px}.course-detail-desc{color:#64748b;margin:12px 0 0;line-height:1.7}.course-detail-meta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.course-detail-meta span{color:#31558f;background:#eef4ff;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:700}.course-detail-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.course-detail-tags em{color:#92400e;background:#fef3c7;border-radius:999px;padding:6px 12px;font-size:13px;font-style:normal;font-weight:700}.course-detail-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.course-detail-actions button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;padding:10px 18px;font-weight:800}.course-detail-actions button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.course-detail-actions button:hover{opacity:.9}.course-selling-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.course-selling-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.course-selling-card h3{color:#111827;margin:0 0 12px}.course-selling-card ul{color:#64748b;margin:0;padding-left:20px;line-height:1.8}@media (width<=900px){.course-detail-hero{grid-template-columns:1fr}.course-detail-cover{height:220px}.course-selling-grid{grid-template-columns:1fr}}.simple-course-detail{background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto 20px;padding:22px;display:flex;box-shadow:0 12px 40px #0f172a14}.simple-course-detail h2{color:#111827;margin:0}.simple-course-detail p{color:#64748b;margin:8px 0 0;line-height:1.7}.simple-course-meta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.simple-course-meta span{color:#31558f;background:#eef4ff;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:700}.simple-course-detail button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;flex-shrink:0;padding:12px 22px;font-weight:800}.simple-course-detail button:hover{opacity:.9}@media (width<=900px){.simple-course-detail{flex-direction:column;align-items:flex-start}}@media (width<=768px){body{background:#f3f6fb}.app{padding:12px}.top-header{border-radius:20px;margin-bottom:14px;padding:20px 16px}.top-header h1{font-size:24px;line-height:1.3}.top-header p{font-size:14px}.small-title{font-size:12px}.course-area,.stats-area,.simple-course-detail{border-radius:20px;margin-bottom:14px;padding:16px}.course-title-row,.stats-title-row{flex-direction:column;align-items:flex-start;gap:8px}.course-title-row h2,.stats-title-row h2{font-size:22px}.category-bar{flex-wrap:nowrap;margin-bottom:14px;padding-bottom:6px;overflow-x:auto}.category-bar button{flex-shrink:0;padding:9px 16px;font-size:15px}.course-list{grid-template-columns:1fr;gap:14px}.course-card{border-radius:20px}.course-cover{height:190px}.course-card-body{padding:14px}.course-card strong{font-size:18px}.course-card span{font-size:14px}.course-meta{gap:8px}.course-meta span{font-size:12px}.simple-course-detail{flex-direction:column;align-items:flex-start}.simple-course-detail h2{font-size:22px}.simple-course-detail button{width:100%;padding:13px 20px;font-size:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-card{padding:14px}.stats-card strong{font-size:26px}.upload-area{grid-template-columns:1fr;gap:10px}.upload-card{border-radius:18px;padding:14px}.upload-card label{font-size:15px}.main-layout{grid-template-columns:1fr;gap:14px}.video-section{z-index:20;border-radius:18px;position:sticky;top:0}.video-section video,.empty-video{aspect-ratio:16/9;height:auto;min-height:auto}.study-section{border-radius:20px}.tab-bar{z-index:15;position:sticky;top:0}.tab-bar button{padding:14px 6px;font-size:15px}.speed-bar,.listen-control-bar{flex-wrap:nowrap;padding:10px 12px;overflow-x:auto}.speed-bar span{flex-shrink:0}.speed-bar button,.listen-control-bar button{flex-shrink:0;padding:8px 14px;font-size:14px}.subtitle-list{height:auto;max-height:none;padding:8px}.subtitle-item{border-radius:16px;grid-template-columns:48px 1fr 30px;gap:8px;padding:14px 10px}.time{font-size:14px}.segment-duration{font-size:13px}.english-line{font-size:19px;line-height:1.6}.chinese-line{font-size:15px;line-height:1.6}.heart-button{font-size:20px}.segment-control-row{gap:10px;margin-top:12px}.segment-play-button{width:38px;height:38px;font-size:15px}.segment-progress{min-width:0}.practice-box{padding:18px}.practice-box h2{font-size:22px}.big-sentence{padding:16px;font-size:21px;line-height:1.6}textarea{min-height:130px;font-size:16px}.dictation-header,.repeat-header,.vocab-page-header{flex-direction:column;align-items:flex-start}.dictation-controls,.dictation-action-row,.repeat-controls,.vocab-actions{grid-template-columns:1fr;gap:10px;display:grid}.dictation-controls button,.dictation-action-row button,.repeat-controls button,.vocab-actions button{width:100%;padding:12px 16px;font-size:15px}.recording-panel{padding:14px}.vocab-card{border-radius:20px;padding:16px}.vocab-card-top{flex-direction:column;align-items:flex-start}.vocab-card-top h3{font-size:28px}.mastered-button{text-align:center;width:100%}.vocab-pronunciation div{flex-direction:column;align-items:flex-start}.word-modal{border-radius:22px;padding:22px 18px}.word-modal-header{flex-direction:column}.word-modal-header h2{font-size:30px}.pronunciation-row{flex-direction:column;align-items:flex-start}}@media (width<=430px){.stats-grid{grid-template-columns:1fr}.course-cover{height:170px}.english-line{font-size:18px}.subtitle-item{grid-template-columns:42px 1fr 26px}.top-header h1{font-size:22px}}.admin-tools{background:#fff;border-radius:20px;max-width:1180px;margin:0 auto 20px;padding:16px 18px;box-shadow:0 8px 28px #0f172a0f}.admin-tools summary{cursor:pointer;color:#64748b;font-weight:800;list-style:none}.admin-tools summary::-webkit-details-marker{display:none}.admin-tools summary:before{content:"⚙️";margin-right:8px}.admin-tools[open] summary{color:#2563eb;margin-bottom:14px}.admin-upload-area{margin:0}.activation-area{background:#fff7ed;border:1px solid #fed7aa;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto 20px;padding:22px;display:flex;box-shadow:0 12px 40px #0f172a14}.activation-area.activated{background:#f0fdf4;border-color:#bbf7d0}.activation-area h2{color:#111827;margin:0}.activation-area p{color:#64748b;margin:8px 0 0;line-height:1.6}.activation-form{gap:10px;min-width:320px;display:grid}.activation-form input{border:1px solid #fdba74;border-radius:999px;outline:none;padding:12px 16px;font-weight:700}.activation-form input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.activation-form button,.deactivate-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:12px 18px;font-weight:800}.deactivate-button{background:#16a34a}.activation-error{font-weight:700;color:#b91c1c!important;margin:0!important}.course-card.locked{opacity:.65;filter:grayscale(.2)}.course-card.locked:after{content:"🔒 请输入激活码后学习";color:#c2410c;text-align:center;background:#fff7ed;border-radius:999px;margin:0 16px 16px;padding:8px 12px;font-weight:800;display:block}@media (width<=768px){.activation-area{flex-direction:column;align-items:stretch;padding:18px}.activation-form{min-width:0}.activation-form button,.deactivate-button{width:100%}}.speaking-panel{background:#f8fafc;border:1px solid #dbeafe;border-radius:20px;margin-top:18px;padding:18px}.speaking-panel-label{color:#64748b;margin:0 0 10px;font-size:13px;font-weight:700}.speaking-panel-en{color:#2563eb;margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.45}.speaking-panel-zh{color:#64748b;margin:0 0 14px;font-size:16px;line-height:1.6}.top-header{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:28px;margin:0 auto 22px;padding:34px 30px;box-shadow:0 18px 45px #0f172a0f}.top-header{background:radial-gradient(circle at 100% 0,#2563eb14,#0000 34%),#fff;border:1px solid #e2e8f0e6;border-radius:34px;justify-content:space-between;align-items:center;gap:28px;margin:0 auto 24px;padding:42px 38px;display:flex;box-shadow:0 24px 70px #0f172a12}.hero-copy{max-width:720px}.top-header .small-title{letter-spacing:.18em;text-transform:uppercase;color:#2563eb;margin:0 0 14px;font-size:13px;font-weight:800}.top-header h1{letter-spacing:-.055em;color:#0f172a;margin:0;font-size:42px;line-height:1.08}.top-header .hero-subtitle{color:#64748b;max-width:650px;margin:16px 0 0;font-size:17px;line-height:1.8}.hero-access-badge{background:#f8fafce6;border:1px solid #e2e8f0;border-radius:24px;align-items:center;gap:12px;min-width:230px;padding:16px 18px;display:flex;box-shadow:0 12px 32px #0f172a0f}.access-dot{background:#22c55e;border-radius:999px;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 0 6px #22c55e1f}.hero-access-badge strong{color:#0f172a;font-size:15px;line-height:1.3;display:block}.hero-access-badge p{color:#64748b;margin:4px 0 0;font-size:13px}@media (width<=900px){.top-header{flex-direction:column;align-items:flex-start;padding:34px 26px}.top-header h1{font-size:34px}.hero-access-badge{width:100%}}.course-area{grid-template-rows:auto 1fr;grid-template-columns:240px 1fr;align-items:start;gap:18px 24px;display:grid}.course-title-row{grid-area:1/1;display:block;position:sticky;top:24px}.category-bar{flex-direction:column;grid-area:2/1;align-self:start;gap:10px;display:flex;position:sticky;top:120px}.category-bar button{text-align:left;justify-content:flex-start;width:100%}.course-list{grid-area:1/2/span 2;grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px;max-height:620px;padding-right:8px;display:grid;overflow-y:auto}.course-list .course-card{min-height:auto}.course-list img,.course-cover{object-fit:cover;max-height:160px}@media (width<=900px){.course-area{display:block}.course-title-row,.category-bar{position:static}.category-bar{flex-direction:row;margin-bottom:16px;overflow-x:auto}.category-bar button{white-space:nowrap;width:auto}.course-list{grid-template-columns:1fr;max-height:none;overflow:visible}}.category-group{flex-direction:column;gap:8px;display:flex}.category-main-button{align-items:center;gap:8px;display:flex}.category-arrow{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:16px;font-size:14px;display:inline-flex}.category-active .category-arrow{color:#fff}.sub-category-list{border-left:2px solid #dbeafe;flex-direction:column;gap:8px;margin-left:20px;padding-left:12px;display:flex}.sub-category-button{color:#475569;text-align:left;cursor:pointer;background:#f8fbff;border:1px dashed #bfdbfe;border-radius:999px;width:100%;padding:10px 14px;font-size:15px}.sub-category-button:hover{color:#2563eb;background:#eff6ff}.sub-category-active{color:#2563eb;background:#dbeafe;border-color:#93c5fd;font-weight:700}.word-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0 2px;display:inline}.word-button:hover{color:#2563eb;text-decoration:underline}.word-card,.word-panel,.word-popup,.selected-word-card{z-index:9999!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:22px!important;width:340px!important;max-width:calc(100vw - 40px)!important;padding:20px!important;position:fixed!important;bottom:28px!important;right:28px!important;box-shadow:0 24px 60px #0f172a2e!important}.word-title{color:#0f172a;margin-bottom:10px;font-size:26px;font-weight:800}.word-pronunciation,.word-phonetic-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.word-pronunciation button,.word-phonetic-row button{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:999px;padding:8px 12px;font-weight:600}.word-type{color:#92400e;background:#fef3c7;border-radius:999px;margin:8px 0;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.word-meaning,.word-example{color:#334155;margin-top:12px;line-height:1.6}.word-meaning strong,.word-example strong{color:#0f172a}.word-star{cursor:pointer;background:#f8fafc;border:none;border-radius:999px;padding:8px 12px}@media (width>=901px){#study-player{max-width:1180px;margin:0 auto}#study-player .study-layout,#study-player .practice-layout,#study-player .player-layout,#study-player .lesson-layout,#study-player .learning-layout{flex-direction:column!important;align-items:center!important;gap:22px!important;display:flex!important}#study-player .video-panel,#study-player .player-panel,#study-player .video-card,#study-player .player-card{width:min(100%,980px)!important;max-width:980px!important;margin:0 auto!important}#study-player video{border-radius:20px;object-fit:contain!important;width:100%!important;max-height:62vh!important;margin:0 auto!important;display:block!important}#study-player .subtitle-panel,#study-player .subtitle-card,#study-player .subtitle-list,#study-player .captions-panel{width:min(100%,980px)!important;max-width:980px!important;max-height:340px!important;margin:0 auto!important;overflow-y:auto!important}main#study-player.main-layout{flex-direction:column!important;align-items:center!important;gap:22px!important;width:100%!important;max-width:1180px!important;margin:32px auto!important;display:flex!important}main#study-player>.video-section video{object-fit:contain!important;border-radius:20px!important;width:100%!important;height:auto!important;max-height:68vh!important;margin:0 auto!important;display:block!important}main#study-player>section:not(.video-section),main#study-player>aside,main#study-player .subtitle-panel,main#study-player .transcript-panel,main#study-player .practice-panel{width:min(100%,1080px)!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}main#study-player .subtitle-list,main#study-player .transcript-list{max-height:360px!important;overflow-y:auto!important}main#study-player.main-layout{flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;max-width:1120px!important;margin:0 auto 48px!important;padding-top:34px!important;scroll-margin-top:96px!important;display:flex!important}main#study-player>*{width:min(92vw,960px)!important;max-width:960px!important;margin-left:auto!important;margin-right:auto!important}main#study-player>.video-section video{object-fit:contain!important;background:#000!important;border-radius:20px!important;width:100%!important;height:auto!important;max-height:46vh!important;margin:0 auto!important;display:block!important}main#study-player button{min-height:34px!important;padding:7px 14px!important;font-size:15px!important}main#study-player [class*=tab],main#study-player [class*=control],main#study-player [class*=toolbar]{padding-top:10px!important;padding-bottom:10px!important}main#study-player [class*=subtitle],main#study-player [class*=transcript],main#study-player [class*=caption]{max-width:960px!important}main#study-player [class*=subtitle-list],main#study-player [class*=transcript-list],main#study-player [class*=caption-list]{max-height:340px!important;overflow-y:auto!important}main#study-player.main-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:min(100%,1040px)!important;max-width:1040px!important;margin:18px auto 56px!important;padding:18px 18px 0!important;scroll-margin-top:110px!important;display:grid!important}main#study-player>.video-section{width:100%!important;max-width:940px!important;margin:0 auto!important}main#study-player>.video-section video{object-fit:contain!important;background:#000!important;border-radius:18px!important;width:100%!important;height:auto!important;min-height:260px!important;max-height:42vh!important;margin:0 auto!important;display:block!important}main#study-player>section:not(.video-section),main#study-player>div:not(.video-section),main#study-player>aside{width:100%!important;max-width:940px!important;margin-left:auto!important;margin-right:auto!important}.speed-control,.listen-control-bar{display:none!important}.subtitle-list,.transcript-list,[class*=subtitle-list],[class*=transcript-list]{max-height:38vh!important;overflow-y:auto!important}.subtitle-card,.sentence-card,.transcript-item,[class*=subtitle-item],[class*=sentence-item]{margin-bottom:12px!important}}.sentence-mini-controls{border-top:1px solid #e5eaf3;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;display:flex}.sentence-mini-controls button{color:#475569;cursor:pointer;background:#f8fbff;border:1px solid #dbeafe;border-radius:999px;padding:6px 12px;font-size:13px}@media (width>=901px){main#study-player.main-layout{grid-template-columns:minmax(0,3fr) minmax(320px,1fr)!important;align-items:start!important;gap:18px!important;width:min(96vw,1480px)!important;max-width:1480px!important;margin:24px auto 64px!important;padding:0 18px!important;scroll-margin-top:96px!important;display:grid!important}main#study-player>.video-section{grid-area:1/1!important;width:100%!important;max-width:none!important;margin:0!important}main#study-player>.video-section video{object-fit:contain!important;background:#000!important;border-radius:18px!important;width:100%!important;height:auto!important;max-height:74vh!important;margin:0!important;display:block!important}main#study-player>section:not(.video-section),main#study-player>div:not(.video-section),main#study-player>aside{grid-column:2!important;width:100%!important;max-width:none!important;margin:0!important}main#study-player [class*=subtitle],main#study-player [class*=transcript],main#study-player [class*=caption]{max-width:none!important}main#study-player [class*=subtitle-list],main#study-player [class*=transcript-list],main#study-player [class*=caption-list]{max-height:66vh!important;padding-right:6px!important;overflow-y:auto!important}main#study-player .speed-control,main#study-player .listen-control-bar{display:none!important}}.word-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;margin:0 1px;padding:0 2px;transition:all .15s}.word-button:hover{color:#2563eb;background:#eff6ff}.rare-word{color:#0f766e!important;background:#2dd4bf21!important;padding:2px 5px!important;font-weight:700!important}.spoken-word{color:#fff!important;background:#2563eb!important;font-weight:800!important}.word-button{transition:color .12s,font-weight .12s;color:inherit!important;font:inherit!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0 1px!important;padding:0 2px!important}.word-button:hover{text-decoration:underline;color:#2563eb!important;background:0 0!important}.rare-word{text-underline-offset:3px;-webkit-text-decoration:underline #0f766e59;text-decoration:underline #0f766e59;color:#0f766e!important;background:0 0!important;font-weight:700!important}.spoken-word{color:#1d4ed8!important;background:0 0!important;font-weight:900!important;text-decoration:none!important}html,body,#root{overflow-x:hidden!important}*{box-sizing:border-box}@media (width>=901px){main#study-player.main-layout{grid-template-columns:minmax(0,7fr) minmax(300px,3fr)!important;align-items:start!important;gap:18px!important;width:calc(100vw - 80px)!important;max-width:1380px!important;margin:24px auto 64px!important;padding:0!important;scroll-margin-top:96px!important;display:grid!important}main#study-player>.video-section{grid-column:1!important;width:100%!important;max-width:none!important;margin:0!important}main#study-player>.video-section video{object-fit:contain!important;background:#000!important;border-radius:18px!important;width:100%!important;max-height:72vh!important;display:block!important}main#study-player>section:not(.video-section),main#study-player>div:not(.video-section),main#study-player>aside{grid-column:2!important;width:100%!important;max-width:none!important;margin:0!important}main#study-player [class*=subtitle-list],main#study-player [class*=transcript-list],main#study-player [class*=caption-list]{max-height:64vh!important;padding-right:4px!important;overflow:hidden auto!important}}.english-line{text-align:left!important;word-spacing:normal!important;letter-spacing:normal!important;white-space:normal!important;color:#0f172a!important;font-size:17px!important;line-height:1.75!important;display:block!important}.english-line .word-button{width:auto!important;min-width:0!important;color:inherit!important;font:inherit!important;line-height:inherit!important;vertical-align:baseline!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0 1px!important;display:inline!important}.chinese-line{text-align:left!important;font-size:15px!important;line-height:1.75!important}html,body,#root{width:100%;max-width:100%;overflow-x:hidden!important}@media (width>=901px){main#study-player.main-layout{grid-template-columns:minmax(0,1fr) 420px!important;align-items:start!important;gap:18px!important;width:calc(100vw - 220px)!important;min-width:0!important;max-width:1280px!important;margin:24px auto 64px!important;padding:0!important;scroll-margin-top:96px!important;display:grid!important;overflow:visible!important}main#study-player>.video-section{grid-area:1/1!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}main#study-player>.video-section video{object-fit:contain!important;background:#000!important;border-radius:18px!important;width:100%!important;height:auto!important;max-height:72vh!important;display:block!important}main#study-player>section:not(.video-section),main#study-player>div:not(.video-section),main#study-player>aside{grid-area:1/2!important;width:420px!important;min-width:420px!important;max-width:420px!important;margin:0!important;overflow:hidden!important}main#study-player [class*=subtitle-list],main#study-player [class*=transcript-list],main#study-player [class*=caption-list]{max-height:62vh!important;padding-right:6px!important;overflow:hidden auto!important}}@media (width<=1200px){main#study-player.main-layout{flex-direction:column!important;width:calc(100vw - 48px)!important;max-width:1000px!important;margin:24px auto 64px!important;display:flex!important}main#study-player>.video-section,main#study-player>section:not(.video-section),main#study-player>div:not(.video-section),main#study-player>aside{width:100%!important;min-width:0!important;max-width:100%!important}main#study-player>.video-section video{max-height:54vh!important}}.english-line{text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#0f172a!important;width:100%!important;max-width:100%!important;font-size:16px!important;line-height:1.7!important;display:block!important}.english-line .word-button{width:auto!important;min-width:0!important;max-width:none!important;color:inherit!important;font:inherit!important;line-height:inherit!important;vertical-align:baseline!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0 1px!important;display:inline!important}.english-line .word-button:hover{text-decoration:underline;color:#2563eb!important;background:0 0!important}.english-line .rare-word{text-underline-offset:3px;-webkit-text-decoration:underline #0f766e59;text-decoration:underline #0f766e59;color:#0f766e!important;background:0 0!important;font-weight:700!important}.english-line .spoken-word{color:#1d4ed8!important;background:0 0!important;font-weight:900!important;text-decoration:none!important}.chinese-line{text-align:left!important;color:#64748b!important;font-size:15px!important;line-height:1.7!important;display:block!important}main#study-player .speed-control,main#study-player .listen-control-bar{display:none!important}.sentence-mini-controls{border-top:1px solid #e5eaf3!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin-top:10px!important;padding-top:8px!important;display:flex!important}.sentence-mini-controls button{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;font-size:14px!important;font-weight:700!important;display:inline-flex!important}.sentence-mini-controls button:hover{color:#2563eb!important;background:#eff6ff!important}.sentence-mini-controls .mini-active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.sentence-mini-controls .speed-mini,.sentence-mini-controls .lang-mini{width:42px!important;min-width:42px!important;font-size:12px!important}.segment-control-row{border-top:1px solid #e5eaf3!important;align-items:center!important;gap:6px!important;width:100%!important;margin-top:12px!important;padding-top:10px!important;display:flex!important}.segment-icon-button,.segment-play-button,.segment-text-button{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;min-width:28px!important;height:28px!important;padding:0 7px!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important}.segment-progress{accent-color:#2563eb!important;flex:1!important;min-width:80px!important;height:4px!important}.sentence-mini-controls{display:none!important}.segment-control-row{border-top:1px solid #e5eaf3!important;align-items:center!important;gap:4px!important;width:100%!important;margin-top:8px!important;padding-top:8px!important;display:flex!important;overflow:hidden!important}.segment-flat-button,.segment-play-button,.segment-text-button{color:#475569!important;cursor:pointer!important;width:22px!important;min-width:22px!important;height:22px!important;box-shadow:none!important;background:0 0!important;border:1px solid #dbeafe!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.segment-text-button{width:26px!important;min-width:26px!important;font-size:11px!important}.segment-progress{accent-color:#2563eb!important;flex:auto!important;min-width:90px!important;height:4px!important;margin:0 3px!important}main#study-player [class*=time]{text-align:center!important}main#study-player .subtitle-card,main#study-player .sentence-card,main#study-player .transcript-item,main#study-player [class*=subtitle-item],main#study-player [class*=sentence-item]{position:relative!important}main#study-player [class*=start-time],main#study-player [class*=time-badge]{text-align:center!important;color:#94a3b8!important;width:100%!important;margin-bottom:6px!important;font-size:13px!important;display:block!important;position:static!important}.segment-control-row{border-top:1px solid #e5eaf3!important;grid-template-columns:20px 24px 20px 20px minmax(100px,1fr) 26px 24px 30px 24px!important;align-items:center!important;gap:4px!important;width:100%!important;margin-top:8px!important;padding-top:8px!important;display:grid!important;overflow:hidden!important}.segment-flat-button,.segment-play-button,.segment-text-button{color:#475569!important;cursor:pointer!important;width:100%!important;min-width:0!important;height:22px!important;box-shadow:none!important;background:0 0!important;border:1px solid #dbeafe!important;border-radius:5px!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}.segment-play-button{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.segment-active{color:#2563eb!important;background:#eff6ff!important;border-color:#93c5fd!important}.segment-progress{accent-color:#2563eb!important;width:100%!important;min-width:100px!important;height:4px!important;margin:0 4px!important}.english-line{text-align:left!important;color:#0f172a!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;font-size:16px!important;line-height:1.65!important;display:block!important}.english-line .word-button,.english-line .rare-word,.english-line .spoken-word{width:auto!important;color:inherit!important;font:inherit!important;font-weight:inherit!important;background:0 0!important;margin:0!important;padding:0!important;text-decoration:none!important;display:inline!important}main#study-player .english-line{text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#0f172a!important;width:360px!important;min-width:360px!important;max-width:360px!important;font-size:16px!important;line-height:1.6!important;display:block!important}main#study-player .chinese-line{text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#64748b!important;width:360px!important;min-width:360px!important;max-width:360px!important;font-size:15px!important;line-height:1.7!important;display:block!important}main#study-player .english-line *{width:auto!important;min-width:0!important;max-width:none!important;color:inherit!important;font:inherit!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;text-decoration:none!important;display:inline!important}main#study-player .segment-control-row{border-top:1px solid #e5eaf3!important;align-items:center!important;gap:5px!important;width:100%!important;max-width:100%!important;margin-top:10px!important;padding-top:8px!important;display:flex!important;overflow:visible!important}main#study-player .segment-control-row button{color:#475569!important;width:24px!important;min-width:24px!important;height:24px!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:6px!important;flex:none!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important}main#study-player .segment-control-row .segment-play-button{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}main#study-player .segment-control-row .segment-text-button{width:30px!important;min-width:30px!important;font-size:11px!important}main#study-player .segment-control-row .segment-progress{visibility:visible!important;opacity:1!important;accent-color:#2563eb!important;flex:auto!important;width:auto!important;min-width:110px!important;height:4px!important;margin:0 4px!important;display:block!important}main#study-player .segment-control-row .segment-active{color:#2563eb!important;background:#eff6ff!important;border-color:#93c5fd!important}html,body,#root{max-width:100%!important;overflow-x:hidden!important}@media (width>=901px){main#study-player.main-layout{grid-template-columns:minmax(0,1fr) 430px!important;align-items:start!important;gap:18px!important;width:min(96vw,1380px)!important;max-width:1380px!important;margin:24px auto 64px!important;padding:0!important;scroll-margin-top:96px!important;display:grid!important;overflow:visible!important}main#study-player>.video-section{grid-area:1/1!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}main#study-player>.video-section video{object-fit:contain!important;background:#000!important;border-radius:18px!important;width:100%!important;height:auto!important;max-height:72vh!important;display:block!important}main#study-player>.study-section,main#study-player>section:not(.video-section),main#study-player>div:not(.video-section),main#study-player>aside{grid-area:1/2!important;width:430px!important;min-width:0!important;max-width:430px!important;margin:0!important;overflow:hidden!important}main#study-player .subtitle-list{height:auto!important;max-height:66vh!important;padding:10px!important;overflow:hidden auto!important}}@media (width<=900px){main#study-player.main-layout{grid-template-columns:1fr!important;gap:14px!important;width:100%!important;display:grid!important}main#study-player>.study-section,main#study-player>section:not(.video-section),main#study-player>div:not(.video-section),main#study-player>aside{width:100%!important;max-width:100%!important}}main#study-player .speed-bar,main#study-player .listen-control-bar,main#study-player .sentence-mini-controls,main#study-player .heart-button{pointer-events:none!important;display:none!important}main#study-player .subtitle-item{cursor:pointer!important;border-radius:18px!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-bottom:12px!important;padding:18px 20px!important;display:block!important;overflow:hidden!important}main#study-player .subtitle-item.current{background:#eff6ff!important;border-color:#93c5fd!important}main#study-player .subtitle-content{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}main#study-player .segment-duration{text-align:center!important;color:#94a3b8!important;width:100%!important;margin:0 0 10px!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;display:block!important}main#study-player .english-line{text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#0f172a!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 8px!important;font-size:16px!important;font-weight:500!important;line-height:1.65!important;display:block!important}main#study-player .chinese-line{text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#64748b!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:8px 0 0!important;font-size:15px!important;line-height:1.7!important;display:block!important}main#study-player .english-line .word-button,main#study-player .english-line .rare-word,main#study-player .english-line .spoken-word{width:auto!important;min-width:0!important;max-width:none!important;color:inherit!important;font:inherit!important;line-height:inherit!important;vertical-align:baseline!important;font-weight:inherit!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;text-decoration:none!important;display:inline!important}main#study-player .segment-control-row{border-top:1px solid #e5eaf3!important;grid-template-columns:22px 26px 22px 22px minmax(110px,1fr) 28px 24px 32px 26px!important;align-items:center!important;gap:5px!important;width:100%!important;max-width:100%!important;margin-top:12px!important;padding-top:9px!important;display:grid!important;overflow:hidden!important}main#study-player .segment-flat-button,main#study-player .segment-play-button,main#study-player .segment-text-button{color:#475569!important;cursor:pointer!important;width:100%!important;min-width:0!important;height:24px!important;box-shadow:none!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}main#study-player .segment-play-button{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}main#study-player .segment-active{color:#2563eb!important;background:#eff6ff!important;border-color:#93c5fd!important}main#study-player .segment-progress{visibility:visible!important;opacity:1!important;accent-color:#2563eb!important;cursor:pointer!important;width:100%!important;min-width:110px!important;height:4px!important;margin:0 4px!important;padding:0!important;display:block!important}main#study-player .english-line{text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;color:#0f172a!important;width:100%!important;min-width:0!important;max-width:100%!important;font-size:16px!important;font-weight:500!important;line-height:1.65!important;display:block!important}main#study-player .english-line .word-button{width:auto!important;min-width:0!important;max-width:none!important;color:inherit!important;font:inherit!important;line-height:inherit!important;vertical-align:baseline!important;cursor:pointer!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0 1px!important;display:inline!important}main#study-player .english-line .word-button:hover{color:#2563eb!important;text-underline-offset:3px!important;text-decoration:underline!important}main#study-player .english-line .rare-word{color:#0f766e!important;text-underline-offset:3px!important;background:0 0!important;font-weight:700!important;-webkit-text-decoration:underline #0f766e61!important;text-decoration:underline #0f766e61!important}main#study-player .english-line .spoken-word{color:#1d4ed8!important;background:0 0!important;font-weight:850!important;text-decoration:none!important}main#study-player .english-line .rare-word.spoken-word{color:#1d4ed8!important;font-weight:900!important;-webkit-text-decoration:underline #1d4ed873!important;text-decoration:underline #1d4ed873!important}