:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--bg-nav:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--hover-bg:#f1f5f9;--shadow-color:#0000000d}[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293b;--bg-sidebar:#1e293b;--bg-nav:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--hover-bg:#334155;--shadow-color:#0006}.hljs{color:#f8f8f2;background:#282a36;padding:.5em;display:block;overflow-x:auto}.hljs-built_in,.hljs-selector-tag,.hljs-section,.hljs-link{color:#8be9fd}.hljs-keyword{color:#ff79c6}.hljs-subst{color:#f8f8f2}.hljs-title,.hljs-attr,.hljs-meta-keyword{color:#50fa7b;font-style:italic}.hljs-string,.hljs-meta,.hljs-name,.hljs-type,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#f1fa8c}.hljs-comment,.hljs-quote,.hljs-deletion{color:#6272a4}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-title,.hljs-section,.hljs-doctag,.hljs-type,.hljs-name,.hljs-strong{font-weight:700}.hljs-literal,.hljs-number{color:#bd93f9}.hljs-emphasis{font-style:italic}body{background:var(--bg-main);color:var(--text-main);height:100vh;margin:0;padding:0;font-family:PingFang TC,sans-serif;transition:background .3s,color .3s;display:flex;overflow:hidden}.top-nav{background:var(--bg-nav);width:100%;height:60px;box-shadow:0 2px 10px var(--shadow-color);z-index:2000;box-sizing:border-box;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 20px;transition:background .3s;display:flex;position:fixed;top:0;left:0}.logo-area{color:var(--text-main);align-items:center;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.nav-actions{align-items:center;gap:15px;display:flex}.theme-toggle{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;transition:all .2s}.back-btn{color:var(--text-main);border:1px solid var(--border-color);background:var(--hover-bg);border-radius:8px;padding:6px 15px;font-size:.9rem;text-decoration:none;transition:all .2s}.main-wrapper{width:100%;height:calc(100vh - 60px);margin-top:60px;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:320px;padding:20px;transition:background .3s;display:flex;overflow-y:auto}.content-viewer{background:var(--bg-main);scroll-behavior:smooth;flex-grow:1;padding:30px;overflow-y:auto}.search-box{border:1px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:8px;margin-bottom:20px;padding:10px 15px;font-size:.95rem}.menu-item{cursor:pointer;background:var(--bg-main);color:var(--text-main);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:12px 15px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.menu-item:hover{background:var(--bg-card);border-color:var(--border-color);transform:translate(5px)}.menu-item.active{color:#fff;background:#0072ff;border-color:#0000;box-shadow:0 4px 12px #0072ff4d}.sidebar-section-title{text-transform:uppercase;color:#0072ff;letter-spacing:1.5px;justify-content:space-between;align-items:center;margin:25px 0 10px 5px;font-size:.8rem;font-weight:800;display:flex}.view-panel{height:100%;animation:.4s fadeIn;display:none!important}.view-panel.active{display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.table-responsive{border-radius:8px;margin:20px 0;overflow-x:auto;box-shadow:0 4px 15px #0000000d}.portable-table{border-collapse:collapse;text-align:left;background:var(--bg-card);width:100%;box-shadow:0 0 0 1px var(--border-color);border-style:hidden;border-radius:8px;margin:0;font-size:.95rem}.portable-table th,.portable-table td{border:1px solid var(--border-color);vertical-align:top;white-space:pre-wrap;word-break:break-word;padding:16px 20px;line-height:1.6}.portable-table th{background:var(--hover-bg);color:var(--text-main);border-bottom:2px solid var(--border-color);font-weight:700}.portable-table tr:nth-child(2n){background:#0072ff08}.portable-table tr:hover td{background:#0072ff0f}[data-theme=dark] .table-responsive{box-shadow:0 4px 15px #0006}[data-theme=dark] .portable-table{background:#1e293b;box-shadow:0 0 0 1px #334155}[data-theme=dark] .portable-table th,[data-theme=dark] .portable-table td{border-color:#334155}[data-theme=dark] .portable-table th{color:#f8fafc;background:#0f172a;border-bottom:2px solid #475569}[data-theme=dark] .portable-table td{color:#cbd5e1}[data-theme=dark] .portable-table tr:nth-child(2n){background:#ffffff05}[data-theme=dark] .portable-table tr:hover td{background:#ffffff0d}.workspace-flex{align-items:stretch;gap:10px;width:100%;height:calc(100vh - 120px);display:flex}.panel-left{flex-direction:column;flex:1;min-width:300px;display:flex}.panel-right{flex-direction:column;flex-shrink:0;width:350px;min-width:250px;display:flex}.resizer{cursor:col-resize;user-select:none;border-radius:6px;justify-content:center;align-items:center;width:12px;transition:background .2s;display:flex}.resizer:after{content:"";background-color:var(--border-color);border-radius:2px;width:4px;height:40px;transition:background .2s}.resizer:hover,.resizer.resizing{background-color:#0072ff1a}.resizer:hover:after,.resizer.resizing:after{background-color:#0072ff}.editor-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color);border-radius:12px;height:100%;overflow:hidden}.panel-header{background:var(--hover-bg);border-bottom:1px solid var(--border-color);color:var(--text-main);flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 20px;font-weight:700;display:flex}.quill-wrapper{background:var(--bg-card);flex-direction:column;flex:1;min-height:0;display:flex}.ql-container.ql-snow{min-height:0;color:var(--text-main);flex:1;font-family:inherit;font-size:1rem;overflow-y:auto;border:none!important}.ql-editor .ql-code-block-container{border-radius:8px;margin-bottom:15px;padding:15px;font-family:monospace;background-color:#282a36!important}.ql-editor .ql-code-block{background-color:#0000!important}.ql-editor blockquote{color:var(--text-muted);background:var(--hover-bg);font-style:italic;border-left:4px solid #8b5cf6!important;margin:0!important;padding:5px 15px!important}.ql-editor blockquote:first-of-type{border-top-right-radius:8px;padding-top:10px!important}.ql-editor blockquote:last-of-type{border-bottom-right-radius:8px;margin-bottom:15px!important;padding-bottom:10px!important}.ql-editor blockquote+blockquote{padding-top:0!important}.free-text-input{border:2px solid var(--border-color)!important;background:var(--bg-main)!important;width:100%!important;color:var(--text-main)!important;resize:vertical!important;box-sizing:border-box!important;border-radius:8px!important;margin-bottom:15px!important;padding:15px!important;font-family:inherit!important;font-size:1.05rem!important;transition:all .3s!important}.free-text-input:focus{border-color:#0072ff!important;outline:none!important;box-shadow:0 0 0 3px #0072ff1a!important}[data-theme=dark] .free-text-input{background:#0f172a!important}.free-text-input:disabled{opacity:.7;cursor:not-allowed}.quiz-controls{gap:10px;display:flex}.action-btn{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;box-shadow:0 2px 5px var(--shadow-color);border-radius:8px;padding:10px 18px;font-weight:700;transition:all .2s}.action-btn:hover{background:var(--hover-bg);color:#0072ff;border-color:#0072ff}.quiz-group-container{border-bottom:4px double var(--border-color);margin-bottom:40px;padding-bottom:20px}.quiz-group-container:last-child{border-bottom:none}.scenario-box{background:var(--hover-bg);box-shadow:0 4px 10px var(--shadow-color);border-left:5px solid #8b5cf6;border-radius:0 12px 12px 0;margin-bottom:30px;padding:25px}.quiz-box{border-bottom:1px dashed var(--border-color);margin-bottom:30px;padding-bottom:30px;padding-left:15px}.quiz-box:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.quiz-question{gap:10px;margin-bottom:20px;font-size:1.1rem;display:flex}.quiz-option{background:var(--bg-main);border:2px solid var(--border-color);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:15px 20px;transition:all .2s;display:block}.quiz-option:hover{border-color:#0072ff}.quiz-option input{display:none}.quiz-option.selected{background:#0072ff1a;border-color:#0072ff;font-weight:700}.quiz-option.correct{color:#27ae60;background:#2ecc711a;border-color:#2ecc71}.quiz-option.wrong{color:#c0392b;background:#e74c3c1a;border-color:#e74c3c;text-decoration:line-through}.submit-quiz-btn{color:#fff;cursor:pointer;background:#0072ff;border:none;border-radius:8px;margin-top:15px;padding:10px 25px;font-size:1rem;font-weight:700}.quiz-explanation{background:#f39c121a;border-left:5px solid #f39c12;border-radius:8px;margin-top:20px;padding:20px;display:none}.mobile-sidebar-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:1.1rem;transition:all .2s;display:none}.mobile-sidebar-btn:hover{background:var(--hover-bg);color:#0072ff;border-color:#0072ff}@media (width<=992px){body{height:auto!important;overflow:auto!important}.main-wrapper{flex-direction:column!important;height:auto!important}.sidebar{z-index:2500!important;border-right:1px solid var(--border-color)!important;width:300px!important;height:calc(100vh - 60px)!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:60px!important;left:-320px!important;box-shadow:5px 0 25px #00000026!important}.sidebar.mobile-active{left:0!important}.mobile-sidebar-btn{display:block!important}.content-viewer{height:auto!important;padding:15px!important;overflow:visible!important}.workspace-flex{flex-direction:column!important;gap:20px!important;height:auto!important}.panel-left{flex:none!important;width:100%!important;height:auto!important;min-height:400px!important}.panel-right{flex:none!important;width:100%!important;height:500px!important}.resizer{display:none!important}.workspace-flex[id^=workspace-pdf-]{height:auto!important}.workspace-flex[id^=workspace-pdf-] .panel-left{height:500px!important}.workspace-flex[id^=workspace-pdf-] .panel-right{height:350px!important}div.flashcards-grid{grid-template-columns:1fr!important;gap:15px!important}.back-btn{padding:6px 10px!important;font-size:.8rem!important}.logo-area{font-size:1rem!important}}