:root{--brand-blue: #0b3976;--brand-blue-light: #15549d;--brand-navy: #071f43;--brand-paper: #f4f7fa;--brand-ink: #172235;--brand-muted: #66758a;--brand-line: #dce3ec}*,*:before,*:after{box-sizing:border-box;margin:0}html,body,#app{min-height:100%}body{min-height:100vh;color:var(--brand-ink);background:var(--brand-paper);line-height:1.6;font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;padding:0;font-weight:400}a{text-decoration:none;transition:color .2s ease,background-color .2s ease}.student-screen[data-v-d1bcc63e]{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#101b2b;border-radius:10px}img[data-v-d1bcc63e]{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.student-name[data-v-d1bcc63e]{position:absolute;z-index:1;top:12px;left:12px;max-width:calc(100% - 24px);padding:5px 12px;border-radius:6px;background:#07101ed9;color:#fff;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-placeholder[data-v-d1bcc63e]{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#9aabc1;font-size:15px}.placeholder-icon[data-v-d1bcc63e]{font-size:38px;line-height:1;color:#6983a7}.thumbnail .student-name[data-v-d1bcc63e]{top:4px;left:4px;max-width:calc(100% - 8px);padding:1px 6px;font-size:12px}.thumbnail .screen-placeholder[data-v-d1bcc63e]{gap:4px;font-size:11px}.thumbnail .placeholder-icon[data-v-d1bcc63e]{font-size:22px}.student-page[data-v-1eb5942d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;gap:12px;padding:20px 24px 16px;background:#080f1c;color:#edf3fc;overflow:hidden}.bottom-toolbar[data-v-1eb5942d]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);flex:0 0 auto;align-items:center;gap:16px}.session-info[data-v-1eb5942d]{display:flex;align-items:center;justify-content:flex-end;justify-self:end;min-width:0;max-width:100%;gap:12px;font-size:13px}.teacher-name[data-v-1eb5942d],.connection-status[data-v-1eb5942d]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-name[data-v-1eb5942d]{max-width:140px}.connection-status[data-v-1eb5942d]{color:#9aabc1}.connection-status.offline[data-v-1eb5942d]{color:#efbb61}.screen-viewport[data-v-1eb5942d]{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:12px;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:-3px}.screen-track[data-v-1eb5942d]{width:100%;height:100%;display:flex;transition:transform .28s cubic-bezier(.2,.7,.25,1);will-change:transform}.dragging .screen-track[data-v-1eb5942d]{transition:none}.screen-page[data-v-1eb5942d]{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;width:100%;height:100%}.four-mode .screen-page[data-v-1eb5942d]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.empty-screen[data-v-1eb5942d]{display:grid;place-items:center;background:#0e1726;color:#53647c;border:1px dashed #25344b;border-radius:10px}.edge-glow[data-v-1eb5942d]{position:absolute;top:12%;bottom:12%;width:18px;pointer-events:none;background:#58b7ff;border-radius:50%;filter:blur(14px);transition:opacity .22s}.edge-glow.left[data-v-1eb5942d]{left:-7px;box-shadow:10px 0 32px #368fff}.edge-glow.right[data-v-1eb5942d]{right:-7px;box-shadow:-10px 0 32px #368fff}.page-navigation[data-v-1eb5942d]{display:flex;align-items:center;justify-content:center;gap:20px;color:#cad5e5;font-size:14px;white-space:nowrap}button[data-v-1eb5942d]{font:inherit;cursor:pointer;color:inherit}button[data-v-1eb5942d]:focus-visible{outline:2px solid #8dc9ff;outline-offset:3px}button[data-v-1eb5942d]:disabled{opacity:.4;cursor:default}.page-navigation button[data-v-1eb5942d]{background:#18263b;border:1px solid #2c3e58;border-radius:8px;width:38px;height:32px;font-size:24px;line-height:1}.navigation-hint[data-v-1eb5942d]{margin-left:16px;font-size:12px;color:#8193ad}.thumbnail-toolbar[data-v-1eb5942d]{display:flex;flex:0 0 auto;gap:12px;overflow-x:auto;padding:8px 4px 12px;scrollbar-color:#3b5272 #121e30;scrollbar-width:thin}.thumbnail-button[data-v-1eb5942d]{position:relative;flex:0 0 156px;height:96px;padding:3px;border:2px solid transparent;background:#18263b;border-radius:10px}.thumbnail-button.selected[data-v-1eb5942d]{border-color:#68b4ff;background:#164979}.selected-mark[data-v-1eb5942d]{position:absolute;bottom:6px;right:6px;width:19px;height:19px;line-height:19px;border-radius:50%;background:#3e9eff;color:#fff;font-size:12px}.mode-controls[data-v-1eb5942d]{position:relative;justify-self:start;z-index:3}.mode-toggle[data-v-1eb5942d]{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:#1a304e;border:1px solid #3b587b;border-radius:20px;box-shadow:0 6px 20px #0004}.mode-menu[data-v-1eb5942d]{position:absolute;bottom:calc(100% + 8px);left:0;min-width:148px;padding:6px;background:#19283f;border:1px solid #3b5272;border-radius:12px;box-shadow:0 12px 30px #0006}.mode-menu button[data-v-1eb5942d]{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent}.mode-menu button[data-v-1eb5942d]:hover,.mode-menu button[aria-pressed=true][data-v-1eb5942d]{background:#28486e}@media (max-width: 640px){.student-page[data-v-1eb5942d]{padding:12px;gap:8px}.bottom-toolbar[data-v-1eb5942d]{gap:6px}.session-info[data-v-1eb5942d]{font-size:11px;gap:4px}.mode-toggle[data-v-1eb5942d]{padding:0 10px;gap:6px;height:34px;font-size:13px}.page-navigation[data-v-1eb5942d]{gap:8px;font-size:12px}.page-navigation button[data-v-1eb5942d]{width:28px;height:30px}.screen-page[data-v-1eb5942d]{gap:8px}.navigation-hint[data-v-1eb5942d]{display:none}.thumbnail-button[data-v-1eb5942d]{flex-basis:132px;height:82px}}@media (max-height: 450px){.student-page[data-v-1eb5942d]{padding:8px 12px;gap:6px}.thumbnail-button[data-v-1eb5942d]{height:64px;flex-basis:112px}.thumbnail-toolbar[data-v-1eb5942d]{padding:2px}}@media (prefers-reduced-motion: reduce){.screen-track[data-v-1eb5942d],.edge-glow[data-v-1eb5942d]{transition:none}}