.trans-source[data-v-7d5f9735],.trans-result[data-v-7d5f9735]{padding:10px 12px;border-radius:10px;font-size:14.5px;line-height:1.65}.trans-source[data-v-7d5f9735]{border:1px solid var(--border);color:var(--text-muted)}.trans-result[data-v-7d5f9735]{background:var(--accent-soft)}.code-block[data-v-13037038]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:13px;overflow-x:auto;margin:0;line-height:1.7}:root,[data-theme=light]{--bg: #fafafa;--bg-card: #fff;--bg-subtle: #f4f4f5;--bg-hover: #f0f0f1;--border: #e5e5e5;--border-strong: #d4d4d4;--text: #18181b;--text-muted: #52525b;--text-faint: #a1a1aa;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--success: #15803d;--success-soft: #f0fdf4;--warning: #b45309;--warning-soft: #fffbeb;--danger: #b91c1c;--danger-soft: #fef2f2;--shadow: 0 1px 2px rgb(0 0 0 / 4%);--shadow-lg: 0 8px 28px rgb(0 0 0 / 10%)}[data-theme=dark]{--bg: #09090b;--bg-card: #111113;--bg-subtle: #1a1a1e;--bg-hover: #222228;--border: #242428;--border-strong: #34343c;--text: #f4f4f5;--text-muted: #b8b8c0;--text-faint: #6f6f78;--accent: #818cf8;--accent-hover: #a5b4fc;--accent-soft: #1e1b4b;--success: #4ade80;--success-soft: #052e16;--warning: #fbbf24;--warning-soft: #451a03;--danger: #f87171;--danger-soft: #450a0a;--shadow: 0 1px 2px rgb(0 0 0 / 30%);--shadow-lg: 0 8px 28px rgb(0 0 0 / 50%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}code,pre{font-family:JetBrains Mono,ui-monospace,sfmono-regular,menlo,monospace;font-size:.9em}.boot-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;font-weight:550;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn .lucide{width:16px;height:16px}.btn-secondary{background:var(--bg-card);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:13px;border-radius:6px}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn .lucide{width:19px;height:19px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:20px}@media (max-width: 640px){.card{padding:16px}}.card-title{font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.card-header .card-title{margin-bottom:4px}.card-sub{margin:0;font-size:13px;color:var(--text-muted)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field .hint{font-size:12.5px;color:var(--text-faint);margin-top:6px}.input,.textarea,.select{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-card)}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.6}.textarea{min-height:110px;resize:vertical;line-height:1.6}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);font-size:12.5px;font-weight:550;white-space:nowrap}.tag.tag-success{background:var(--success-soft);border-color:transparent;color:var(--success)}.tag.tag-warning{background:var(--warning-soft);border-color:transparent;color:var(--warning)}.tag.tag-danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.tag.tag-accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.alert{padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);font-size:14px}.alert-error{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.alert-success{background:var(--success-soft);border-color:transparent;color:var(--success)}.alert-warning{background:var(--warning-soft);border-color:transparent;color:var(--warning)}.alert-info{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.empty{text-align:center;padding:32px 16px;color:var(--text-muted)}.empty h3{margin:0 0 8px;color:var(--text)}.empty p{margin:0}.spinner{display:inline-block;width:15px;height:15px;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.history-table{width:100%;border-collapse:collapse;font-size:13.5px}.history-table th,.history-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.history-table th{background:var(--bg-subtle);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.history-table tr:last-child td{border-bottom:0}.history-table td.wrap-cell{max-width:420px;overflow-wrap:break-word;line-height:1.55}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:200}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:480px;padding:20px}.modal h3{margin:0 0 8px}.modal p{margin:0 0 12px;color:var(--text-muted);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}@media (max-width: 900px){.sidebar{display:none}}.sidebar-brand{padding:20px 20px 16px}.sidebar-brand h1{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.sidebar-brand p{margin:2px 0 0;font-size:12.5px;color:var(--text-faint)}.course-switcher{padding:0 16px 12px}.course-switcher-btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-subtle);cursor:pointer;font-size:13.5px;font-weight:600;text-align:left}.course-switcher-btn:hover{background:var(--bg-hover)}.course-switcher-btn .lucide{width:15px;height:15px;flex-shrink:0;color:var(--text-faint)}.course-switcher-btn span.label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-menu{margin-top:6px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);box-shadow:var(--shadow-lg);overflow:hidden}.course-menu-item{display:block;width:100%;padding:9px 12px;border:0;background:transparent;cursor:pointer;text-align:left}.course-menu-item:hover{background:var(--bg-hover)}.course-menu-item.active{background:var(--accent-soft)}.course-menu-item .t{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-menu-item .s{font-size:12px;color:var(--text-faint)}.sidebar-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:550;cursor:pointer;text-align:left;width:100%;text-decoration:none}.nav-item .lucide{width:18px;height:18px;flex-shrink:0}.nav-item:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.user-chip{flex:1;min-width:0}.user-chip .n{font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip .r{font-size:12px;color:var(--text-faint)}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:none}@media (max-width: 900px){.topbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:50}}.topbar-title{flex:1;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 16px 40px}@media (max-width: 640px){.main{padding:16px 12px 96px}}.page-head{margin-bottom:20px}.page-head h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.page-head .sub{margin:4px 0 0;color:var(--text-muted);font-size:14px}.bottom-nav{display:none}@media (max-width: 900px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--bg-card);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border:0;background:transparent;color:var(--text-faint);font-size:11px;font-weight:600;cursor:pointer;text-decoration:none}.bottom-nav-item .lucide{width:21px;height:21px}.bottom-nav-item.active{color:var(--accent)}.admin-shell{display:flex;min-height:100vh}.admin-main{flex:1;min-width:0;width:100%;max-width:1180px;margin:0 auto;padding:24px 16px 40px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--bg-card)}.stat .stat-label{font-size:12.5px;color:var(--text-muted);margin-bottom:4px}.stat .stat-value{font-size:24px;font-weight:700;letter-spacing:-.02em}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:32px 24px}.login-card h1{margin:0;font-size:22px;letter-spacing:-.02em}.login-card .sub{margin:4px 0 20px;color:var(--text-muted);font-size:14px}.dashboard-hero h2{margin:0;font-size:24px;letter-spacing:-.02em}.dashboard-hero .sub{margin:4px 0 16px;color:var(--text-muted);font-size:14px}.progress-bar-wrap{height:8px;border-radius:999px;background:var(--bg-subtle);overflow:hidden;margin-bottom:20px}.progress-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .3s}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.stack{display:flex;flex-direction:column;gap:16px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.course-card{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--bg-card);display:flex;flex-direction:column;gap:8px}.course-card.enrolled{border-color:var(--accent)}.course-card h3{margin:0;font-size:16px;letter-spacing:-.01em}.course-card .desc{margin:0;font-size:13.5px;color:var(--text-muted);flex:1}.course-card .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.course-card .stats{font-size:13px;color:var(--text-muted)}.course-card .actions{margin-top:8px}.topic-list{display:flex;flex-direction:column;gap:8px}.topic-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);cursor:pointer;text-align:left;width:100%;transition:border-color .15s}.topic-card:hover{border-color:var(--border-strong)}.topic-number{font-family:JetBrains Mono,ui-monospace,sfmono-regular,menlo,monospace;font-size:13px;color:var(--text-faint);flex-shrink:0;width:32px}.topic-body{flex:1;min-width:0}.topic-body h3{margin:0 0 4px;font-size:15px}.topic-body .meta{font-size:13px;color:var(--text-muted)}.topic-arrow{color:var(--text-faint);flex-shrink:0}.topic-arrow .lucide{width:18px;height:18px}.practice-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.practice-counter{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.practice-counter strong{color:var(--text)}.item-topic{margin:0;font-size:19px;letter-spacing:-.01em}.item-function{margin:6px 0 0;font-size:15px;color:var(--text-muted)}.item-desc-id{font-style:italic;color:var(--text-muted);font-size:14px}.item-long-desc{color:var(--text-muted);font-size:14px;line-height:1.7}.pattern-box{margin-top:16px;padding:16px 20px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;background:var(--bg-subtle);font-family:JetBrains Mono,ui-monospace,sfmono-regular,menlo,monospace;font-size:14.5px;line-height:1.7}.examples-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.example-item{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:14.5px;line-height:1.65}.example-item .example-text{flex:1}.example-actions,.pattern-actions{display:flex;gap:4px;flex-shrink:0}.audio-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;flex-shrink:0}.audio-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.audio-btn.playing{border-color:var(--accent);color:var(--accent)}.audio-btn .lucide{width:15px;height:15px}.score-display{display:flex;align-items:center;gap:16px}.score-circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:750;border:3px solid var(--border-strong);flex-shrink:0}.score-circle.excellent{border-color:var(--success);color:var(--success)}.score-circle.good{border-color:var(--accent);color:var(--accent)}.score-circle.fair{border-color:var(--warning);color:var(--warning)}.score-circle.poor{border-color:var(--danger);color:var(--danger)}.feedback-section{margin-top:16px}.feedback-section h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.feedback-section ul{margin:0;padding-left:20px;font-size:14.5px}.feedback-section li{margin-bottom:4px}.corrected-box{padding:12px 16px;border-radius:10px;background:var(--success-soft);color:var(--text);font-size:14.5px;line-height:1.65}.tip-box{padding:12px 16px;border-radius:10px;background:var(--accent-soft);font-size:14.5px;line-height:1.65}.chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.chat-overlay.open{opacity:1;pointer-events:auto}.chat-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;z-index:101}.chat-drawer.open{transform:none}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border)}.chat-header .t{font-weight:700;display:flex;align-items:center;gap:8px}.chat-header .t .lucide{width:18px;height:18px}.chat-header .s{font-size:12.5px;color:var(--text-faint);margin-top:2px}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:92%;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.65;border:1px solid var(--border)}.chat-bubble p{margin:0 0 8px}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble.user{align-self:flex-end;background:var(--accent);border-color:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:var(--bg-subtle);border-bottom-left-radius:4px}.chat-bubble.assistant pre{background:var(--bg-card);padding:8px 12px;border-radius:6px;overflow-x:auto}.chat-bubble.assistant code{font-size:13px}.chat-input-wrap{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.chat-input-wrap .chat-input{flex:1;padding:9px 12px;border:1px solid var(--border-strong);border-radius:10px;resize:none;min-height:42px;max-height:120px}.chat-input-wrap .chat-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:300;padding:10px 20px;border-radius:999px;background:var(--text);color:var(--bg);font-size:13.5px;font-weight:550;box-shadow:var(--shadow-lg);max-width:calc(100vw - 32px);text-align:center}