.yw4b-page{--yw-primary: #059669;--yw-primary-light: #10b981;--yw-bg: #f0fdf4;--yw-warm: #fefce8;--yw-accent: #b45309;--yw-card-bg: #ffffff;--yw-border: #e2e8f0;--yw-text: #1e293b;--yw-text-sub: #64748b;--yw-radius: 14px;height:100vh;overflow-y:auto;background:var(--yw-bg);color:var(--yw-text)}.yw4b-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--yw-border);position:sticky;top:0;z-index:50}.yw4b-back{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.yw4b-back:hover{background:#dcfce7;color:var(--yw-primary)}.yw4b-header-title{font-size:1rem;font-weight:600;color:var(--yw-primary)}.yw4b-header-sub{font-size:.8rem;color:var(--yw-text-sub);margin-left:auto}.yw4b-breadcrumb{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.yw4b-breadcrumb::-webkit-scrollbar{display:none}.yw4b-crumb{font-size:.78rem;color:var(--yw-primary);cursor:pointer;white-space:nowrap;transition:opacity .2s;flex-shrink:0}.yw4b-crumb:hover{opacity:.7}.yw4b-crumb.active{color:var(--yw-text);font-weight:600;cursor:default}.yw4b-crumb.active:hover{opacity:1}.yw4b-crumb-sep{font-size:.7rem;color:#cbd5e1;flex-shrink:0}.yw4b-units{padding:1.5rem 1.25rem 2rem;max-width:800px;margin:0 auto}.yw4b-section-title{font-size:.8rem;color:var(--yw-text-sub);letter-spacing:.05em;margin-bottom:1rem}.yw4b-group-subtitle{font-size:.78rem;font-weight:600;color:var(--yw-text);margin-bottom:.5rem;padding-left:2px}.yw4b-unit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 640px){.yw4b-unit-grid{grid-template-columns:repeat(4,1fr)}}.yw4b-unit-card{background:var(--yw-card-bg);border:1px solid var(--yw-border);border-radius:var(--yw-radius);padding:1.25rem 1rem;cursor:pointer;transition:all .25s ease;text-align:left;position:relative;overflow:hidden}.yw4b-unit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(5,150,105,.04),transparent);opacity:0;transition:opacity .3s}.yw4b-unit-card:hover{transform:translateY(-2px);border-color:#a7f3d0;box-shadow:0 6px 20px -6px #0596691f}.yw4b-unit-card:hover:before{opacity:1}.yw4b-unit-icon{font-size:1.8rem;margin-bottom:.5rem}.yw4b-unit-name{font-size:.85rem;font-weight:600;color:var(--yw-text);margin-bottom:.2rem}.yw4b-unit-theme{font-size:.72rem;color:var(--yw-primary);margin-bottom:.4rem}.yw4b-unit-meta{font-size:.68rem;color:var(--yw-text-sub)}@keyframes yw4b-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.yw4b-unit-card{animation:yw4b-card-in .35s cubic-bezier(.16,1,.3,1) both}.yw4b-unit-card:nth-child(1){animation-delay:0ms}.yw4b-unit-card:nth-child(2){animation-delay:50ms}.yw4b-unit-card:nth-child(3){animation-delay:.1s}.yw4b-unit-card:nth-child(4){animation-delay:.15s}.yw4b-unit-card:nth-child(5){animation-delay:.2s}.yw4b-unit-card:nth-child(6){animation-delay:.25s}.yw4b-unit-card:nth-child(7){animation-delay:.3s}.yw4b-unit-card:nth-child(8){animation-delay:.35s}.yw4b-quick-section{margin-top:1.5rem}.yw4b-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 640px){.yw4b-quick-grid{grid-template-columns:repeat(4,1fr)}}.yw4b-quick-card{background:var(--yw-warm);border:1px solid #fde68a;border-radius:10px;padding:.75rem;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:.5rem}.yw4b-quick-card:hover{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b1a}.yw4b-quick-icon{font-size:1.2rem}.yw4b-quick-label{font-size:.78rem;font-weight:500;color:var(--yw-accent)}.yw4b-detail{padding:1rem 1.25rem 2rem;max-width:800px;margin:0 auto}.yw4b-lesson-list{display:flex;flex-direction:column;gap:.5rem}.yw4b-lesson-item{background:var(--yw-card-bg);border:1px solid var(--yw-border);border-radius:12px;padding:.9rem 1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem;text-align:left;width:100%}.yw4b-lesson-item:hover{border-color:#a7f3d0;box-shadow:0 2px 10px -3px #0596691a}.yw4b-lesson-item.yw4b-optional{border-left:3px solid #fbbf24}.yw4b-lesson-num{width:28px;height:28px;border-radius:8px;background:#ecfdf5;color:var(--yw-primary);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.yw4b-optional .yw4b-lesson-num{background:#fef3c7;color:var(--yw-accent)}.yw4b-lesson-info{flex:1;min-width:0}.yw4b-lesson-title{font-size:.88rem;font-weight:600;color:var(--yw-text)}.yw4b-lesson-subtitle{font-size:.7rem;color:var(--yw-text-sub);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yw4b-lesson-badges{display:flex;gap:.35rem;flex-shrink:0}.yw4b-badge{font-size:.75rem;opacity:.6}.yw4b-lesson-arrow{color:#cbd5e1;font-size:.75rem;flex-shrink:0}.yw4b-writing-card{background:var(--yw-warm);border:1px solid #fde68a;border-radius:12px;padding:1rem;margin-top:.75rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.yw4b-writing-card:hover{border-color:#f59e0b}.yw4b-writing-title{font-size:.85rem;font-weight:600;color:var(--yw-accent)}.yw4b-writing-hint{font-size:.72rem;color:#92400e;margin-top:.2rem}.yw4b-review-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:.85rem 1rem;margin-top:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;text-align:left;width:100%}.yw4b-review-card:hover{border-color:#38bdf8}.yw4b-review-label{font-size:.8rem;font-weight:500;color:#0369a1}.yw4b-lesson-detail{padding:0 1.25rem 2rem;max-width:800px;margin:0 auto}.yw4b-tabs{display:flex;gap:.25rem;padding:.5rem 1.25rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--yw-border);overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:49px;z-index:40}.yw4b-tab{padding:.45rem .9rem;border-radius:8px;border:none;background:transparent;color:var(--yw-text-sub);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.yw4b-tab:hover{background:#ecfdf5;color:var(--yw-primary)}.yw4b-tab.active{background:var(--yw-primary);color:#fff}.yw4b-audio-section{margin-top:1rem}.yw4b-audio-list{display:flex;flex-direction:column;gap:.5rem}.yw4b-audio-item{background:var(--yw-card-bg);border:1px solid var(--yw-border);border-radius:12px;padding:.75rem 1rem;transition:all .2s}.yw4b-audio-item.playing{border-color:var(--yw-primary);background:#ecfdf5}.yw4b-audio-row{display:flex;align-items:center;gap:.6rem}.yw4b-play-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--yw-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:all .2s}.yw4b-play-btn:hover{background:var(--yw-primary-light);transform:scale(1.05)}.yw4b-audio-info{flex:1;min-width:0}.yw4b-audio-title{font-size:.82rem;font-weight:500;color:var(--yw-text)}.yw4b-audio-time{font-size:.7rem;color:var(--yw-text-sub);margin-top:.15rem}.yw4b-audio-progress{width:100%;height:3px;border-radius:2px;background:#e2e8f0;margin-top:.5rem;overflow:hidden;cursor:pointer}.yw4b-audio-progress-bar{height:100%;background:var(--yw-primary);border-radius:2px;transition:width .1s linear}.yw4b-video-section{margin-top:1.25rem}.yw4b-video-list{display:flex;flex-direction:column;gap:.5rem}.yw4b-video-item{background:var(--yw-card-bg);border:1px solid var(--yw-border);border-radius:12px;overflow:hidden}.yw4b-video-label{padding:.6rem .85rem;display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;color:var(--yw-text);cursor:pointer;transition:background .2s}.yw4b-video-label:hover{background:#f8fafc}.yw4b-video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#0f172a;border-radius:0 0 12px 12px}.yw4b-video-container video{width:100%;height:100%;border-radius:0 0 12px 12px}.yw4b-pdf-section{margin-top:1rem}.yw4b-pdf-frame{width:100%;height:75vh;border:1px solid var(--yw-border);border-radius:12px;background:#fff}.yw4b-pdf-hint{font-size:.72rem;color:var(--yw-text-sub);text-align:center;margin-top:.5rem}.yw4b-empty{text-align:center;padding:3rem 1rem;color:var(--yw-text-sub);font-size:.85rem}.yw4b-exercise-section{margin-top:1.5rem}.yw4b-exercise-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 640px){.yw4b-exercise-grid{grid-template-columns:repeat(2,1fr)}}.yw4b-exercise-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--yw-card-bg);border:1px solid var(--yw-border);border-radius:12px;transition:all .2s;text-decoration:none;color:inherit;cursor:pointer}.yw4b-exercise-card:hover{border-color:#a7f3d0;box-shadow:0 2px 10px -3px #0596691f}.yw4b-exercise-icon{font-size:1.3rem;flex-shrink:0}.yw4b-exercise-info{flex:1;min-width:0}.yw4b-exercise-name{font-size:.82rem;font-weight:600;color:var(--yw-text)}.yw4b-exercise-desc{font-size:.68rem;color:var(--yw-text-sub);margin-top:.1rem}.yw4b-exercise-download{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#ecfdf5;color:var(--yw-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s}.yw4b-exercise-card:hover .yw4b-exercise-download{background:var(--yw-primary);color:#fff}.yw4b-exercise-group{margin-bottom:1.25rem}.yw4b-exercise-group-title{font-size:.78rem;font-weight:600;color:var(--yw-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.yw4b-exercise-group-list{display:flex;flex-direction:column;gap:.4rem}.yw4b-exam-section{margin-top:1.5rem}.yw4b-exam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 640px){.yw4b-exam-grid{grid-template-columns:repeat(3,1fr)}}.yw4b-exam-card{background:#f0f9ff;border:1px solid #bae6fd;display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:10px;text-decoration:none;color:inherit;cursor:pointer;transition:all .2s}.yw4b-exam-card:hover{border-color:#38bdf8;box-shadow:0 2px 10px -3px #38bdf826}.yw4b-exam-icon{font-size:1.1rem;flex-shrink:0}.yw4b-exam-name{font-size:.75rem;font-weight:500;color:#0369a1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yw4b-exam-download{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#e0f2fe;color:#0369a1;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s}.yw4b-exam-card:hover .yw4b-exam-download{background:#0369a1;color:#fff}.yw4b-answer-badge{display:inline-block;font-size:.6rem;padding:.1rem .35rem;background:#fef3c7;color:#92400e;border-radius:4px;margin-left:.35rem;font-weight:500;vertical-align:middle}.yw4b-essay-badge{display:inline-block;font-size:.6rem;padding:.1rem .35rem;background:#dbeafe;color:#1e40af;border-radius:4px;margin-left:.35rem;font-weight:500;vertical-align:middle}.yw4b-has-essay{border-color:#bfdbfe}.yw4b-has-essay:hover{border-color:#93c5fd}.yw4b-specialized-section{margin-top:1.25rem}.yw4b-specialized-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 640px){.yw4b-specialized-grid{grid-template-columns:repeat(3,1fr)}}.yw4b-specialized-card{background:var(--yw-warm);border:1px solid #fde68a;display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:10px;text-decoration:none;color:inherit;cursor:pointer;transition:all .2s}.yw4b-specialized-card:hover{border-color:#f59e0b;box-shadow:0 2px 10px -3px #f59e0b26}@keyframes yw4b-exercise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.yw4b-exercise-card,.yw4b-exam-card,.yw4b-specialized-card{animation:yw4b-exercise-in .3s cubic-bezier(.16,1,.3,1) both}.yw4b-exercise-grid .yw4b-exercise-card:nth-child(1),.yw4b-exam-grid .yw4b-exam-card:nth-child(1),.yw4b-specialized-grid .yw4b-specialized-card:nth-child(1){animation-delay:0ms}.yw4b-exercise-grid .yw4b-exercise-card:nth-child(2),.yw4b-exam-grid .yw4b-exam-card:nth-child(2),.yw4b-specialized-grid .yw4b-specialized-card:nth-child(2){animation-delay:40ms}.yw4b-exercise-grid .yw4b-exercise-card:nth-child(3),.yw4b-exam-grid .yw4b-exam-card:nth-child(3),.yw4b-specialized-grid .yw4b-specialized-card:nth-child(3){animation-delay:80ms}.yw4b-exercise-grid .yw4b-exercise-card:nth-child(4),.yw4b-exam-grid .yw4b-exam-card:nth-child(4),.yw4b-specialized-grid .yw4b-specialized-card:nth-child(4){animation-delay:.12s}.yw4b-exercise-grid .yw4b-exercise-card:nth-child(5),.yw4b-exam-grid .yw4b-exam-card:nth-child(5),.yw4b-specialized-grid .yw4b-specialized-card:nth-child(5){animation-delay:.16s}.yw4b-exercise-grid .yw4b-exercise-card:nth-child(6),.yw4b-exam-grid .yw4b-exam-card:nth-child(6),.yw4b-specialized-grid .yw4b-specialized-card:nth-child(6){animation-delay:.2s}.yw4b-exercise-group-list .yw4b-exercise-card:nth-child(1){animation-delay:0ms}.yw4b-exercise-group-list .yw4b-exercise-card:nth-child(2){animation-delay:40ms}.yw4b-exercise-group-list .yw4b-exercise-card:nth-child(3){animation-delay:80ms}.yw4b-exercise-group-list .yw4b-exercise-card:nth-child(4){animation-delay:.12s}.yw4b-exercise-group-list .yw4b-exercise-card:nth-child(5){animation-delay:.16s}.yw4b-exercise-group-list .yw4b-exercise-card:nth-child(6){animation-delay:.2s}.yw4b-floating-player{position:sticky;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--yw-border);padding:.5rem 1rem .65rem;z-index:30;box-shadow:0 -4px 16px #0000000f}.yw4b-fp-tracks{display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.35rem;scrollbar-width:none}.yw4b-fp-tracks::-webkit-scrollbar{display:none}.yw4b-fp-track{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:20px;border:1px solid var(--yw-border);background:var(--yw-card-bg);color:var(--yw-text);font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.yw4b-fp-track:hover{border-color:#a7f3d0}.yw4b-fp-track.active{background:var(--yw-primary);color:#fff;border-color:var(--yw-primary)}.yw4b-fp-play-icon{font-size:.7rem}.yw4b-fp-track-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.yw4b-fp-time{font-size:.65rem;opacity:.8;margin-left:.2rem}.yw4b-fp-progress{width:100%;height:3px;border-radius:2px;background:#e2e8f0;margin-top:.4rem;cursor:pointer;overflow:hidden}.yw4b-fp-progress-bar{height:100%;background:var(--yw-primary);border-radius:2px;transition:width .1s linear}.yw4b-exam-card{cursor:pointer}.yw4b-lesson-detail .yw4b-pdf-frame{height:60vh}.yw4b-lesson-detail>*{animation:yw4b-content-fade .2s ease-out}@keyframes yw4b-content-fade{0%{opacity:0}to{opacity:1}}.yw4b-textbook-entry{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;margin-top:1rem;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1.5px solid #a7f3d0;border-radius:14px;cursor:pointer;transition:all .25s ease}.yw4b-textbook-entry:hover{border-color:var(--yw-primary);box-shadow:0 4px 16px -4px #05966933;transform:translateY(-1px)}.yw4b-textbook-entry:active{transform:translateY(0)}.yw4b-textbook-icon{font-size:2rem;flex-shrink:0}.yw4b-textbook-info{flex:1;min-width:0}.yw4b-textbook-label{font-size:.95rem;font-weight:600;color:var(--yw-primary)}.yw4b-textbook-pages{font-size:.75rem;color:var(--yw-text-sub);margin-top:.15rem}.yw4b-textbook-arrow{font-size:.78rem;font-weight:500;color:var(--yw-primary);white-space:nowrap;flex-shrink:0;opacity:.7;transition:opacity .2s}.yw4b-textbook-entry:hover .yw4b-textbook-arrow{opacity:1}.yw4b-writing-header-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fef3c7,#fefce8);border:1.5px solid #fde68a;border-radius:14px;margin-bottom:1.25rem}.yw4b-writing-header-icon{font-size:2.2rem;flex-shrink:0}.yw4b-writing-header-topic{font-size:1.05rem;font-weight:700;color:#92400e}.yw4b-writing-header-unit{font-size:.75rem;color:#b45309;margin-top:.15rem}.yw4b-writing-category{margin-bottom:1.25rem}.yw4b-writing-category .yw4b-section-title{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--yw-primary);margin-bottom:.6rem}.yw4b-writing-card{position:relative;overflow:hidden}.yw4b-writing-card:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;transition:opacity .2s}.yw4b-writing-card:hover{border-color:#f59e0b;box-shadow:0 2px 12px -3px #f59e0b26;transform:translateY(-1px);transition:all .25s ease}.yw4b-writing-card:active{transform:translateY(0)}.yw4b-writing-hint{font-size:.72rem;color:#92400e;margin-top:.2rem;opacity:.8}.yw4b-page.yw4b-doc-mode{display:flex;flex-direction:column;overflow:hidden}.yw4b-page.yw4b-doc-mode .yw4b-header{position:relative;flex-shrink:0}.yw4b-doc-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#f8fafc;border-bottom:1px solid var(--yw-border);flex-shrink:0}.yw4b-toolbar-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:8px;border:1px solid #a7f3d0;background:#ecfdf5;color:#059669;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.yw4b-toolbar-btn:hover{background:#d1fae5;border-color:#6ee7b7}.yw4b-toolbar-btn:active{transform:scale(.96)}.yw4b-doc-content{flex:1;min-height:0;position:relative;overflow:hidden}.yw4b-doc-content>.yw4b-embedded-reader{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;margin:0}.yw4b-doc-content>.docx-viewer-embedded{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.yw4b-embedded-reader{position:relative;height:calc(100vh - 96px);overflow:hidden;margin:0 -1.25rem}.yw4b-embedded-reader .tbr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.yw4b-embedded-reader .tbr-header{display:none}.yw4b-embedded-reader .tbr-body{flex-direction:column}.yw4b-embedded-reader .tbr-pdf-area{padding:6px 4px}.yw4b-embedded-reader .tbr-sidebar{width:100%;border-left:none;border-top:1px solid #e2e8f0;flex-direction:row;align-items:center;padding:.35rem .75rem;gap:.75rem;overflow:hidden}.yw4b-embedded-reader .tbr-audio-header{display:none}.yw4b-embedded-reader .tbr-audio-section{flex:1;min-width:0}.yw4b-embedded-reader .tbr-track-list{flex-direction:row;overflow-x:auto;gap:.3rem;scrollbar-width:none}.yw4b-embedded-reader .tbr-track-list::-webkit-scrollbar{display:none}.yw4b-embedded-reader .tbr-track{white-space:nowrap;flex-shrink:0;padding:.3rem .55rem;font-size:.72rem}.yw4b-embedded-reader .tbr-player{margin-top:.25rem;padding-top:.25rem}.yw4b-embedded-reader .tbr-nav{flex-shrink:0;flex-direction:row;align-items:center;gap:.3rem;margin-top:0;padding-top:0;border-top:none}.yw4b-embedded-reader .tbr-nav-row{gap:.25rem}.yw4b-embedded-reader .tbr-page-btn{padding:.3rem .5rem;font-size:.72rem}.yw4b-embedded-reader .tbr-page-input-row,.yw4b-embedded-reader .tbr-no-audio{display:none}.yw4b-embedded-reader .tbr-download-section{flex-shrink:0;margin-top:0;padding-top:0;border-top:none;border-left:1px solid #e2e8f0;padding-left:.5rem;margin-left:.25rem}.yw4b-lesson-detail .yw4b-pdf-section{margin:0 -1.25rem}.yw4b-lesson-detail .yw4b-pdf-frame{height:calc(100vh - 110px);border-radius:0;border:none}