.reading-page{min-height:100vh;background:#f8fafc;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark .reading-page{background:#020617;color:#f8fafc}.bc-nav{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;font-size:.78rem;background:hsla(0,0%,100%,.85);border-bottom:1px solid #e5e7eb;max-width:1200px;margin:0 auto;border-radius:.5rem .5rem 0 0}.dark .bc-nav{background:rgba(15,23,42,.85);border-bottom-color:#334155}.bc-link{display:flex;align-items:center;gap:.2rem;color:#6b7280;text-decoration:none;transition:color .15s}.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{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,88%,.5);padding:.25rem 0;position:sticky;top:0;max-width:1200px;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.08);margin:auto auto 6px;width:100%}.dark .reading-page .page-header-main{background:rgba(15,23,42,.95);border-bottom-color:rgba(51,65,85,.5);box-shadow:0 2px 20px rgba(0,0,0,.3)}.reading-page .header-tabs{display:flex;align-items:center;gap:.625rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0}.reading-page .header-tabs::-webkit-scrollbar{display:none}.reading-page .tab-icon{width:16px;height:16px;color:#667eea;flex-shrink:0}.dark .reading-page .tab-icon{color:#818cf8}.reading-page .tab-link{text-decoration:none;flex-shrink:0}.reading-page .tab-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border:1px solid hsla(220,9%,46%,.2);border-radius:1.5rem;background:hsla(0,0%,100%,.8);color:#6b7280;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;backdrop-filter:blur(10px);white-space:nowrap;min-height:32px;text-decoration:none}.dark .reading-page .tab-button{background:rgba(30,41,59,.8);color:#94a3b8;border-color:rgba(71,85,105,.4)}.reading-page .tab-button:hover:not(.active):not(:disabled){background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);color:#667eea}.reading-page .tab-button.active{background:#3b82f6;border-color:transparent;color:#fff}.reading-page .tab-button.done:not(.active){border-color:#38a169;background:linear-gradient(135deg,#f0fff4,#e6ffee);color:#276749}.reading-page .tab-button.active.done{background:linear-gradient(135deg,#38a169,#2f855a);border-color:#2f855a;color:#fff;box-shadow:0 10px 30px rgba(56,161,105,.3)}.reading-page .done-badge{display:flex;align-items:center;margin-left:2px}.reading-page .done-icon{width:16px;height:16px;color:#38a169}.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{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.25rem;align-items:start}@media (max-width:1024px){.reading-page .content-layout{grid-template-columns:1fr}}.reading-page .content-area{background:transparent;height:-moz-fit-content;height:fit-content;border-radius:1rem;overflow:hidden}.reading-page .lesson-header{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:14px 18px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:10px}.dark .reading-page .lesson-header{background:#0f172a;border-color:#1e293b;box-shadow:0 2px 10px rgba(0,0,0,.2)}.reading-page .lesson-icon-wrap{width:44px;height:44px;border-radius:12px;background:#f0f4ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}.dark .reading-page .lesson-icon-wrap{background:#1e293b}.reading-page .lesson-meta{flex:1;min-width:0}.reading-page .lesson-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;margin-bottom:3px}.reading-page .lesson-title{font-size:17px;font-weight:700;color:#1e293b;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .reading-page .lesson-title{color:#f8fafc}.reading-page .lesson-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.reading-page .play-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 18px 9px 14px;border:none;border-radius:50px;background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 3px 10px rgba(66,153,225,.25);white-space:nowrap}.reading-page .play-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.reading-page .play-btn:disabled{opacity:.45;cursor:not-allowed}.reading-page .play-btn.playing{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px rgba(16,185,129,.35);animation:pulse-glow 2.5s ease-in-out infinite}.reading-page .play-btn.paused{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px rgba(245,158,11,.35)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 14px rgba(16,185,129,.35)}50%{box-shadow:0 4px 22px rgba(16,185,129,.6)}}.reading-page .play-btn-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:hsla(0,0%,100%,.2);border-radius:50%}.reading-page .play-btn-label{display:inline}.reading-page .live-dot{position:absolute;top:6px;right:7px;width:7px;height:7px;background:#fff;border-radius:50%;animation:dot-blink 1.4s ease-in-out infinite}@keyframes dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.reading-page .video-icon-btn{height:38px;padding:0 12px;border:1.5px solid #dbe4ee;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#0f172a;transition:all .18s;flex-shrink:0;font-size:.82rem;font-weight:600}.dark .reading-page .video-icon-btn{background:#1e293b;border-color:#334155;color:#f1f5f9}.reading-page .video-icon-btn:hover:not(:disabled){border-color:rgba(239,68,68,.35);background:#fff5f5}.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{height:38px;padding:0 12px;border:1.5px solid #bee3f8;background:#ebf8ff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#3182ce;transition:all .18s;flex-shrink:0;font-size:.82rem;font-weight:600}.dark .reading-page .vocab-icon-btn{background:#082f49;border-color:#0284c7;color:#38bdf8}.reading-page .vocab-icon-btn:hover{background:#3182ce;border-color:#3182ce;color:#fff}.reading-page .vocab-btn-label{display:inline}.reading-page .settings-btn{width:38px;height:38px;border:1.5px solid #e2e8f0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .18s}.dark .reading-page .settings-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.reading-page .settings-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:rotate(30deg)}.reading-page .voice-controls{background:#fff;border-radius:.75rem;margin-bottom:10px;display:flex;gap:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e8edf3;padding:4px}.dark .reading-page .voice-controls{background:#0f172a;border-color:#1e293b}.reading-page .voice-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;background:transparent;color:#6b7280;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.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{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reading-page .conversation-legend{display:flex;flex-direction:column;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;font-size:.8rem;color:#475569;margin-bottom:12px}.dark .reading-page .conversation-legend{background:#0f172a;border-color:#1e293b;color:#94a3b8}.reading-page .legend-items{display:flex;flex-direction:column;gap:8px;width:100%}.reading-page .legend-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reading-page .legend-hsk-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:6px;border-top:1px dashed #e2e8f0}.dark .reading-page .legend-hsk-row{border-top-color:#334155}.reading-page .legend-item{display:flex;align-items:center;gap:6px}.reading-page .legend-info-icon{color:#3b82f6;flex-shrink:0}.reading-page .legend-label{font-weight:700;color:#1e293b}.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,#3182ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reading-page .legend-word-sample.red-sample{color:#dc2626}.reading-page .legend-word-sample.purple-gradient{background:linear-gradient(135deg,#a855f7,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reading-page .legend-text{font-weight:500}.reading-page .legend-divider{width:1px;height:12px;background:#cbd5e1}.dark .reading-page .legend-divider{background:#334155}.reading-page .switch-btn.mini{width:32px;height:18px;background:#cbd5e1;border:none;border-radius:9999px;position:relative;cursor:pointer;transition:background-color .2s ease;padding:0;display:inline-block;vertical-align:middle}.reading-page .switch-btn.mini.active{background:#10b981}.reading-page .switch-handle{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}.reading-page .switch-btn.mini.active .switch-handle{transform:translateX(14px)}.reading-page .legend-hsk-list{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.legend-hsk-btn,.reading-page .legend-hsk-btn{border:none;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.legend-hsk-btn.inactive,.reading-page .legend-hsk-btn.inactive{background-color:#e2e8f0!important;color:#64748b!important;text-decoration:none!important;opacity:.6!important}.dark .legend-hsk-btn.inactive,.dark .reading-page .legend-hsk-btn.inactive,:global(.dark) .legend-hsk-btn.inactive,:global(.dark) .reading-page .legend-hsk-btn.inactive{background-color:#334155!important;color:#94a3b8!important}.character-container.level-1 .hanzi,.character-container.level-1 span.hanzi{-webkit-text-decoration:underline wavy #16a34a!important;text-decoration:underline wavy #16a34a!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important}.character-container.level-2 .hanzi,.character-container.level-2 span.hanzi{-webkit-text-decoration:underline wavy #0284c7!important;text-decoration:underline wavy #0284c7!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important}.character-container.level-3 .hanzi,.character-container.level-3 span.hanzi{-webkit-text-decoration:underline wavy #2563eb!important;text-decoration:underline wavy #2563eb!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important}.character-container.level-4 .hanzi,.character-container.level-4 span.hanzi{-webkit-text-decoration:underline wavy #d97706!important;text-decoration:underline wavy #d97706!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important}.character-container.level-5 .hanzi,.character-container.level-5 span.hanzi{-webkit-text-decoration:underline wavy #9333ea!important;text-decoration:underline wavy #9333ea!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important}.character-container.level-6 .hanzi,.character-container.level-6 span.hanzi{-webkit-text-decoration:underline wavy #e11d48!important;text-decoration:underline wavy #e11d48!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important}.character-container.level-7 .hanzi,.character-container.level-7 span.hanzi,.character-container.level-8 .hanzi,.character-container.level-8 span.hanzi,.character-container.level-9 .hanzi,.character-container.level-9 span.hanzi{-webkit-text-decoration:underline wavy #991b1b!important;text-decoration:underline wavy #991b1b!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important}.reading-page .sentences-view{background:transparent}.reading-page .sentences-list{display:flex;flex-direction:column;gap:10px}.reading-page .dialogue-item{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:.75rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border:2px solid rgba(226,232,240,.8);box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden}.dark .reading-page .dialogue-item{background:rgba(15,23,42,.95);border-color:rgba(30,41,59,.8)}.reading-page .dialogue-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.reading-page .dialogue-item:hover{background:#fff;border-color:rgba(102,126,234,.4);transform:translateX(2px);box-shadow:0 6px 16px rgba(102,126,234,.12)}.dark .reading-page .dialogue-item:hover{background:#1e293b;border-color:rgba(102,126,234,.5)}.reading-page .dialogue-item:hover:before{opacity:.6}.reading-page .dialogue-item.active{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.5);transform:translateX(4px);box-shadow:0 8px 24px rgba(102,126,234,.2)}.dark .reading-page .dialogue-item.active{background:rgba(102,126,234,.15)}.reading-page .dialogue-item.active:before{opacity:1}.reading-page .dialogue-item.playing{background:rgba(16,185,129,.04);border-color:rgba(16,185,129,.4)}.dark .reading-page .dialogue-item.playing{background:rgba(16,185,129,.1)}.reading-page .dialogue-item.playing:before{background:linear-gradient(135deg,#10b981,#059669);opacity:1}.reading-page .character-avatar{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;min-width:48px}.reading-page .character-name{font-size:.75rem;font-weight:600;color:#6b7280;text-align:center}.reading-page .content-wrapper{flex:1;display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:48px;width:100%}.reading-page .text-content{flex:1;display:flex;flex-direction:column;min-width:0}.reading-page .translation-wrap{margin-top:5px;display:flex;flex-direction:column;gap:4px}.reading-page .translation-text{font-size:15px;color:#4b5563;padding-left:.3rem;border-radius:.5rem;line-height:1.45}.dark .reading-page .translation-text{color:#94a3b8}.reading-page .action-btns{display:flex;flex-direction:column;gap:6px;flex-shrink:0;align-self:center}.reading-page .fav-btn,.reading-page .note-btn,.reading-page .vocab-btn{width:26px;height:26px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.reading-page .vocab-btn{background:#ebf8ff;color:#3182ce;border:1.5px solid #bee3f8}.reading-page .vocab-btn:hover{background:#3182ce;border-color:#3182ce;color:#fff;transform:scale(1.1)}.reading-page .note-btn{background:#faf5ff;color:#7c3aed;border:1.5px solid #ddd6fe}.reading-page .note-btn.active,.reading-page .note-btn:hover{background:#f3e8ff;border-color:#c4b5fd;color:#6d28d9;transform:scale(1.1)}.reading-page .fav-btn{position:relative;background:#fff;color:#94a3b8;border:1px solid #e2e8f0}.reading-page .fav-btn:hover{color:#ec4899;transform:scale(1.15);box-shadow:0 3px 10px rgba(236,72,153,.15)}.reading-page .fav-btn.active{color:#ec4899;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#fbcfe8}.dark .reading-page .vocab-btn,.dark .vocab-btn{background:rgba(49,130,206,.18);border:1.5px solid rgba(49,130,206,.4);color:#60a5fa}.dark .reading-page .vocab-btn:hover,.dark .vocab-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 10px rgba(37,99,235,.4)}.dark .note-btn,.dark .reading-page .note-btn{background:rgba(147,51,234,.18);border:1.5px solid rgba(147,51,234,.4);color:#c084fc}.dark .note-btn.active,.dark .note-btn:hover,.dark .reading-page .note-btn.active,.dark .reading-page .note-btn:hover{background:rgba(147,51,234,.3);border-color:#a855f7;color:#e9d5ff;box-shadow:0 2px 10px rgba(168,85,247,.3)}.dark .fav-btn,.dark .reading-page .fav-btn{background:#1e293b;border:1.5px solid #334155;color:#94a3b8}.dark .fav-btn:hover,.dark .reading-page .fav-btn:hover{background:#334155;border-color:#ec4899;color:#ec4899;box-shadow:0 3px 10px rgba(236,72,153,.25)}.dark .fav-btn.active,.dark .reading-page .fav-btn.active{background:rgba(236,72,153,.2);border-color:#ec4899;color:#f472b6;box-shadow:0 2px 10px rgba(236,72,153,.3)}.reading-page .modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-base,10000);animation:fadeIn .18s ease}.reading-page .settings-modal{background:#fff;border-radius:16px;width:90%;max-width:540px;box-shadow:0 20px 60px rgba(0,0,0,.18);animation:slideUp .22s ease;overflow:hidden}.dark .reading-page .settings-modal{background:#0f172a;border:1px solid #1e293b}.reading-page .settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;background:linear-gradient(135deg,#667eea,#764ba2)}.reading-page .settings-header-left{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:.875rem}.reading-page .settings-header-icon{width:30px;height:30px;border-radius:8px}.reading-page .close-btn,.reading-page .settings-header-icon{background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center}.reading-page .close-btn{border:none;width:28px;height:28px;border-radius:50%;color:#fff;cursor:pointer;transition:.15s}.reading-page .close-btn:hover{background:hsla(0,0%,100%,.35)}.reading-page .settings-body{padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:80vh}.reading-page .s-block{background:#f8f9fa;border-radius:10px;padding:10px 12px}.dark .reading-page .s-block{background:#1e293b}.reading-page .s-block-label{font-size:.72rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px;margin-bottom:8px}.dark .reading-page .s-block-label{color:#94a3b8}.reading-page .s-badge{margin-left:auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.65rem;padding:2px 7px;border-radius:99px;font-weight:700}.reading-page .s-display-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.reading-page .s-display-chip{padding:8px 10px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;transition:all .15s}.dark .reading-page .s-display-chip{background:#0f172a;border-color:#334155;color:#cbd5e1}.reading-page .s-display-chip.active{border-color:#667eea;background:#f0f4ff;color:#4338ca}.dark .reading-page .s-display-chip.active{background:#312e81;color:#c7d2fe}.reading-page .s-toggle-list{display:flex;flex-direction:column;gap:4px}.reading-page .s-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;cursor:pointer;border-radius:6px;transition:.12s}.reading-page .s-toggle-row:hover{background:rgba(102,126,234,.06)}.reading-page .s-toggle-info{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#374151;font-weight:500}.dark .reading-page .s-toggle-info{color:#e2e8f0}.reading-page .s-switch{position:relative;width:40px;height:22px;flex-shrink:0}.reading-page .s-switch-input{opacity:0;width:100%;height:100%;position:absolute;inset:0;cursor:pointer;z-index:2;margin:0}.reading-page .s-switch-track{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;transition:.2s}.reading-page .s-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.reading-page .s-switch-input:checked+.s-switch-track{background:#667eea}.reading-page .s-switch-input:checked+.s-switch-track:after{transform:translateX(18px)}.reading-page .s-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reading-page .s-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.reading-page .s-chip{padding:5px 10px;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.reading-page .s-chip.active{background:#667eea;border-color:#667eea;color:#fff}.reading-page .s-font-row{display:flex;gap:6px}.reading-page .s-font-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.reading-page .s-font-btn.active{background:#667eea;border-color:#667eea;color:#fff}.reading-page .s-font-lbl{font-size:.65rem}.reading-page .s-speed-row{display:flex;gap:6px}.reading-page .s-speed-btn{flex:1;padding:6px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.reading-page .s-speed-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.reading-page .s-seg{display:flex;border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}.reading-page .s-seg-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.reading-page .s-seg-item.active{background:#667eea;color:#fff}.reading-page .vocab-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .18s ease}.reading-page .vocab-modal{background:#fff;border-radius:1.25rem;box-shadow:0 20px 60px rgba(0,0,0,.18);width:100%;max-width:820px;height:88vh;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease-out}.dark .reading-page .vocab-modal{background:#0f172a;border:1px solid #1e293b}.reading-page .va-search-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.dark .reading-page .va-search-bar{border-bottom-color:#1e293b}.reading-page .va-search-input{flex:1;border:none;outline:none;font-size:.84rem;background:transparent;color:#1e293b}.dark .reading-page .va-search-input{color:#f1f5f9}.reading-page .vocab-list{overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.reading-page .vocab-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:background .15s,border-color .15s}.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{display:flex;align-items:center;gap:8px;margin-bottom:2px}.reading-page .vocab-hanzi{font-size:1.15rem;font-weight:700;color:#1e293b;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC",sans-serif)}.dark .reading-page .vocab-hanzi{color:#f8fafc}.reading-page .vocab-level{font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#e2e8f0;color:#475569}.reading-page .vocab-pinyin{font-size:.85rem;color:#2563eb;font-weight:500}.reading-page .vocab-meaning{font-size:.82rem;color:#475569}.dark .reading-page .vocab-meaning{color:#94a3b8}.reading-page .vocab-actions{display:flex;align-items:center;gap:6px}.reading-page .vocab-act-btn{width:30px;height:30px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .15s}.reading-page .vocab-act-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.reading-page .vocab-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #e2e8f0;background:#f8fafc}.dark .reading-page .vocab-footer{background:#0f172a;border-top-color:#1e293b}.reading-page .vocab-footer-btns{display:flex;align-items:center;gap:8px}.reading-page .vocab-practice-btn{background:#3b82f6}.reading-page .vocab-flashcard-btn,.reading-page .vocab-practice-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;color:#fff;border-radius:8px;font-size:.82rem;font-weight:600;border:none;cursor:pointer}.reading-page .vocab-flashcard-btn{background:#8b5cf6}