.page-enter-active,.page-leave-active{transition:opacity .2s ease,filter .2s ease}.page-enter-from,.page-leave-to{opacity:0;filter:blur(3px)}:root{--primary: #ffa312;--primary-hover: #e6920f;--primary-light: rgba(255,163,18,.15);--success: #70ad47;--error: #ff0000;--warn: #C9963A;--tip: #38bdf8;--dark-bg-primary: #121212;--dark-bg-secondary: #1a1a1a;--dark-bg-surface: #222;--dark-text-primary: #FFFFFF;--dark-text-secondary: #D4D4D8;--dark-text-muted: #9CA3AF;--dark-border: #333333;--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: #121212;--code-text: #D4D4D8;--hl-keyword: #ffa312;--hl-function: #D4734E;--hl-string: #70ad47;--hl-number: #C9963A;--hl-comment: #6B7280;--hl-builtin: #61AFEF;--hl-blank: #E8E8F0;--review-core: #ffa312;--review-core-bg: rgba(255,163,18,.15);--review-analogy: #70ad47;--review-analogy-bg: rgba(112,173,71,.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: "Microsoft YaHei", "微软雅黑", "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}.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}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:#cc8a0f}.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, #ffa312);border-color:var(--primary, #ffa312);background:#ffa3120f}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, #ffa312);background:#ffa3120a}.avatar-rainbow{background-color:#e74c3c!important;animation:avatar-rainbow-hue .5s linear infinite}@keyframes avatar-rainbow-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.avatar-checker{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='10' height='10' fill='white'/%3E%3Crect width='5' height='5' fill='black'/%3E%3Crect x='5' y='5' width='5' height='5' fill='black'/%3E%3C/svg%3E")!important;background-size:50% 50%!important;background-position:0 0!important}.avatar-char{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;line-height:1}.avatar-checker .avatar-char{display:none}.avatar-logo{background:url(/images/catlab-webicon.png) center / cover no-repeat!important;box-shadow:none!important;animation:none!important}.avatar-logo .avatar-char{display:none!important}.avatar-hidden{opacity:0!important}*{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#4d4d4d}*::-webkit-scrollbar-corner{background:transparent}body.theory-mode{scrollbar-color:#9aa4b2 transparent}body.theory-mode *::-webkit-scrollbar-thumb{background:#9aa4b2}html{scrollbar-gutter:stable}[class$=-overlay]{animation:popOverlayIn .22s ease both}.confirm-box,.modal-box,.logout-dialog,.admin-dialog,.qr-dialog,.course-switch-dialog,.gate-card,.fb-user-card,.user-detail-card{animation:popBoxIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes popOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes popBoxIn{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}