:root,[data-theme=light]{--up-surface:#fff;--up-surface-subtle:#fafafa;--up-surface-muted:#f5f5f5;--up-border:#e8e8e8;--up-border-light:#f0f0f0;--up-text:#000000e0;--up-text-secondary:#00000073;--up-text-muted:#00000040;--up-shadow:#0000000f;--up-tag-bg:#f5f5f5;--up-tag-text:#00000073;--up-link:#1677ff;--up-avatar-bg:#e6f4ff;--up-avatar-text:#1677ff;--up-student-bg:#e6f4ff;--up-student-border:#91caff;--up-teacher-bg:#fffbe6;--up-teacher-border:#ffe58f;--up-student-title:#1677ff;--up-teacher-title:#d48806;--up-tab-active-bg:#e6f4ff;--up-hover-border:#91caff;--up-remove-btn-bg:#fff}[data-theme=dark]{--up-surface:#18181c;--up-surface-subtle:#101014;--up-surface-muted:#262629;--up-border:#ffffff1f;--up-border-light:#ffffff17;--up-text:#ffffffd9;--up-text-secondary:#ffffff8c;--up-text-muted:#ffffff59;--up-shadow:#00000059;--up-tag-bg:#ffffff14;--up-tag-text:#ffffff8c;--up-link:#63a4ff;--up-avatar-bg:#1677ff33;--up-avatar-text:#63a4ff;--up-student-bg:#1677ff1f;--up-student-border:#1677ff59;--up-teacher-bg:#faad141f;--up-teacher-border:#faad1459;--up-student-title:#63a4ff;--up-teacher-title:#ffc53d;--up-tab-active-bg:#1677ff2e;--up-hover-border:#63a4ff;--up-remove-btn-bg:#262629}.basic-layout[data-v-f5adce5e]{min-height:100vh}.logo[data-v-f5adce5e]{justify-content:center;align-items:center;height:64px;display:flex}.logo h1[data-v-f5adce5e]{margin:0;font-size:20px;font-weight:700}.mobile-logo[data-v-f5adce5e]{margin-bottom:8px}.layout-header[data-v-f5adce5e]{height:64px;padding:0}.header-content[data-v-f5adce5e]{justify-content:space-between;align-items:center;height:100%;padding:0 16px;display:flex}.header-left[data-v-f5adce5e],.header-right[data-v-f5adce5e]{align-items:center;gap:8px;display:flex}.header-action-text[data-v-f5adce5e]{margin-left:4px}.user-info[data-v-f5adce5e]{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.username[data-v-f5adce5e]{font-size:14px}.layout-content[data-v-f5adce5e]{min-height:calc(100vh - 96px);margin:16px}.color-picker[data-v-f5adce5e]{width:200px}.color-picker-title[data-v-f5adce5e]{opacity:.75;margin-bottom:8px;font-size:12px}.color-swatch[data-v-f5adce5e]{cursor:pointer;border:2px solid #0000;border-radius:4px;width:32px;height:32px;transition:transform .2s,opacity .2s}.color-swatch[data-v-f5adce5e]:hover{transform:scale(1.08)}.color-swatch.active[data-v-f5adce5e]{border-color:#00000040}@media (width<=768px){.layout-content[data-v-f5adce5e]{margin:8px}}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}