.app-shell[data-v-4ae3b118]{display:flex;flex-direction:column;min-height:100vh}.app-header[data-v-4ae3b118]{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacer-12) + var(--sat)) var(--spacer-16);border-bottom:1px solid var(--border);background:var(--surface)}.app-header__brand[data-v-4ae3b118]{font-weight:600}.app-header__right[data-v-4ae3b118]{display:flex;align-items:center;gap:var(--spacer-8)}.app-header__login[data-v-4ae3b118],.app-header__sync[data-v-4ae3b118],.app-header__link[data-v-4ae3b118],.app-header__logout[data-v-4ae3b118]{min-height:36px;padding:0 var(--spacer-12);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text);font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.app-header__sync[data-v-4ae3b118]:disabled{opacity:.6}.app-header__theme[data-v-4ae3b118]{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-full);width:36px;height:36px;cursor:pointer}.app-main[data-v-4ae3b118]{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--spacer-24) var(--spacer-24) calc(var(--spacer-24) + var(--sab))}@media(max-width:600px){.app-header[data-v-4ae3b118]{padding-left:var(--spacer-16);padding-right:var(--spacer-16)}.app-main[data-v-4ae3b118]{padding:var(--spacer-16) var(--spacer-16) calc(var(--spacer-16) + var(--sab))}.app-header__login[data-v-4ae3b118],.app-header__sync[data-v-4ae3b118],.app-header__link[data-v-4ae3b118],.app-header__logout[data-v-4ae3b118]{min-height:44px;font-size:.8rem;padding:0 var(--spacer-8)}.app-header__theme[data-v-4ae3b118]{width:44px;height:44px}}@media(orientation:landscape){.app-header[data-v-4ae3b118]{padding-left:calc(var(--spacer-16) + var(--sal));padding-right:calc(var(--spacer-16) + var(--sar))}}.block-title{font-size:var(--fs-xl);font-weight:600;line-height:var(--lh-tight);margin:0 0 var(--space-3)}.shell--note{border-left:2px solid var(--tone, var(--primary));padding:var(--space-1) 0 var(--space-1) var(--space-4)}.shell--formula{background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-4)}.shell--viewport{border:1px solid var(--line-strong);border-radius:var(--radius-md)}.shell--definition{border-left:2px solid var(--primary);background:var(--surface-muted);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4)}.block-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacer-16)}.block-card--md{border-radius:var(--radius-md)}.block-card--shadow-xs{box-shadow:var(--shadow-xs)}.block-card--rail-accent{border-left:4px solid var(--accent)}.difficulty-tag{display:inline-block;font-size:.72rem;padding:1px 10px;border-radius:var(--radius-full)}.difficulty-basic{background:rgba(var(--success-rgb),.15);color:var(--success)}.difficulty-medium{background:rgba(var(--warning-rgb),.15);color:var(--warning)}.difficulty-advanced{background:rgba(var(--danger-rgb),.12);color:var(--danger)}.difficulty-sprint{background:#9c87f52e;color:#7c6bc9}:root[data-theme=dark] .difficulty-sprint{color:#d8a1ff}:root{color-scheme:light dark;--brand-50: #fbf2ed;--brand-100: #f4e0d5;--brand-200: #ebc6b6;--brand-300: #e0a892;--brand-400: #d6866a;--brand-500: #c96442;--brand-600: #b0562f;--brand-700: #934828;--brand-800: #753a22;--brand-900: #582e1d;--text-50: #f6f5f0;--text-100: #ece9de;--text-200: #dad9d4;--text-300: #c2c0b6;--text-400: #9b988c;--text-500: #6e6d68;--text-600: #535146;--text-700: #46443b;--text-800: #3d3929;--text-900: #28261b;--bg-50: #ffffff;--bg-100: #faf9f5;--bg-200: #f5f4ef;--bg-300: #ede9de;--bg-400: #e3e0d4;--bg-500: #dad9d4;--bg-600: #cdcabf;--bg-700: #b4b2a7;--bg-800: #8a887e;--bg-900: #535146;--border-50: #f0efe9;--border-100: #ebebeb;--border-200: #e3e0d4;--border-300: #dad9d4;--border-400: #cdcabf;--border-500: #b4b2a7;--border-600: #9b988c;--border-700: #6e6d68;--border-800: #535146;--border-900: #3d3929;--success-50: #f0f3ea;--success-100: #e7ecdd;--success-200: #d3dcc1;--success-300: #b8c69e;--success-400: #9aac79;--success-500: #788c5d;--success-600: #647649;--success-700: #4f5d3a;--success-800: #3d482d;--success-900: #2b331f;--error-50: #fcecea;--error-100: #f7dedb;--error-200: #f3c4bf;--error-300: #eb9d96;--error-400: #e0716a;--error-500: #d64545;--error-600: #b83636;--error-700: #962c2c;--error-800: #732222;--error-900: #531818;--bg: var(--bg-100);--surface: var(--bg-50);--surface-muted: var(--bg-200);--text: var(--text-800);--text-primary: var(--text-900);--text-muted: var(--text-500);--text-secondary: var(--text-600);--border: var(--border-300);--line: var(--border-200);--line-strong: var(--border-400);--primary: var(--brand-500);--primary-soft: var(--brand-100);--accent: var(--brand-600);--success: var(--success-500);--warning: #b26a00;--tone-warn: #b26a00;--danger: var(--error-500);--primary-rgb: 201, 100, 66;--success-rgb: 120, 140, 93;--danger-rgb: 214, 69, 69;--warning-rgb: 178, 106, 0;--accent-rgb: 176, 86, 47;--radius-sm: 8px;--radius-md: 12px;--radius: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--gap-block: var(--space-6);--gap-block-tight: var(--space-4);--pad-shell: var(--space-5);--pad-page: var(--space-5);--spacer-4: var(--space-1);--spacer-6: 6px;--spacer-8: var(--space-2);--spacer-10: 10px;--spacer-12: var(--space-3);--spacer-14: 14px;--spacer-16: var(--space-4);--spacer-20: 20px;--spacer-24: var(--space-5);--spacer-32: var(--space-6);--spacer-40: 40px;--spacer-48: var(--space-7);--fs-2xs: .7rem;--fs-xs: .75rem;--fs-sm: .8rem;--fs-md: .85rem;--fs-base: .9rem;--fs-lg: 1rem;--fs-xl: 1.15rem;--fs-2xl: 1.4rem;--fs-3xl: 2rem;--lh-tight: 1.4;--lh-snug: 1.6;--lh-normal: 1.7;--lh-loose: 1.9;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--font-base: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Poppins, ui-sans-serif, system-ui, sans-serif;--font-display: "PingFang SC", "Microsoft YaHei", Newsreader, Georgia, ui-serif, serif;--font-serif: "Songti SC", "SimSun", Lora, Georgia, ui-serif, serif;--font-mono: "SF Mono", "Menlo", Geist Mono, ui-monospace, monospace;--shadow-xs: 0 1px 3px rgba(40, 38, 27, .05);--shadow-pop: 0 8px 30px rgba(40, 38, 27, .1);--dur-1: .1s;--dur-2: .16s;--dur-3: .24s;--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme=dark]{color-scheme:dark;--brand-100: #4d3528;--brand-500: #d97757;--brand-600: #e08d6f;--text-500: #b7b5a9;--text-600: #c3c0b6;--text-800: #f1f1ef;--text-900: #faf9f5;--bg-50: #1b1b19;--bg-100: #262624;--bg-200: #2c2c2b;--bg-300: #30302e;--border-200: #343430;--border-300: #3e3e38;--border-400: #4a4a43;--success-500: #8ca06f;--error-500: #ef4444;--bg: var(--bg-100);--surface: var(--bg-200);--surface-muted: var(--bg-300);--text: var(--text-800);--text-primary: var(--text-900);--text-muted: var(--text-500);--text-secondary: var(--text-600);--border: var(--border-300);--line: var(--border-200);--line-strong: var(--border-400);--primary: var(--brand-500);--primary-soft: var(--brand-100);--accent: var(--brand-600);--success: var(--success-500);--warning: #d9a64b;--tone-warn: #d9a64b;--danger: var(--error-500);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .4);--shadow-pop: 0 8px 30px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-base);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.45rem;font-weight:700;margin:var(--spacer-24) 0 var(--spacer-12)}h3{font-size:var(--fs-xl);font-weight:600;margin:var(--spacer-16) 0 var(--spacer-8)}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacer-16)}mark.katex-hl{background:linear-gradient(180deg,transparent 30%,rgba(var(--warning-rgb),.28) 30%);color:inherit;padding:0 2px;border-radius:3px;font-weight:600}@media(max-width:600px){body{font-size:17px;line-height:1.75}h1{font-size:var(--fs-2xl)}}.block-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:blockSpin .8s linear infinite;vertical-align:middle;flex:0 0 auto}@keyframes blockSpin{to{transform:rotate(360deg)}}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}