:root,[data-layout=standard]{--content-max-width: min( calc(100vw - 32px) , 1200px);--page-max-width: var(--content-max-width);--shell-max-width: var(--content-max-width);--page-padding-x: 20px;--content-padding-x: 20px}[data-layout=comfortable]{--content-max-width: min( calc(100vw - 32px) , 1360px);--page-max-width: var(--content-max-width);--shell-max-width: var(--content-max-width)}[data-layout=wide]{--content-max-width: min( calc(100vw - 40px) , 1520px);--page-max-width: var(--content-max-width);--shell-max-width: var(--content-max-width)}[data-layout=full]{--content-max-width: min( calc(100vw - 32px) , 1680px);--page-max-width: var(--content-max-width);--shell-max-width: var(--content-max-width)}:root{--bg: #f4f7fc;--surface: #ffffff;--text: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--primary: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--primary-soft: #eff6ff;--primary-muted: #bfdbfe;--primary-contrast: #ffffff;--progress-track: #e2e8f0;--progress-fill: #3b82f6;--accent: var(--primary);--accent-soft: var(--primary-soft);--success: #10b981;--warning: #f59e0b;--radius: 10px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(59, 130, 246, .06);--max-width: var(--page-max-width);--nav-height: 56px;--workspace-strip-height: 0px;--layout-top-offset: calc(var(--nav-height) + var(--workspace-strip-height));--streak: #f97316;--streak-soft: #fff7ed;--achievement: #eab308;--achievement-soft: #fefce8;--encourage: #ec4899;--encourage-soft: #fdf2f8;--kp-untouched: #cbd5e1;--kp-learning: #f59e0b;--kp-mastered: #10b981;--kp-expert: #eab308;--tabbar-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--touch-target-min: 44px;--mobile-card-radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit;text-decoration:none}main{width:100%;box-sizing:border-box}.page,.content-container{max-width:var(--page-max-width);margin:0 auto;padding:16px var(--page-padding-x) 32px;width:100%}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.page-desc{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.page-shell .page-header{margin-bottom:0}.page-shell .page-desc{margin-bottom:8px}.page-body{display:flex;flex-direction:column;gap:12px}.page-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.page-toolbar-start{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:1;min-width:0}.page-context{margin:0;font-size:13px;color:var(--text-secondary)}.scope-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0}.premise-bar{padding:12px 16px;margin-bottom:16px;background:var(--primary-soft);border:1px solid var(--border)}.premise-bar.compact{padding:10px 14px;margin-bottom:12px}.premise-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.premise-rows{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.premise-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.premise-key{font-size:12px;color:var(--text-muted);min-width:2.5em}.premise-val{font-size:14px;font-weight:600;color:var(--text)}.premise-hint{font-size:12px;color:var(--text-secondary)}.premise-row.source-row{padding-top:8px;border-top:1px dashed var(--border)}.premise-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0}.section-tabs{display:flex;gap:4px;padding:4px;margin-bottom:8px;flex-wrap:wrap}.section-tab{padding:6px 12px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);white-space:nowrap;transition:background .15s,color .15s;text-decoration:none;display:inline-flex;align-items:center}.section-tab:hover{background:var(--primary-soft);color:var(--text)}.section-tab.active{background:var(--primary);color:var(--primary-contrast);font-weight:600}.section-tab-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;max-width:280px}.section-tab-col .tab-sub{font-size:11px;font-weight:400;opacity:.85}.section-tab.active .tab-sub{opacity:.92}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-caption{grid-column:1 / -1;margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.stat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-item .label{font-size:13px;color:var(--text-secondary)}.stat-item .value{font-size:28px;font-weight:600;margin-top:4px;letter-spacing:-.03em}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:var(--primary);color:var(--primary-contrast);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-active);transform:scale(.98)}.btn-ghost{display:inline-flex;align-items:center;padding:8px 14px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-ghost:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-muted)}.el-input__wrapper,.el-textarea__inner{border-radius:var(--radius-sm)!important;box-shadow:none!important;border:1px solid var(--border)!important}.el-card{border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important}.el-tag{border-radius:999px!important}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}@media(max-width:768px){:root,[data-layout]{--content-max-width: 100%;--page-max-width: 100%;--shell-max-width: 100%;--page-padding-x: 16px;--content-padding-x: 16px;--radius: 14px;--radius-sm: 10px}}.master-detail-stack{--master-detail-sidebar-width: 280px;display:flex;align-items:flex-start;gap:16px}.master-detail-stack__master{flex:0 0 var(--master-detail-sidebar-width);width:var(--master-detail-sidebar-width);min-width:0}.master-detail-stack__detail{flex:1;min-width:0}.master-detail-stack__back{display:none;align-items:center;gap:4px;margin-bottom:12px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.master-detail-stack__back:hover{background:var(--primary-soft);border-color:var(--primary-muted)}.master-detail-stack--panel .master-detail-stack__master{flex:1 1 auto;width:auto}.master-detail-stack--panel .master-detail-stack__detail{flex:0 0 var(--master-detail-sidebar-width);width:var(--master-detail-sidebar-width)}@media(max-width:900px){.master-detail-stack:not(.is-stack-mode){--master-detail-sidebar-width: 240px}}@media(max-width:768px){.master-detail-stack.is-stack-mode{flex-direction:column;gap:0}.master-detail-stack.is-stack-mode .master-detail-stack__master,.master-detail-stack.is-stack-mode.master-detail-stack--panel .master-detail-stack__detail{flex:none;width:100%}.master-detail-stack.is-stack-mode.is-detail-open .master-detail-stack__back{display:inline-flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root,[data-theme=default]{--bg: #f4f7fc;--surface: #ffffff;--text: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--primary: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--primary-soft: #eff6ff;--primary-muted: #bfdbfe;--primary-contrast: #ffffff;--progress-track: #e2e8f0;--progress-fill: #3b82f6;--success: #10b981;--success-soft: #d1fae5;--warning: #f59e0b;--warning-soft: #fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--accent: var(--primary);--accent-soft: var(--primary-soft);--shadow: 0 1px 3px rgba(59, 130, 246, .06)}[data-theme=ocean]{--bg: #f0f9ff;--surface: #ffffff;--text: #0c4a6e;--text-secondary: #0369a1;--text-muted: #7dd3fc;--border: #bae6fd;--primary: #0ea5e9;--primary-hover: #0284c7;--primary-active: #0369a1;--primary-soft: #e0f2fe;--primary-muted: #7dd3fc;--primary-contrast: #ffffff;--progress-track: #e0f2fe;--progress-fill: #0ea5e9;--success: #059669;--success-soft: #d1fae5;--warning: #d97706;--warning-soft: #fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--accent: var(--primary);--accent-soft: var(--primary-soft);--shadow: 0 1px 3px rgba(14, 165, 233, .08);--streak-soft: #fff7ed;--encourage-soft: #fdf2f8}[data-theme=forest]{--bg: #f0fdf4;--surface: #ffffff;--text: #064e3b;--text-secondary: #047857;--text-muted: #6ee7b7;--border: #a7f3d0;--primary: #10b981;--primary-hover: #059669;--primary-active: #047857;--primary-soft: #d1fae5;--primary-muted: #6ee7b7;--primary-contrast: #ffffff;--progress-track: #d1fae5;--progress-fill: #10b981;--success: #059669;--success-soft: #d1fae5;--warning: #d97706;--warning-soft: #fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--accent: var(--primary);--accent-soft: var(--primary-soft);--shadow: 0 1px 3px rgba(16, 185, 129, .08);--streak-soft: #fff7ed;--encourage-soft: #fdf2f8}[data-theme=warm]{--bg: #fffbeb;--surface: #ffffff;--text: #78350f;--text-secondary: #b45309;--text-muted: #fcd34d;--border: #fde68a;--primary: #f59e0b;--primary-hover: #d97706;--primary-active: #b45309;--primary-soft: #fef3c7;--primary-muted: #fcd34d;--primary-contrast: #ffffff;--progress-track: #fef3c7;--progress-fill: #f59e0b;--success: #059669;--success-soft: #d1fae5;--warning: #d97706;--warning-soft: #fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--accent: var(--primary);--accent-soft: var(--primary-soft);--shadow: 0 1px 3px rgba(245, 158, 11, .1);--streak-soft: #fef3c7;--encourage-soft: #fdf2f8}[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--primary: #60a5fa;--primary-hover: #93c5fd;--primary-active: #3b82f6;--primary-soft: #1e3a5f;--primary-muted: #334155;--primary-contrast: #0f172a;--progress-track: #334155;--progress-fill: #60a5fa;--success: #34d399;--success-soft: #064e3b;--warning: #fbbf24;--warning-soft: #78350f;--danger: #f87171;--danger-soft: #7f1d1d;--accent: var(--primary);--accent-soft: var(--primary-soft);--shadow: 0 1px 3px rgba(0, 0, 0, .35);--streak-soft: #431407;--encourage-soft: #500724;--achievement-soft: #422006;--kp-untouched: #475569}html{--el-color-primary: var(--primary);--el-color-primary-light-3: color-mix(in srgb, var(--primary) 72%, white);--el-color-primary-light-5: color-mix(in srgb, var(--primary) 50%, white);--el-color-primary-light-7: color-mix(in srgb, var(--primary) 28%, white);--el-color-primary-light-8: color-mix(in srgb, var(--primary) 18%, white);--el-color-primary-light-9: var(--primary-soft);--el-color-primary-dark-2: var(--primary-hover);--el-color-success: var(--success);--el-color-warning: var(--warning);--el-color-danger: var(--danger);--el-button-bg-color: var(--primary);--el-button-border-color: var(--primary);--el-button-text-color: var(--primary-contrast);--el-button-hover-bg-color: var(--primary-hover);--el-button-hover-border-color: var(--primary-hover);--el-button-hover-text-color: var(--primary-contrast);--el-button-active-bg-color: var(--primary-active);--el-button-active-border-color: var(--primary-active);--el-button-active-text-color: var(--primary-contrast);--el-radio-button-checked-bg-color: var(--primary);--el-radio-button-checked-border-color: var(--primary);--el-radio-button-checked-text-color: var(--primary-contrast);--el-switch-on-color: var(--primary);--el-checkbox-checked-bg-color: var(--primary);--el-checkbox-checked-input-border-color: var(--primary);--el-pagination-hover-color: var(--primary)}.el-button--primary{--el-button-bg-color: var(--primary);--el-button-border-color: var(--primary);--el-button-hover-bg-color: var(--primary-hover);--el-button-hover-border-color: var(--primary-hover);--el-button-active-bg-color: var(--primary-active);--el-button-active-border-color: var(--primary-active);font-weight:500;border-radius:var(--radius-sm)}.el-button--primary.is-plain{--el-button-bg-color: var(--primary-soft);--el-button-border-color: var(--primary-muted);--el-button-text-color: var(--primary);--el-button-hover-bg-color: color-mix(in srgb, var(--primary-soft) 80%, var(--primary));--el-button-hover-text-color: var(--primary-hover);--el-button-hover-border-color: var(--primary)}.el-button--default:hover{color:var(--primary);border-color:var(--primary-muted);background:var(--primary-soft)}.el-progress-bar__outer{background-color:var(--progress-track)!important;border-radius:999px!important}.el-progress-bar__inner{background-color:var(--progress-fill)!important;border-radius:999px!important}.el-progress__text{color:var(--text-secondary)!important;font-weight:500}.el-radio-button__inner:hover{color:var(--primary)}.el-pagination.is-background .el-pager li.is-active{background-color:var(--primary)!important}.el-link.el-link--primary{--el-link-text-color: var(--primary);--el-link-hover-text-color: var(--primary-hover)}.el-input__wrapper.is-focus,.el-textarea__inner:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)!important}[data-theme=dark] .topbar{background:color-mix(in srgb,var(--surface) 94%,transparent)}[data-theme=dark] .el-card,[data-theme=dark] .card,[data-theme=dark] .stat-item{background:var(--surface);color:var(--text)}[data-theme=dark] .el-input__wrapper,[data-theme=dark] .el-textarea__inner{background:var(--surface)!important;color:var(--text)!important}[data-theme=dark] .el-button--primary{--el-button-text-color: #0f172a;--el-button-hover-text-color: #0f172a;--el-button-active-text-color: #0f172a}[data-theme=dark] .nav-link.active{color:#0f172a}