.reading-page{min-height:100vh;font-family:var(--font-sans), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:#f8fafc;padding:0}.dark .reading-page{color:#f8fafc;background:#020617}.bc-nav{background:#ffffffd9;border-bottom:1px solid #e5e7eb;border-radius:.5rem .5rem 0 0;align-items:center;gap:.3rem;max-width:1200px;margin:0 auto;padding:.5rem 1rem;font-size:.78rem;display:flex}.dark .bc-nav{background:#0f172ad9;border-bottom-color:#334155}.bc-link{color:#6b7280;align-items:center;gap:.2rem;text-decoration:none;transition:color .15s;display:flex}.bc-link:hover{color:#4299e1}.bc-sep{color:#d1d5db}.bc-cur{color:#374151;font-weight:500}.dark .bc-cur{color:#e2e8f0}.reading-page .page-header-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border-bottom:1px solid #e0e0e080;width:100%;max-width:1200px;margin:auto auto 6px;padding:.25rem 0;position:sticky;top:0;box-shadow:0 2px 20px #00000014}.dark .reading-page .page-header-main{background:#0f172af2;border-bottom-color:#33415580;box-shadow:0 2px 20px #0000004d}.reading-page .header-tabs{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:.625rem;padding:0;display:flex;overflow-x:auto}.reading-page .header-tabs::-webkit-scrollbar{display:none}.reading-page .tab-icon{color:#667eea;flex-shrink:0;width:16px;height:16px}.dark .reading-page .tab-icon{color:#818cf8}.reading-page .tab-link{flex-shrink:0;text-decoration:none}.reading-page .tab-button{color:#6b7280;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#fffc;border:1px solid #6b728033;border-radius:1.5rem;align-items:center;gap:.375rem;min-height:32px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.dark .reading-page .tab-button{color:#94a3b8;background:#1e293bcc;border-color:#47556966}.reading-page .tab-button:hover:not(.active):not(:disabled){color:#667eea;background:#667eea1a;border-color:#667eea4d}.reading-page .tab-button.active{color:#fff;background:#3b82f6;border-color:#0000}.reading-page .tab-button.done:not(.active){color:#276749;background:linear-gradient(135deg,#f0fff4 0%,#e6ffee 100%);border-color:#38a169}.reading-page .tab-button.active.done{color:#fff;background:linear-gradient(135deg,#38a169 0%,#2f855a 100%);border-color:#2f855a;box-shadow:0 10px 30px #38a1694d}.reading-page .done-badge{align-items:center;margin-left:2px;display:flex}.reading-page .done-icon{color:#38a169;width:16px;height:16px}.reading-page .tab-button.active .done-icon{color:#fff}.reading-page .tab-text{flex-shrink:0}.reading-page .main-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.reading-page .content-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.25rem;display:grid}@media (max-width:1024px){.reading-page .content-layout{grid-template-columns:1fr}}.reading-page .content-area{background:0 0;border-radius:1rem;height:fit-content;overflow:hidden}.reading-page .lesson-header{background:#fff;border:1px solid #e8edf3;border-radius:16px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 18px;display:flex;box-shadow:0 2px 10px #0000000d}.dark .reading-page .lesson-header{background:#0f172a;border-color:#1e293b;box-shadow:0 2px 10px #0003}.reading-page .lesson-icon-wrap{background:#f0f4ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.dark .reading-page .lesson-icon-wrap{background:#1e293b}.reading-page .lesson-meta{flex:1;min-width:0}.reading-page .lesson-eyebrow{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:700}.reading-page .lesson-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;line-height:1.3;overflow:hidden}.dark .reading-page .lesson-title{color:#f8fafc}.reading-page .lesson-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.reading-page .play-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4299e1 0%,#667eea 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:9px 18px 9px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 3px 10px #4299e140}.reading-page .play-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.reading-page .play-btn:disabled{opacity:.45;cursor:not-allowed}.reading-page .play-btn.playing{background:linear-gradient(135deg,#10b981,#059669);animation:2.5s ease-in-out infinite pulse-glow;box-shadow:0 4px 14px #10b98159}.reading-page .play-btn.paused{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b59}@keyframes pulse-glow{0%,to{box-shadow:0 4px 14px #10b98159}50%{box-shadow:0 4px 22px #10b98199}}.reading-page .play-btn-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.reading-page .play-btn-label{display:inline}.reading-page .live-dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite dot-blink;position:absolute;top:6px;right:7px}@keyframes dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.reading-page .video-icon-btn{cursor:pointer;color:#0f172a;background:#fff;border:1.5px solid #dbe4ee;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:.82rem;font-weight:600;transition:all .18s;display:flex}.dark .reading-page .video-icon-btn{color:#f1f5f9;background:#1e293b;border-color:#334155}.reading-page .video-icon-btn:hover:not(:disabled){background:#fff5f5;border-color:#ef444459}.dark .reading-page .video-icon-btn:hover:not(:disabled){background:#3f1515}.reading-page .video-icon-btn:disabled{opacity:.55;cursor:not-allowed}.reading-page .video-yt-red{color:#ef4444}.reading-page .vocab-icon-btn{cursor:pointer;color:#3182ce;background:#ebf8ff;border:1.5px solid #bee3f8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:.82rem;font-weight:600;transition:all .18s;display:flex}.dark .reading-page .vocab-icon-btn{color:#38bdf8;background:#082f49;border-color:#0284c7}.reading-page .vocab-icon-btn:hover{color:#fff;background:#3182ce;border-color:#3182ce}.reading-page .vocab-btn-label{display:inline}.reading-page .settings-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex}.dark .reading-page .settings-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.reading-page .settings-btn:hover{color:#fff;background:#667eea;border-color:#667eea;transform:rotate(30deg)}.reading-page .voice-controls{background:#fff;border:1px solid #e8edf3;border-radius:.75rem;gap:.5rem;margin-bottom:10px;padding:4px;display:flex;box-shadow:0 2px 8px #0000000d}.dark .reading-page .voice-controls{background:#0f172a;border-color:#1e293b}.reading-page .voice-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.dark .reading-page .voice-btn{color:#94a3b8}.reading-page .voice-btn:hover{background:#f3f4f6}.dark .reading-page .voice-btn:hover{background:#1e293b}.reading-page .voice-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.reading-page .conversation-legend{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.8rem;display:flex}.dark .reading-page .conversation-legend{color:#94a3b8;background:#0f172a;border-color:#1e293b}.reading-page .legend-items{flex-direction:column;gap:8px;width:100%;display:flex}.reading-page .legend-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reading-page .legend-hsk-row{border-top:1px dashed #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;display:flex}.dark .reading-page .legend-hsk-row{border-top-color:#334155}.reading-page .legend-item{align-items:center;gap:6px;display:flex}.reading-page .legend-info-icon{color:#3b82f6;flex-shrink:0}.reading-page .legend-label{color:#1e293b;font-weight:700}.dark .reading-page .legend-label{color:#f1f5f9}.reading-page .legend-word-sample{font-weight:700;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif);padding:0 2px}.reading-page .legend-word-sample.blue-gradient{background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reading-page .legend-word-sample.red-sample{color:#dc2626}.reading-page .legend-word-sample.purple-gradient{background:linear-gradient(135deg,#a855f7 0%,#6d28d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reading-page .legend-text{font-weight:500}.reading-page .legend-divider{background:#cbd5e1;width:1px;height:12px}.dark .reading-page .legend-divider{background:#334155}.reading-page .switch-btn.mini{cursor:pointer;vertical-align:middle;background:#cbd5e1;border:none;border-radius:9999px;width:32px;height:18px;padding:0;transition:background-color .2s;display:inline-block;position:relative}.reading-page .switch-btn.mini.active{background:#10b981}.reading-page .switch-handle{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.reading-page .switch-btn.mini.active .switch-handle{transform:translate(14px)}.reading-page .legend-hsk-list{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.legend-hsk-btn,.reading-page .legend-hsk-btn{cursor:pointer;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;transition:all .15s}.legend-hsk-btn.inactive,.reading-page .legend-hsk-btn.inactive{color:#64748b!important;opacity:.6!important;background-color:#e2e8f0!important;text-decoration:none!important}.dark .legend-hsk-btn.inactive,.dark .reading-page .legend-hsk-btn.inactive{color:#94a3b8!important;background-color:#334155!important}.character-container.level-1 .hanzi,.character-container.level-1 span.hanzi{text-underline-offset:4px!important;-webkit-text-decoration:underline wavy #16a34a!important;text-decoration:underline wavy #16a34a!important;text-decoration-thickness:1.5px!important}.character-container.level-2 .hanzi,.character-container.level-2 span.hanzi{text-underline-offset:4px!important;-webkit-text-decoration:underline wavy #0284c7!important;text-decoration:underline wavy #0284c7!important;text-decoration-thickness:1.5px!important}.character-container.level-3 .hanzi,.character-container.level-3 span.hanzi{text-underline-offset:4px!important;-webkit-text-decoration:underline wavy #2563eb!important;text-decoration:underline wavy #2563eb!important;text-decoration-thickness:1.5px!important}.character-container.level-4 .hanzi,.character-container.level-4 span.hanzi{text-underline-offset:4px!important;-webkit-text-decoration:underline wavy #d97706!important;text-decoration:underline wavy #d97706!important;text-decoration-thickness:1.5px!important}.character-container.level-5 .hanzi,.character-container.level-5 span.hanzi{text-underline-offset:4px!important;-webkit-text-decoration:underline wavy #9333ea!important;text-decoration:underline wavy #9333ea!important;text-decoration-thickness:1.5px!important}.character-container.level-6 .hanzi,.character-container.level-6 span.hanzi{text-underline-offset:4px!important;-webkit-text-decoration:underline wavy #e11d48!important;text-decoration:underline wavy #e11d48!important;text-decoration-thickness:1.5px!important}.character-container.level-7 .hanzi,.character-container.level-8 .hanzi,.character-container.level-9 .hanzi,.character-container.level-7 span.hanzi,.character-container.level-8 span.hanzi,.character-container.level-9 span.hanzi{text-underline-offset:4px!important;-webkit-text-decoration:underline wavy #991b1b!important;text-decoration:underline wavy #991b1b!important;text-decoration-thickness:1.5px!important}.reading-page .sentences-view{background:0 0}.reading-page .sentences-list{flex-direction:column;gap:10px;display:flex}.reading-page .dialogue-item{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:2px solid #e2e8f0cc;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.dark .reading-page .dialogue-item{background:#0f172af2;border-color:#1e293bcc}.reading-page .dialogue-item:before{content:"";opacity:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.reading-page .dialogue-item:hover{background:#fff;border-color:#667eea66;transform:translate(2px);box-shadow:0 6px 16px #667eea1f}.dark .reading-page .dialogue-item:hover{background:#1e293b;border-color:#667eea80}.reading-page .dialogue-item:hover:before{opacity:.6}.reading-page .dialogue-item.active{background:#667eea14;border-color:#667eea80;transform:translate(4px);box-shadow:0 8px 24px #667eea33}.dark .reading-page .dialogue-item.active{background:#667eea26}.reading-page .dialogue-item.active:before{opacity:1}.reading-page .dialogue-item.playing{background:#10b9810a;border-color:#10b98166}.dark .reading-page .dialogue-item.playing{background:#10b9811a}.reading-page .dialogue-item.playing:before{opacity:1;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.reading-page .character-avatar{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;min-width:48px;display:flex}.reading-page .character-name{color:#6b7280;text-align:center;font-size:.75rem;font-weight:600}.reading-page .content-wrapper{flex:1;justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:48px;display:flex}.reading-page .text-content{flex-direction:column;flex:1;min-width:0;display:flex}.reading-page .translation-wrap{flex-direction:column;gap:4px;margin-top:5px;display:flex}.reading-page .translation-text{color:#4b5563;border-radius:.5rem;padding-left:.3rem;font-size:15px;line-height:1.45}.dark .reading-page .translation-text{color:#94a3b8}.reading-page .action-btns{flex-direction:column;flex-shrink:0;align-self:center;gap:6px;display:flex}.reading-page .vocab-btn,.reading-page .note-btn,.reading-page .fav-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.reading-page .vocab-btn{color:#3182ce;background:#ebf8ff;border:1.5px solid #bee3f8}.reading-page .vocab-btn:hover{color:#fff;background:#3182ce;border-color:#3182ce;transform:scale(1.1)}.reading-page .note-btn{color:#7c3aed;background:#faf5ff;border:1.5px solid #ddd6fe}.reading-page .note-btn:hover,.reading-page .note-btn.active{color:#6d28d9;background:#f3e8ff;border-color:#c4b5fd;transform:scale(1.1)}.reading-page .fav-btn{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;position:relative}.reading-page .fav-btn:hover{color:#ec4899;transform:scale(1.15);box-shadow:0 3px 10px #ec489926}.reading-page .fav-btn.active{color:#ec4899;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#fbcfe8}.dark .reading-page .vocab-btn,.dark .vocab-btn{color:#60a5fa;background:#3182ce2e;border:1.5px solid #3182ce66}.dark .reading-page .vocab-btn:hover,.dark .vocab-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 10px #2563eb66}.dark .reading-page .note-btn,.dark .note-btn{color:#c084fc;background:#9333ea2e;border:1.5px solid #9333ea66}.dark .reading-page .note-btn:hover,.dark .reading-page .note-btn.active,.dark .note-btn:hover,.dark .note-btn.active{color:#e9d5ff;background:#9333ea4d;border-color:#a855f7;box-shadow:0 2px 10px #a855f74d}.dark .reading-page .fav-btn,.dark .fav-btn{color:#94a3b8;background:#1e293b;border:1.5px solid #334155}.dark .reading-page .fav-btn:hover,.dark .fav-btn:hover{color:#ec4899;background:#334155;border-color:#ec4899;box-shadow:0 3px 10px #ec489940}.dark .reading-page .fav-btn.active,.dark .fav-btn.active{color:#f472b6;background:#ec489933;border-color:#ec4899;box-shadow:0 2px 10px #ec48994d}.reading-page .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-base,10000);background:#00000073;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.reading-page .settings-modal{background:#fff;border-radius:16px;width:90%;max-width:540px;animation:.22s slideUp;overflow:hidden;box-shadow:0 20px 60px #0000002e}.dark .reading-page .settings-modal{background:#0f172a;border:1px solid #1e293b}.reading-page .settings-header{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.reading-page .settings-header-left{color:#fff;align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.reading-page .settings-header-icon{background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.reading-page .close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.reading-page .close-btn:hover{background:#ffffff59}.reading-page .settings-body{flex-direction:column;gap:8px;max-height:80vh;padding:12px;display:flex;overflow-y:auto}.reading-page .s-block{background:#f8f9fa;border-radius:10px;padding:10px 12px}.dark .reading-page .s-block{background:#1e293b}.reading-page .s-block-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.dark .reading-page .s-block-label{color:#94a3b8}.reading-page .s-badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:99px;margin-left:auto;padding:2px 7px;font-size:.65rem;font-weight:700}.reading-page .s-display-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.reading-page .s-display-chip{color:#475569;text-align:center;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:.8rem;font-weight:600;transition:all .15s}.dark .reading-page .s-display-chip{color:#cbd5e1;background:#0f172a;border-color:#334155}.reading-page .s-display-chip.active{color:#4338ca;background:#f0f4ff;border-color:#667eea}.dark .reading-page .s-display-chip.active{color:#c7d2fe;background:#312e81}.reading-page .s-toggle-list{flex-direction:column;gap:4px;display:flex}.reading-page .s-toggle-row{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 4px;transition:all .12s;display:flex}.reading-page .s-toggle-row:hover{background:#667eea0f}.reading-page .s-toggle-info{color:#374151;align-items:center;gap:7px;font-size:.8rem;font-weight:500;display:flex}.dark .reading-page .s-toggle-info{color:#e2e8f0}.reading-page .s-switch{flex-shrink:0;width:40px;height:22px;position:relative}.reading-page .s-switch-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.reading-page .s-switch-track{background:#cbd5e1;border-radius:999px;transition:all .2s;position:absolute;inset:0}.reading-page .s-switch-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.reading-page .s-switch-input:checked+.s-switch-track{background:#667eea}.reading-page .s-switch-input:checked+.s-switch-track:after{transform:translate(18px)}.reading-page .s-two-col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reading-page .s-chip-grid{flex-wrap:wrap;gap:6px;display:flex}.reading-page .s-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.reading-page .s-chip.active{color:#fff;background:#667eea;border-color:#667eea}.reading-page .s-font-row{gap:6px;display:flex}.reading-page .s-font-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;transition:all .15s;display:flex}.reading-page .s-font-btn.active{color:#fff;background:#667eea;border-color:#667eea}.reading-page .s-font-lbl{font-size:.65rem}.reading-page .s-speed-row{gap:6px;display:flex}.reading-page .s-speed-btn{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:6px;font-size:.78rem;font-weight:600;transition:all .15s}.reading-page .s-speed-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.reading-page .s-seg{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.reading-page .s-seg-item{color:#475569;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.reading-page .s-seg-item.active{color:#fff;background:#667eea}.reading-page .vocab-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#00000073;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.reading-page .vocab-modal{background:#fff;border-radius:1.25rem;flex-direction:column;width:100%;max-width:820px;height:88vh;max-height:88vh;animation:.25s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.dark .reading-page .vocab-modal{background:#0f172a;border:1px solid #1e293b}.reading-page .va-search-bar{border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;display:flex}.dark .reading-page .va-search-bar{border-bottom-color:#1e293b}.reading-page .va-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.84rem}.dark .reading-page .va-search-input{color:#f1f5f9}.reading-page .vocab-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}.reading-page .vocab-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.dark .reading-page .vocab-item{background:#1e293b;border-color:#334155}.reading-page .vocab-item:hover{background:#ebf8ff;border-color:#bee3f8}.reading-page .vocab-main{flex:1;min-width:0}.reading-page .vocab-top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.reading-page .vocab-hanzi{color:#1e293b;font-size:1.15rem;font-weight:700;font-family:var(--chinese-font,"LXGW WenKai", "Noto Sans SC", sans-serif)}.dark .reading-page .vocab-hanzi{color:#f8fafc}.reading-page .vocab-level{color:#475569;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:700}.reading-page .vocab-pinyin{color:#2563eb;font-size:.85rem;font-weight:500}.reading-page .vocab-meaning{color:#475569;font-size:.82rem}.dark .reading-page .vocab-meaning{color:#94a3b8}.reading-page .vocab-actions{align-items:center;gap:6px;display:flex}.reading-page .vocab-act-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.reading-page .vocab-act-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.reading-page .vocab-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.dark .reading-page .vocab-footer{background:#0f172a;border-top-color:#1e293b}.reading-page .vocab-footer-btns{align-items:center;gap:8px;display:flex}.reading-page .vocab-practice-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.reading-page .vocab-flashcard-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}@media (max-width:768px){.reading-page .lesson-header{flex-wrap:wrap;gap:10px;padding:12px 14px}.reading-page .lesson-title{white-space:normal;font-size:15px}.reading-page .lesson-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.reading-page .play-btn{padding:8px 14px}.reading-page .s-display-grid,.reading-page .s-two-col{grid-template-columns:1fr}.reading-page .vocab-footer{flex-direction:column;align-items:stretch;gap:8px}.reading-page .vocab-footer-btns{width:100%}.reading-page .vocab-practice-btn,.reading-page .vocab-flashcard-btn{flex:1;justify-content:center}}@media (max-width:480px){.reading-page .main-container{padding:0 .75rem}.reading-page .play-btn-label{display:none}.reading-page .play-btn{padding:8px 10px}}