:root{--bg-dark: #262626;--bg-page: #262626;--bg-elevated: #373737;--bg-sunken: #1B1B1B;--glass-bg: #303030;--glass-border: #484848;--glass-border-light: #3D3D3D;--primary: #980019;--primary-hover: #B30020;--primary-rgb: 152, 0, 25;--primary-soft: rgba(var(--primary-rgb), .12);--primary-tint: #D9526A;--primary-tint-bright: #E85A6B;--accent: #F7F7F5;--accent-soft: rgba(255, 255, 255, .06);--text-main: #F7F7F5;--text-muted: #A6A6A1;--text-faint: #777773;--danger: #E5484D;--success: #4ADE80;--warn: #C89B3C;--card-bg: #303030;--panel-border: #484848;--header-bg: #FFFFFF;--header-text: #333333;--font-display: "Nunito", "Noto Sans TC", system-ui, sans-serif;--font-body: "Noto Sans TC", "Nunito", system-ui, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 0 rgba(0, 0, 0, .15);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .4), 0 1px 0 rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100vh;font-family:var(--font-body);color:var(--text-main);overflow:hidden;background-color:var(--bg-page)}.katex,.katex .mord,.katex .mbin,.katex .mrel,.katex .mopen,.katex .mclose,.katex .mpunct,.katex .minner,.katex .mop,.katex .mfrac>span,.katex .base,.katex .frac-line,.katex .sqrt>.sqrt-sign{color:#f7f7f5!important}.katex .frac-line{border-bottom-color:#f7f7f5!important}.katex .sqrt>.sqrt-sign{color:#f7f7f5!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dynamic-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:radial-gradient(circle at 85% 15%,rgba(152,0,25,.05) 0%,transparent 40%),var(--bg-page)}.stage-glow{position:absolute;top:50%;left:20%;transform:translate(-50%,-50%);width:400px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(152,0,25,.08) 0%,transparent 70%);z-index:1;pointer-events:none}.app-container{display:flex;width:100%;height:100vh;position:relative;z-index:2}.glass-container{background:var(--glass-bg);border:1px solid var(--glass-border);height:100%;display:flex;flex-direction:column;border-radius:0}.panel{height:100%;transition:width .1s ease}.left-panel{flex:0 0 22%;min-width:220px;padding:16px 8px 16px 16px}.left-panel .glass-container{border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--shadow-lg);background:#f6f6f6;border-color:#484848}.right-panel{flex:1;padding:16px 16px 16px 8px}.right-panel .glass-container{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}.divider{width:16px;display:flex;justify-content:center;align-items:center;cursor:col-resize;z-index:10;flex-shrink:0;position:relative}.divider-handle{width:6px;height:72px;background:linear-gradient(180deg,#484848,#6a6a68 30%,#6a6a68 70%,#484848);border-radius:3px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px #0000004d}.divider:hover .divider-handle,.divider:active .divider-handle{background:linear-gradient(180deg,#b30020,#d9526a 40%,#d9526a 60%,#b30020);box-shadow:0 0 12px #d9526a8c,0 0 0 1px #0000004d;height:100px}.divider:after{content:"⇔ 拖曳 / 雙擊隱藏";position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 62px));background:#303030f2;color:#f7f7f5;font-size:10px;padding:3px 8px;border-radius:6px;border:1px solid #484848;opacity:0;transition:opacity .2s;white-space:nowrap;pointer-events:none}.divider:hover:after{opacity:1}.action-buttons{display:flex;gap:8px}.icon-btn{background:#ffffff14;border:1px solid var(--glass-border);color:var(--text-main);width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;justify-content:center;align-items:center}.icon-btn:hover{background:#ffffff26;transform:translateY(-2px);color:var(--primary);border-color:#8f001780}.live2d-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.placeholder-character{text-align:center;color:var(--text-muted);opacity:.6}.placeholder-character i{font-size:8rem;margin-bottom:16px;background:linear-gradient(135deg,var(--primary),#FFFFFF);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 6px 12px rgba(143,0,23,.3))}.subtitle-overlay{position:absolute;top:20px;left:16px;right:16px;z-index:20;background:#2e2e2ef0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px 18px;box-shadow:var(--shadow-lg);display:none;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;color:var(--text-main)}.subtitle-overlay.active{display:block}.subtitle-overlay::-webkit-scrollbar{width:4px}.subtitle-overlay::-webkit-scrollbar-track{background:transparent}.subtitle-overlay::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.subtitle-text{font-size:1.05rem;line-height:1.7;color:var(--text-main);overflow-wrap:break-word;white-space:pre-wrap}.chat-history{position:absolute;bottom:90px;left:16px;right:16px;z-index:15;max-height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.chat-history::-webkit-scrollbar{width:4px}.chat-history::-webkit-scrollbar-track{background:transparent}.chat-history::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.chat-bubble{padding:10px 14px;border-radius:14px;font-size:.95rem;line-height:1.5;max-width:85%;animation:fadeIn .3s ease;word-break:break-word}.chat-bubble.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px;box-shadow:0 3px 8px #8f001759}.chat-bubble.ai{align-self:flex-start;background:#3a3a3a;border:1px solid var(--glass-border);color:var(--text-main);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes batchbar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.input-section{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;z-index:20;background:linear-gradient(to top,rgba(27,27,27,.95) 60%,transparent)}.assistant-console{margin:16px;background:#2e2e2ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:16px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:12px}.tutor-dialogue{background:var(--primary-soft);padding:12px 16px;border-radius:12px;border-left:3px solid var(--primary)}.tutor-dialogue p{font-size:.95rem;line-height:1.5;color:var(--text-main)}.input-glass{display:flex;align-items:center;background:#1b1b1b;border:1px solid var(--glass-border);border-radius:30px;padding:6px;transition:border-color .3s}.input-glass:focus-within{border-color:var(--primary);box-shadow:0 0 12px #8f001733}.mic-btn{background:transparent;border:none;color:var(--text-muted);width:40px;height:40px;border-radius:50%;cursor:pointer;transition:color .2s,transform .2s}.mic-btn:hover{color:var(--primary);transform:scale(1.1)}.user-input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:.95rem;padding:0 12px;outline:none;font-family:inherit}.send-btn{background:var(--primary);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 8px #8f001759}.send-btn:hover{transform:scale(1.08) rotate(-5deg);box-shadow:0 5px 12px #8f001780;background:var(--primary-hover)}.primary-btn{background:var(--primary);border:none;color:#fff;padding:10px 18px;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;font-family:inherit;font-size:.95rem;box-shadow:0 3px 8px #8f001759}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px #8f001780;background:var(--primary-hover)}