:root{--primary:#2563eb;--text-dark:#0f1724;--text-light:#475569;--bg-light:#f3f4f6;--border:#e6eef8;--highlight:#f5f7fb;--font-vietnamese:'Inter','Roboto','Open Sans','Source Sans Pro','Lato','Nunito Sans','SF Pro Text','SF Pro Display','Segoe UI','Helvetica Neue','System UI','Tahoma','Calibri','Verdana','Arial','Noto Sans','DejaVu Sans','Liberation Sans','Ubuntu',sans-serif;--font-vietnamese-display:'Inter','Roboto','Open Sans','Source Sans Pro','Lato','SF Pro Display','Segoe UI','Helvetica Neue','Tahoma','Calibri','Arial','Noto Sans',sans-serif;--font-cjk:'cwTeXKai','KaiTi','KaiTi_GB2312','Kaiti SC','Kaiti TC','STKaiti','DFKai-SB','標楷體','Noto Serif SC','PingFang SC','Microsoft YaHei','Noto Sans CJK SC','SimSun',sans-serif}*{box-sizing:border-box}.vietnamese-text,[data-i18n],[lang=vi]{font-family:var(--font-vietnamese)!important;font-feature-settings:'kern' 1,'liga' 1,'calt' 1,'mark' 1,'mkmk' 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Roboto,'Open Sans',Lato,'Source Sans Pro','Segoe UI','SF Pro Text','SF Pro Display','Helvetica Neue',Arial,'PingFang SC','PingFang TC','Heiti SC','Heiti TC','Noto Sans','Noto Sans CJK SC','Noto Sans CJK TC',Roboto,'Droid Sans','Microsoft YaHei','Microsoft JhengHei',Tahoma,Calibri,'Source Han Sans SC','Source Han Sans TC','Hiragino Sans GB','WenQuanYi Micro Hei','WenQuanYi Zen Hei','DejaVu Sans','Arial Unicode MS','Lucida Sans Unicode',Geneva,Verdana,sans-serif;line-height:1.8;color:var(--text-dark);background:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'kern' 1,'liga' 1,'calt' 1,'mark' 1,'mkmk' 1}.reading-container{max-width:1400px;margin:80px auto 40px;padding:0 20px}.article-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:50px 40px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.15);margin-bottom:20px;text-align:center;position:relative;overflow:hidden}.article-header::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:float 15s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-30px,-30px) rotate(180deg)}}.back-btn{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;font-family:var(--font-vietnamese-display);font-size:16px;font-weight:500;padding:10px 20px;border-radius:8px;margin-bottom:20px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;z-index:1;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;-webkit-font-smoothing:antialiased}.back-btn:hover{background:rgba(255,255,255,.3);transform:translateX(-5px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.article-cover{width:100%;max-width:800px;margin:0 auto 30px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2);position:relative;z-index:1}.article-cover img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.article-titles{position:relative;z-index:1}.article-header h1{font-family:KaiTi,KaiTi_GB2312,'Kaiti SC','Kaiti TC',STKaiti,DFKai-SB,'標楷體','Noto Serif SC','ZCOOL XiaoWei','Noto Serif CJK SC','Source Han Serif SC','Songti SC',SimSun,'PingFang SC','Microsoft YaHei',serif!important;font-size:42px;margin-bottom:12px;color:#fff;font-weight:700;text-shadow:0 3px 12px rgba(0,0,0,.3);letter-spacing:2px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.title-english,.title-vietnamese{font-size:20px;color:rgba(255,255,255,.95);margin:8px 0;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1.5;display:none}.title-vietnamese{font-family:var(--font-vietnamese-display);font-weight:600;letter-spacing:.3px;font-feature-settings:'kern' 1,'liga' 1,'calt' 1,'mark' 1,'mkmk' 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.title-english{font-family:Inter,sans-serif;font-style:italic}.article-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}.badge{padding:8px 16px;background:rgba(255,255,255,.95);color:#764ba2;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.view-controls{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pinyin-note{margin:-5px 0 12px 0;padding:10px 12px;background:#f8fafc;border:1px dashed var(--border);border-radius:10px;color:#3f51b5;font-family:var(--font-vietnamese);font-size:13px;line-height:1.6;display:grid;gap:4px;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;-webkit-font-smoothing:antialiased}.pinyin-note i{color:var(--primary);margin-right:6px}.pinyin-note .en,.pinyin-note .vi{display:flex;align-items:flex-start}.pinyin-note .en{opacity:.9;font-style:italic}.auto-read-controls{display:flex;gap:10px;align-items:center}.auto-read-btn{padding:10px 18px;border:none;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:8px;cursor:pointer;font-family:var(--font-vietnamese-display);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3);font-feature-settings:'kern' 1,'liga' 1,'calt' 1;-webkit-font-smoothing:antialiased}.auto-read-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.auto-read-btn:active{transform:translateY(0)}.auto-read-btn.pause-btn{background:linear-gradient(135deg,#f59e0b 0,#ef4444 100%)}.auto-read-btn.stop-btn{background:linear-gradient(135deg,#6b7280 0,#374151 100%);padding:10px 15px}.view-mode-buttons{display:flex;gap:10px}.view-btn{padding:10px 20px;border:2px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;font-family:var(--font-vietnamese-display);font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;font-weight:500;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;-webkit-font-smoothing:antialiased}.view-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(37,99,235,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.view-btn:hover::before{width:300px;height:300px}.view-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.15)}.view-btn.active{background:linear-gradient(135deg,var(--primary) 0,#1d4ed8 100%);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px rgba(37,99,235,.3)}.view-btn.active::before{background:rgba(255,255,255,.1)}#togglePinyinBtn{position:relative}#togglePinyinBtn i{transition:transform .3s cubic-bezier(.4, 0, .2, 1)}#togglePinyinBtn:hover i{transform:scale(1.2) rotate(5deg)}#togglePinyinBtn.active i{animation:pinyinIconPulse 1.5s ease-in-out infinite}@keyframes pinyinIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.audio-controls{display:flex;align-items:center;gap:10px}.audio-controls button{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:16px}#audioProgress{width:200px}#audioTime{font-size:14px;color:var(--text-light)}.content-wrapper{display:grid;grid-template-columns:1fr 350px;gap:20px}.text-content{background:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-height:500px;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}.text-content img{max-width:100%;height:auto}.article-inline-cover{margin:0 0 16px 0;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.12);position:relative;z-index:2}.article-inline-cover img.article-cover-img{width:100%;height:auto;max-height:220px;object-fit:cover;display:block}.article-inline-cover img.fallback{object-fit:contain;background:#f8fafc;padding:16px}.sentence-figure{margin:14px 0;text-align:center}.sentence-figure img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.text-content .rich-html img{max-width:100%;height:auto}.sentence{margin-bottom:22px;padding:16px;border-radius:12px;transition:all .25s ease;cursor:pointer;scroll-margin-top:90px;position:relative;overflow:hidden}.sentence::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.05) 0,rgba(118,75,162,.05) 100%);opacity:0;transition:opacity .3s ease;z-index:0;pointer-events:none}.sentence:hover::before{opacity:1}.sentence>*{position:relative;z-index:1}.sentence:hover{transform:translateX(3px);box-shadow:0 8px 20px rgba(15,23,42,.06)}.sentence.highlighted{background:#f5f7fb;transform:translateY(-1px);border:1px solid #dbeafe;border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.08);animation:none;position:relative;margin:12px 0 24px 0;padding:18px}.sentence.highlighted::before{display:none}@keyframes highlightedGlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes highlightedBorder{0%,100%{opacity:.4}50%{opacity:.7}}.sentence.active-reading{background:#eef2ff;transform:translateY(-1px);border:1px solid #c7d2fe;border-radius:12px;box-shadow:0 12px 28px rgba(15,23,42,.1);animation:none;position:relative;overflow:visible;margin:16px 0 28px 0;padding:18px}.sentence.active-reading::before{display:none}@keyframes borderGlow{0%,100%{opacity:.6}50%{opacity:1}}@keyframes activeReading{0%{background-position:0 50%;border-color:rgba(59,130,246,.4)}25%{background-position:50% 50%;border-color:rgba(139,92,246,.5)}50%{background-position:100% 50%;border-color:rgba(244,114,182,.4)}75%{background-position:150% 50%;border-color:rgba(139,92,246,.5)}100%{background-position:200% 50%;border-color:rgba(59,130,246,.4)}}@keyframes activePulse{0%,100%{transform:scale(1.04);box-shadow:0 12px 32px rgba(59,130,246,.25),0 4px 16px rgba(139,92,246,.2),inset 0 1px 0 rgba(255,255,255,.3)}50%{transform:scale(1.06);box-shadow:0 16px 40px rgba(59,130,246,.35),0 8px 24px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.4)}}.sentence-number{font-size:12px;color:var(--text-light);margin-bottom:5px}.chinese{font-family:cwTeXKai,KaiTi,KaiTi_GB2312,'Kaiti SC','Kaiti TC',STKaiti,DFKai-SB,'標楷體','Noto Serif SC','ZCOOL XiaoWei','Noto Serif CJK SC','Source Han Serif SC','Songti SC',SimSun,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC','Hiragino Sans GB','WenQuanYi Micro Hei',serif!important;font-size:22px;font-weight:700;margin-bottom:10px;line-height:1.65;color:#121826;text-align:left;padding-top:6px;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1,'liga' 1;text-rendering:optimizeLegibility;transition:color .2s ease,transform .2s ease}.sentence.active-reading .chinese{font-size:23px;font-weight:720;color:#0f172a;text-shadow:none}.sentence.highlighted .chinese{font-size:22px;font-weight:700;color:#111827;text-shadow:none}.chinese ruby{ruby-position:over;display:inline-flex;flex-direction:column;align-items:center;text-align:center;position:relative;vertical-align:baseline}.chinese ruby.polyphonic{cursor:help;position:relative}.chinese ruby.polyphonic::before{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:1px;opacity:.7}.chinese ruby.polyphonic:hover::before{opacity:1}.chinese ruby.polyphonic rt.polyphonic-rt{color:#dc2626!important;font-weight:700;text-shadow:0 1px 3px rgba(220,38,38,.3)}.chinese ruby.polyphonic:hover::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#1e293b,#0f172a);color:#fef3c7;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-bottom:4px;font-family:var(--font-vietnamese);font-weight:500}.chinese rt{font-size:.55em;color:#1d4ed8;font-weight:650;line-height:1.3;user-select:none;transition:all .4s cubic-bezier(.4, 0, .2, 1);text-shadow:0 1px 3px rgba(29,78,216,.2);letter-spacing:.5px;word-spacing:0.2em;display:block;text-align:center;width:100%;position:relative;left:0;transform:translateX(0);margin:4px}.hide-pinyin .chinese rt{opacity:0;transform:translateY(-5px) scale(.8);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.hide-pinyin .pinyin,.hide-pinyin .vocab-pinyin{opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.pinyin-reading-mode .chinese rt{opacity:0;visibility:hidden;transform:translateY(-5px) scale(.85);transition:none}.pinyin-reading-mode .pinyin{opacity:0;visibility:hidden;transform:translateY(-8px);transition:none}.pinyin-reading-mode .sentence.show-pinyin-reading .chinese rt{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:none;position:relative}.pinyin-reading-mode .sentence.show-pinyin-reading .chinese rt::after{display:none}.pinyin-reading-mode .sentence.show-pinyin-reading .pinyin{opacity:1;visibility:visible;transform:translateY(0);transition:none}@keyframes pinyinBounceIn{0%{opacity:0;transform:translateY(-10px) scale(.6)}50%{transform:translateY(2px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes pinyinSlideIn{0%{opacity:0;transform:translateY(-15px)}100%{opacity:1;transform:translateY(0)}}.sentence.show-pinyin-reading .chinese rt{color:#2f3a4a;font-weight:640;font-size:.54em;text-shadow:none;transform:translateY(-1px) scale(1.01);letter-spacing:.3px;word-spacing:0.12em}.sentence.highlighted .chinese rt{color:#253349!important;font-weight:660!important;font-size:.56em!important;text-shadow:none!important;transform:translateY(-1px) scale(1.02)!important;letter-spacing:.32px!important;word-spacing:0.14em!important}.sentence.active-reading .chinese rt{color:#1c2838!important;font-weight:680!important;font-size:.58em!important;text-shadow:none!important;transform:translateY(-1px) scale(1.03)!important;letter-spacing:.34px!important;word-spacing:0.16em!important;animation:none;font-style:normal;transition:color .25s ease,transform .25s ease}.sentence.active-reading .pinyin{font-size:17px;font-weight:640;color:#1c2838;text-shadow:none;transform:translateY(-1px);letter-spacing:.3px;word-spacing:0.14em}.vietnamese{font-family:var(--font-vietnamese);font-size:18px;color:#243244;margin-top:10px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern' 1,'liga' 1,'calt' 1,'mark' 1,'mkmk' 1;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;word-spacing:0.05em;letter-spacing:.005em}.notes{margin-top:15px;padding:15px;background:#e6f0ff;border-left:4px solid var(--primary);border-radius:4px;font-family:var(--font-vietnamese);font-size:14px;line-height:1.5;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;-webkit-font-smoothing:antialiased}.mode-hidden .vietnamese{display:none}.mode-hidden .sentence{cursor:pointer}.mode-hidden .sentence:hover{background:var(--bg-light)}.mode-hidden .sentence.revealed .vietnamese{display:block}.mode-sequential .sentence{border-bottom:2px solid var(--border);padding-bottom:25px}.mode-sequential .chinese,.mode-sequential .vietnamese{display:block;margin:8px 0}.vocab-sidebar{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-height:800px;overflow-y:auto;position:sticky;top:100px}.vocab-sidebar h3{font-size:20px;margin-bottom:20px;color:#000;font-weight:700;display:flex;align-items:center;gap:10px}.vocab-item{padding:15px;border-bottom:1px solid var(--border);transition:all .3s ease;position:relative}.vocab-item:hover{background:var(--bg-light);transform:translateX(5px)}.vocab-word{font-size:22px;font-weight:600;color:#000;margin-bottom:5px;display:flex;align-items:center;gap:10px;font-family:KaiTi,KaiTi_GB2312,'Kaiti SC','Kaiti TC',STKaiti,DFKai-SB,'標楷體','Noto Serif SC','ZCOOL XiaoWei','Songti SC',SimSun,'PingFang SC','Microsoft YaHei',serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vocab-word .speak-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px rgba(102,126,234,.3)}.vocab-word .speak-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(102,126,234,.5)}.vocab-word .speak-btn:active{transform:scale(.95)}.vocab-pinyin{font-size:14px;color:#1e40af;margin-bottom:5px;font-weight:500;font-style:italic;transition:all .3s cubic-bezier(.4, 0, .2, 1);text-shadow:0 1px 2px rgba(30,64,175,.1);letter-spacing:.5px}.vocab-item:hover .vocab-pinyin{color:#2563eb;transform:translateY(-2px);text-shadow:0 2px 8px rgba(37,99,235,.3)}.vocab-type{display:inline-block;padding:3px 10px;background:#fbbf24;border-radius:10px;font-size:11px;font-weight:700;color:#78350f;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.vocab-meaning{font-family:var(--font-vietnamese);font-size:15px;color:#334155;line-height:1.5;font-feature-settings:'kern' 1,'liga' 1,'calt' 1;-webkit-font-smoothing:antialiased}.loading{text-align:center;padding:60px;font-size:20px;color:var(--text-light)}@media (max-width:1024px){.content-wrapper{grid-template-columns:1fr}.vocab-sidebar{position:static;max-height:none}}@media (max-width:768px){.article-header{padding:30px 20px;border-radius:12px}.article-cover{margin-bottom:20px;border-radius:8px}.article-cover img{max-height:250px}.article-header h1{font-size:28px;letter-spacing:.5px;margin-bottom:10px}.title-english,.title-vietnamese{font-size:16px;margin:6px 0}.article-header::before{display:none}.back-btn{padding:8px 16px;font-size:14px}.badge{padding:6px 12px;font-size:12px}.view-controls{padding:15px;flex-direction:column;gap:12px}.auto-read-controls{width:100%;justify-content:center;gap:8px}.auto-read-btn{font-size:11px;padding:8px 10px;flex-direction:column;text-align:center;min-width:60px}.auto-read-btn i{font-size:16px;margin-bottom:3px;margin-right:0;display:block}.auto-read-btn span{font-size:10px;font-weight:500;line-height:1.1;white-space:nowrap}.view-mode-buttons{width:100%;justify-content:center;gap:8px}.view-btn{font-size:11px;padding:8px 6px;min-width:65px;flex-direction:column;text-align:center;line-height:1.2}.view-btn i{font-size:16px;margin-bottom:4px;display:block}.view-btn span{font-size:10px;font-weight:500;display:block;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#togglePinyinBtn{min-width:70px}#togglePinyinBtn span{font-size:9px}.chinese{font-size:20px;line-height:2.2}.chinese rt{font-size:.48em}.vietnamese{font-size:16px}.text-content{padding:20px}.audio-controls{width:100%}#audioProgress{flex:1}.vocab-word .speak-btn{width:28px;height:28px;font-size:12px}.article-inline-cover img.article-cover-img{max-height:180px}}.continue-reading-prompt{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:15px 20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 20px rgba(102,126,234,.3);animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.continue-reading-prompt .prompt-content{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.continue-reading-prompt i.fa-bookmark{font-size:24px;color:gold}.continue-reading-prompt span{color:#fff;font-size:15px;flex:1;min-width:200px}.continue-reading-prompt .prompt-buttons{display:flex;gap:10px}.continue-reading-prompt button{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease}.continue-reading-prompt .prompt-yes{background:gold;color:#1a1a1a}.continue-reading-prompt .prompt-yes:hover{background:#ffab00;transform:scale(1.05)}.continue-reading-prompt .prompt-no{background:rgba(255,255,255,.2);color:#fff}.continue-reading-prompt .prompt-no:hover{background:rgba(255,255,255,.3)}@media (max-width:600px){.continue-reading-prompt .prompt-content{flex-direction:column;text-align:center}.continue-reading-prompt span{min-width:auto}}.translation-vi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.translation-vi .speak-vi-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;cursor:pointer;font-size:12px;transition:all .2s ease;flex-shrink:0}.translation-vi .speak-vi-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:scale(1.1);box-shadow:0 2px 8px rgba(76,175,80,.4)}.translation-vi .speak-vi-btn:active{transform:scale(.95)}.translation-vi .speak-vi-btn.playing{animation:pulse-green 1s infinite}@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(76,175,80,.4)}50%{box-shadow:0 0 0 8px rgba(76,175,80,0)}}.vi-read-btn{background:linear-gradient(135deg,#4caf50,#45a049)!important;border-color:#4caf50!important}.vi-read-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40)!important;border-color:#45a049!important}.vi-read-btn.active{background:linear-gradient(135deg,#f44336,#d32f2f)!important;border-color:#f44336!important;animation:pulse-red 1s infinite}@keyframes pulse-red{0%,100%{box-shadow:0 0 0 0 rgba(244,67,54,.4)}50%{box-shadow:0 0 0 8px rgba(244,67,54,0)}}.reading-highlight{background:linear-gradient(135deg,rgba(76,175,80,.2),rgba(129,199,132,.2))!important;border-radius:4px;padding:4px 8px;margin:-4px -8px;transition:background .3s ease}.reading-quiz-section{margin-top:3rem;padding:2rem;background:#fafafa;border-radius:16px;border:1px solid #e5e5e5;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-header{text-align:center;margin-bottom:2rem}.quiz-title-wrapper{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.quiz-icon{color:#525252;flex-shrink:0}.quiz-header h2{font-size:1.5rem;font-weight:600;color:#171717;margin:0;font-family:var(--font-vietnamese)}.quiz-subtitle{color:#737373;font-size:.9375rem;margin:0;font-family:var(--font-vietnamese)}.quiz-container{display:flex;flex-direction:column;gap:1.5rem}.quiz-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#737373}.quiz-loading-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#525252;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-question{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e5e5;transition:all .3s ease;animation:slideIn .4s ease-out backwards}.quiz-question:first-child{animation-delay:.1s}.quiz-question:nth-child(2){animation-delay:.2s}.quiz-question:nth-child(3){animation-delay:.3s}.quiz-question:nth-child(4){animation-delay:.4s}.quiz-question:nth-child(5){animation-delay:.5s}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.quiz-question:hover{border-color:#d4d4d4;box-shadow:0 4px 12px rgba(0,0,0,.05)}.question-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.question-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f5f5f5;border-radius:8px;font-weight:600;font-size:.875rem;color:#525252;flex-shrink:0}.question-text{font-size:1rem;color:#262626;line-height:1.6;flex:1;font-family:var(--font-cjk),var(--font-vietnamese)}.quiz-options{display:flex;flex-direction:column;gap:.625rem}.quiz-option{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.quiz-option::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:0 0;transition:background .25s ease}.quiz-option:hover{background:#f5f5f5;border-color:#d4d4d4}.quiz-option:hover::before{background:#a3a3a3}.quiz-option.selected{background:#f5f5f5;border-color:#525252}.quiz-option.selected::before{background:#525252}.quiz-option.correct{background:#f0fdf4;border-color:#22c55e}.quiz-option.correct::before{background:#22c55e}.quiz-option.incorrect{background:#fef2f2;border-color:#ef4444}.quiz-option.incorrect::before{background:#ef4444}.quiz-option.disabled{pointer-events:none}.option-radio{width:20px;height:20px;border:2px solid #d4d4d4;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.quiz-option.selected .option-radio{border-color:#525252;background:#525252}.quiz-option.correct .option-radio{border-color:#22c55e;background:#22c55e}.quiz-option.incorrect .option-radio{border-color:#ef4444;background:#ef4444}.option-radio-inner{width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .25s ease}.quiz-option.correct .option-radio-inner,.quiz-option.incorrect .option-radio-inner,.quiz-option.selected .option-radio-inner{opacity:1;transform:scale(1)}.option-label{display:flex;align-items:center;gap:.5rem;flex:1}.option-letter{font-weight:600;color:#737373;font-size:.875rem}.option-text{color:#404040;font-size:.9375rem;font-family:var(--font-cjk),var(--font-vietnamese)}.option-icon{flex-shrink:0;opacity:0;transform:scale(0);transition:all .3s ease}.quiz-option.correct .option-icon,.quiz-option.incorrect .option-icon{opacity:1;transform:scale(1)}.quiz-option.correct .option-icon{color:#22c55e}.quiz-option.incorrect .option-icon{color:#ef4444}.quiz-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.quiz-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .25s ease;font-family:var(--font-vietnamese);border:none}.quiz-btn-submit{background:#171717;color:#fff}.quiz-btn-submit:hover{background:#262626;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.quiz-btn-reset{background:#fff;color:#525252;border:1px solid #e5e5e5}.quiz-btn-reset:hover{background:#f5f5f5;border-color:#d4d4d4}.quiz-result{margin-top:2rem;animation:fadeInUp .5s ease-out}.result-card{background:#fff;border-radius:16px;padding:2.5rem;text-align:center;border:1px solid #e5e5e5}.result-icon{margin-bottom:1rem}.result-icon svg{color:#22c55e}.result-icon.poor svg{color:#ef4444}.result-icon.average svg{color:#f59e0b}.result-title{font-size:1.25rem;font-weight:600;color:#171717;margin:0 0 .5rem}.result-score{font-size:2rem;font-weight:700;color:#22c55e;margin:0 0 1rem}.result-score.poor{color:#ef4444}.result-score.average{color:#f59e0b}.result-message{color:#737373;font-size:.9375rem;line-height:1.6}.question-explanation{margin-top:1rem;padding:1rem;background:#fafafa;border-radius:8px;border-left:3px solid #525252;animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.explanation-label{font-weight:600;color:#525252;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.explanation-text{color:#525252;font-size:.9375rem;line-height:1.6}@media (max-width:768px){.reading-quiz-section{margin-top:2rem;padding:1.25rem;border-radius:12px}.quiz-header h2{font-size:1.25rem}.quiz-question{padding:1.25rem}.question-text{font-size:.9375rem}.quiz-option{padding:.75rem}.quiz-actions{flex-direction:column}.quiz-btn{width:100%;justify-content:center}.result-card{padding:1.5rem}.result-score{font-size:1.5rem}}[data-theme=dark] .reading-quiz-section{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .quiz-header h2{color:#fafafa}[data-theme=dark] .quiz-subtitle{color:#a3a3a3}[data-theme=dark] .quiz-question{background:#262626;border-color:#363636}[data-theme=dark] .quiz-question:hover{border-color:#404040}[data-theme=dark] .question-number{background:#363636;color:#d4d4d4}[data-theme=dark] .question-text{color:#e5e5e5}[data-theme=dark] .quiz-option{background:#1f1f1f;border-color:#363636}[data-theme=dark] .quiz-option:hover{background:#262626;border-color:#404040}[data-theme=dark] .quiz-option.selected{background:#262626;border-color:#a3a3a3}[data-theme=dark] .option-radio{border-color:#525252}[data-theme=dark] .option-text{color:#d4d4d4}[data-theme=dark] .quiz-btn-reset{background:#262626;color:#d4d4d4;border-color:#363636}[data-theme=dark] .quiz-btn-reset:hover{background:#363636}[data-theme=dark] .result-card{background:#262626;border-color:#363636}[data-theme=dark] .result-title{color:#fafafa}[data-theme=dark] .question-explanation{background:#1f1f1f;border-left-color:#737373}[data-theme=dark] .explanation-text{color:#a3a3a3}