:root{--primary: #7B6CB5;--primary-hover: #6A5BA4;--primary-light: rgba(123,108,181,.15);--success: #3A9B7E;--error: #E05555;--warn: #C9963A;--tip: #38bdf8;--dark-bg-primary: #1E1E2E;--dark-bg-secondary: #22222F;--dark-bg-surface: #2D2D3F;--dark-text-primary: #FFFFFF;--dark-text-secondary: #D4D4D8;--dark-text-muted: #9CA3AF;--dark-border: #3F3F5A;--dark-input-bg: #0F172A;--light-bg: #FFFFFF;--light-text: #1e293b;--light-text-secondary: #64748b;--light-border: #E2E8F0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--text-xs: 12px;--text-sm: 14px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--code-font-size: 14px;--code-line-height: 1.9;--code-font-weight: 500;--code-letter-spacing: .3px;--code-bg: #1E1E2E;--code-text: #D4D4D8;--hl-keyword: #7B6CB5;--hl-function: #D4734E;--hl-string: #3A9B7E;--hl-number: #C9963A;--hl-comment: #6B7280;--hl-builtin: #61AFEF;--hl-blank: #E8E8F0;--review-core: #7B6CB5;--review-core-bg: rgba(123,108,181,.15);--review-analogy: #3A9B7E;--review-analogy-bg: rgba(58,155,126,.15);--review-industry: #C9963A;--review-industry-bg: rgba(201,150,58,.15);--tag-ok-bg: #dcfce7;--tag-ok-text: #16a34a;--tag-warn-bg: #FEF3E2;--tag-warn-text: #D97706;--tag-fire-bg: #fef2f2;--tag-fire-text: #dc2626;--font-cn: "HarmonyOS Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-code: "JetBrains Mono", "SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--nav-height: 52px;--text-dark: var(--light-text);--text-light: var(--light-text-secondary);--bg-card: var(--light-bg);--border: var(--light-border);--bg-input: #F8FAFC;--body-text: var(--light-text);--dark-bg: var(--dark-bg-primary);--scene-bg: #F9FAFB;--scene-border: #E2E8F0;--scene-header-bg: #FFFFFF;--scene-header-hover-border: #7B6CB5;--scene-arrow-color: #64748b;--scene-count-bg: rgba(123, 108, 181, .1);--scene-count-color: #7B6CB5;--btn-prev-border: #7B6CB5;--btn-prev-text: #7B6CB5;--btn-prev-hover-border: #6558A0;--wrong-header-bg: #1E1E2E;--wrong-header-text: #F1F5F9;--wrong-footer-bg: #1E1E2E;--wrong-filter-bg: #F9FAFB;--wrong-card-bg: #FFFFFF;--wrong-card-border: #E2E8F0;--heat-low: #F5A3A3;--heat-mid: #E05555;--heat-high: #9B1C1C;--heat-low-bg: rgba(245, 163, 163, .15);--heat-mid-bg: rgba(224, 85, 85, .15);--heat-high-bg: rgba(155, 28, 28, .15);--btn-redo-border: #7B6CB5;--btn-redo-text: #7B6CB5;--btn-redo-hover-border: #6558A0;--btn-mastered-border: #3A9B7E;--btn-mastered-text: #3A9B7E;--btn-mastered-hover-border: #2D7D64;--redo-panel-bg: #F9FAFB;--redo-panel-border: #E2E8F0;--tag-knowledge-bg: rgba(123, 108, 181, .08);--tag-knowledge-color: #7B6CB5;--tag-knowledge-border: rgba(123, 108, 181, .2);--badge-new-bg: #C9963A;--badge-new-text: #FFFFFF}*{border-radius:0!important}.option-letter{border-radius:50%!important}*{background-image:none!important}*{box-shadow:none!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-cn);background:var(--dark-bg-primary);color:var(--dark-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle,rgba(123,108,181,.03) 1px,transparent 1px);background-size:24px 24px}body.theory-mode{background:var(--light-bg);color:var(--light-text);background-image:none}body.practice-mode{background:#f0f2f5;color:var(--light-text);background-image:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}.hoverable{transition:border-color .2s,opacity .2s}.hoverable:hover{border-color:var(--primary)}.text-title{font-family:var(--font-cn);font-weight:700}.text-body{font-family:var(--font-cn);font-weight:400}.text-bold{font-family:var(--font-cn);font-weight:700}.text-code{font-family:var(--font-code);font-weight:400}.text-code-bold{font-family:var(--font-code);font-weight:700}.t-purple{color:var(--primary)}.t-green{color:var(--success)}.t-gold{color:var(--warn)}.t-blue{color:var(--tip)}.t-red{color:var(--error)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:var(--text-base);font-weight:600;border:2px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;font-family:var(--font-cn)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:#5a4b93}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--dark-text-muted);border-color:transparent}.btn-ghost:hover{color:var(--dark-text-primary);border-color:var(--dark-border)}.btn-success{background:var(--success);color:#fff}.btn-error{background:var(--error);color:#fff}.btn-sm{padding:6px 12px;font-size:var(--text-sm)}.btn-lg{padding:14px 28px;font-size:var(--text-lg)}.btn-block{width:100%}.card{background:var(--dark-bg-surface);border:1px solid var(--dark-border);padding:var(--space-lg)}.card-light{background:var(--light-bg);border:1px solid var(--light-border);color:var(--light-text);padding:var(--space-lg)}.input{width:100%;padding:12px 16px;border:2px solid var(--dark-border);background:var(--dark-input-bg);color:#f1f5f9;font-size:var(--text-base);text-align:center;letter-spacing:1px;transition:border-color .2s;font-family:var(--font-cn)}.input:focus{border-color:var(--primary)}.input::placeholder{color:#475569}.tag{display:inline-block;padding:2px 8px;font-size:var(--text-xs);font-weight:600}.tag-ok{background:var(--tag-ok-bg);color:var(--tag-ok-text)}.tag-warn{background:var(--tag-warn-bg);color:var(--tag-warn-text)}.tag-fire{background:var(--tag-fire-bg);color:var(--tag-fire-text)}.module-card{background:var(--dark-bg-surface);border:1px solid var(--dark-border);border-left:4px solid var(--primary);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:border-color .2s,opacity .2s}.module-card:hover{border-color:var(--primary)}.module-card.locked{opacity:.5;cursor:not-allowed}.module-card .module-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-xs)}.module-card .module-desc{font-size:var(--text-sm);color:var(--dark-text-muted)}.code-block{background:var(--code-bg);color:var(--code-text);font-family:var(--font-code);font-size:var(--code-font-size);line-height:var(--code-line-height);font-weight:var(--code-font-weight);letter-spacing:var(--code-letter-spacing);padding:14px;white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin-bottom:14px}.hl-keyword{color:var(--hl-keyword)}.hl-funcall{color:var(--hl-function)}.hl-string{color:var(--hl-string)}.hl-number{color:var(--hl-number)}.code-comment{color:var(--hl-comment)}.hl-blank{color:var(--hl-blank)}.blank-pending{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid var(--primary);color:var(--hl-blank);font-size:12px;font-family:var(--font-code);cursor:pointer;vertical-align:middle;margin:0 2px}.blank-filled{border-color:var(--success);color:var(--success)}.blank-wrong{border-color:var(--error);color:var(--error)}.review-panel{margin-top:var(--space-md)}.review-item{padding:var(--space-md);margin-bottom:var(--space-sm);border-left:3px solid}.review-core{border-color:var(--review-core);background:var(--review-core-bg)}.review-core .review-label{color:var(--review-core)}.review-analogy{border-color:var(--review-analogy);background:var(--review-analogy-bg)}.review-analogy .review-label{color:var(--review-analogy)}.review-industry{border-color:var(--review-industry);background:var(--review-industry-bg)}.review-industry .review-label{color:var(--review-industry)}.review-label{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-xs)}.review-content{font-size:var(--text-base);line-height:1.6;color:var(--dark-text-secondary)}.progress-bar{width:100%;height:4px;background:var(--dark-bg-surface)}.progress-bar-fill{height:100%;background:var(--primary);transition:width .3s}.option-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--dark-border);margin-bottom:var(--space-sm);cursor:pointer;transition:border-color .2s}.option-item:hover{border-color:var(--primary)}.option-item.selected{border-color:var(--primary);background:var(--primary-light)}.option-item.correct{border-color:var(--success);background:#3a9b7e1a}.option-item.wrong{border-color:var(--error);background:#e055551a}.option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border:2px solid var(--dark-border);font-size:var(--text-sm);font-weight:700;font-family:var(--font-code);color:var(--dark-text-muted)}.option-item.selected .option-letter{border-color:var(--primary);color:var(--primary)}.option-item.correct .option-letter{border-color:var(--success);color:var(--success)}.option-item.wrong .option-letter{border-color:var(--error);color:var(--error)}.option-text{font-size:var(--text-base);line-height:1.6;padding-top:2px}.dataset-preview{margin-bottom:var(--space-md)}.dataset-preview summary{cursor:pointer;color:var(--dark-text-muted);font-size:var(--text-sm);padding:var(--space-sm) 0}.dataset-preview pre{background:var(--code-bg);color:var(--code-text);font-family:var(--font-code);font-size:var(--code-font-size);padding:14px;overflow-x:auto;white-space:pre-wrap}.quiz-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.quiz-nav-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--dark-border);font-size:var(--text-sm);font-family:var(--font-code);color:var(--dark-text-muted);cursor:pointer;transition:border-color .2s}.quiz-nav-item:hover{border-color:var(--primary)}.quiz-nav-item.active{border-color:var(--primary);color:var(--primary)}.quiz-nav-item.answered{background:var(--primary);border-color:var(--primary);color:#fff}.quiz-nav-item.correct{background:var(--success);border-color:var(--success);color:#fff}.quiz-nav-item.wrong{background:var(--error);border-color:var(--error);color:#fff}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.result-card{background:var(--dark-bg-surface);border:1px solid var(--dark-border);padding:var(--space-xl);max-width:400px;width:90%;text-align:center}.result-icon{font-size:48px;margin-bottom:var(--space-md)}.result-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-sm)}.result-stats{font-size:var(--text-base);color:var(--dark-text-muted);margin-bottom:var(--space-lg)}@media(max-width:768px){.card,.card-light,.module-card{padding:var(--space-md)}}body.theory-mode .btn-ghost{color:var(--light-text-secondary, #7E8FA3);border-color:var(--light-border, #E2E8F0)}body.theory-mode .btn-ghost:hover{color:var(--primary, #7B6CB5);border-color:var(--primary, #7B6CB5);background:#7b6cb50f}body.theory-mode .module-card{background:var(--light-bg, #FFFFFF);color:var(--light-text, #1e293b);border-color:var(--light-border, #E2E8F0)}body.theory-mode .module-card.hoverable:hover{border-color:var(--primary, #7B6CB5);background:#7b6cb50a}