:root{--bg: #ffffff;--bg-soft: #f7fafa;--surface: #ffffff;--ink: #16202b;--ink-2: #51606f;--ink-3: #93a1af;--line: #e5ebee;--line-strong: #d4dde3;--accent: #0d9aa7;--accent-hover: #0a7f8a;--accent-bg: #e6f5f6;--accent-line: #bde3e7;--success: #3d9a72;--warning: #a8842a;--danger: #c05a45;--font-display: "Noto Serif SC", "Source Serif 4", "Songti SC", serif;--font-body: "Inter", "PingFang SC", -apple-system, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--t-micro: 11px;--t-caption: 12px;--t-body: 13px;--t-strong: 14px;--t-title: 17px;--t-metric: 20px;--t-display: 22px;--t-page: 28px;--t-brand: 30px;--t-hero: 44px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-1: 0 1px 2px rgba(22, 32, 43, .05);--shadow-2: 0 6px 20px rgba(22, 32, 43, .09);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s8: 48px;--ease: cubic-bezier(.2, .6, .2, 1);--dur: .16s;--sider-width: 208px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app-shell{display:flex;min-height:100vh}.app-sider{width:var(--sider-width);flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:var(--surface)}.app-brand{font-family:var(--font-display);font-size:var(--t-title);color:var(--ink);padding:var(--s5) var(--s5) var(--s4)}.app-nav{display:flex;flex-direction:column;gap:var(--s1);padding:0 var(--s3)}.app-nav-item{display:block;padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--ink-2);text-decoration:none;font-size:var(--t-strong);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.app-nav-item:hover{background:var(--bg-soft);color:var(--ink)}.app-nav-item.active{background:var(--accent-bg);color:var(--accent-hover)}.app-sider-foot{margin-top:auto;padding:var(--s4) var(--s5);border-top:1px solid var(--line)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{display:none;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}.app-menu-btn{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);color:var(--ink);padding:var(--s1) var(--s2);cursor:pointer;display:inline-flex}.app-topbar-title{font-size:var(--t-strong);color:var(--ink)}.app-content{flex:1;padding:var(--s6);max-width:1080px;width:100%;margin:0 auto}.app-mask{display:none}.page-title{font-family:var(--font-display);font-size:var(--t-page);font-weight:600;margin:0 0 var(--s5);color:var(--ink)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s5)}.page-head .page-title{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5);margin-bottom:var(--s5)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s4)}.panel-title{font-size:var(--t-title);font-family:var(--font-display);color:var(--ink)}.panel-meta{font-size:var(--t-caption);color:var(--ink-2)}.panel-empty{padding:var(--s8) 0;text-align:center;color:var(--ink-3);font-size:var(--t-body)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);margin-bottom:var(--s5)}.stat-card{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4) var(--s5);background:var(--surface)}.stat-label{font-size:var(--t-caption);color:var(--ink-2);margin-bottom:var(--s2)}.stat-value{font-family:var(--font-mono);font-size:var(--t-metric);color:var(--ink)}.stat-unit{font-size:var(--t-caption);color:var(--ink-2);margin-left:var(--s1)}.heatmap-wrap{overflow-x:auto}.heatmap{display:flex;gap:3px}.heatmap-weekdays{display:flex;flex-direction:column;margin-right:var(--s1)}.heatmap-weekday{font-size:var(--t-micro);color:var(--ink-3);line-height:11px}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-cell{border-radius:2px;background:var(--bg-soft);border:1px solid var(--line)}.heatmap-cell[data-level="1"]{background:var(--accent-bg);border-color:var(--accent-line)}.heatmap-cell[data-level="2"]{background:var(--accent-line);border-color:var(--accent-line)}.heatmap-cell[data-level="3"]{background:var(--accent);border-color:var(--accent)}.heatmap-cell[data-level="4"]{background:var(--accent-hover);border-color:var(--accent-hover)}.heatmap-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s3)}.heatmap-total{font-size:var(--t-caption);color:var(--ink-2)}.heatmap-legend{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-micro);color:var(--ink-3)}.wrong-filter{margin-bottom:var(--s4)}.wrong-panel .ant-collapse-header{align-items:center}.wrong-group-label{font-size:var(--t-strong);color:var(--ink)}.wrong-group-count{margin-left:var(--s3);font-size:var(--t-caption);color:var(--ink-2)}.wrong-list{display:flex;flex-direction:column}.wrong-item{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line)}.wrong-item:first-child{border-top:none}.wrong-item-main{display:flex;align-items:baseline;gap:var(--s3);min-width:0}.wrong-title{color:var(--ink);font-size:var(--t-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrong-qno{color:var(--accent-hover);font-size:var(--t-caption);flex-shrink:0}.wrong-item-meta{display:flex;gap:var(--s4);flex-shrink:0;font-size:var(--t-caption);color:var(--ink-2);font-family:var(--font-mono)}.version-latest{margin-left:var(--s2);font-size:var(--t-micro);color:var(--accent-hover);background:var(--accent-bg);border-radius:var(--r-sm);padding:1px var(--s2);white-space:nowrap}.version-actions{display:inline-flex;gap:var(--s2);align-items:center}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);padding:var(--s4)}.login-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s6);display:flex;flex-direction:column;gap:var(--s4)}.login-brand{font-family:var(--font-display);font-size:var(--t-brand);color:var(--ink);text-align:center}.login-sub{font-size:var(--t-caption);color:var(--ink-2);text-align:center;margin-top:calc(-1 * var(--s2));margin-bottom:var(--s2)}@media (max-width: 768px){.app-sider{position:fixed;left:0;top:0;bottom:0;z-index:20;transform:translate(-100%);transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-2)}.app-sider.open{transform:translate(0)}.app-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#16202b52}.app-topbar{display:flex}.app-content{padding:var(--s4)}.stat-grid{grid-template-columns:repeat(2,1fr)}.wrong-item{flex-direction:column;align-items:flex-start;gap:var(--s1)}}