.toast[data-v-c7fdc596]{bottom:var(--space-6);right:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--fill-popover,#1c1c1eb8);-webkit-backdrop-filter:blur(20px)saturate(180%);color:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-xl);z-index:200;max-width:360px;animation:toast-enter-c7fdc596 .35s var(--ease-default);position:fixed}.toast[data-error=true][data-v-c7fdc596]{background:#ff3b30b8;border-color:#ff3b304d}@keyframes toast-enter-c7fdc596{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast[data-v-c7fdc596]{animation:none}}:root{--color-gray-50:#f5f5f7;--color-gray-100:#e8e8ed;--color-gray-200:#d2d2d7;--color-gray-300:#aeaeb2;--color-gray-400:#8e8e93;--color-gray-500:#6e6e73;--color-gray-600:#48484a;--color-gray-700:#3a3a3c;--color-gray-800:#2c2c2e;--color-gray-900:#1d1d1f;--color-blue-400:#0a84ff;--color-blue-500:#007aff;--color-blue-600:#06c;--color-blue-700:#004999;--color-indigo-500:#5e5ce6;--color-indigo-600:#5856d6;--color-teal-500:#32ade6;--color-teal-600:#30b0c7;--color-amber-500:#ff9f0a;--color-amber-600:#ff9500;--color-emerald-500:#30d158;--color-emerald-600:#28a745;--color-red-500:#ff453a;--color-red-600:#ff3b30;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-display:-apple-system, "SF Pro Display", "Helvetica Neue", "Arial", sans-serif;--font-body:-apple-system, "SF Pro Text", "Helvetica Neue", "Arial", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, monospace;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.47;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 .5px 1px #0000000a, 0 1px 2px #0000000f;--shadow-md:0 2px 8px #0000000f, 0 .5px 1px #0000000a;--shadow-lg:0 8px 32px #00000014, 0 2px 4px #0000000a;--shadow-xl:0 16px 48px #0000001f, 0 4px 8px #0000000f;--blur-sidebar:saturate(180%) blur(20px);--blur-header:saturate(180%) blur(20px);--blur-drawer:saturate(180%) blur(40px);--blur-popover:saturate(180%) blur(40px);--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:52px;--content-max-width:1280px;--drawer-width:480px;--color-background:#f5f5f7;--color-surface:#ffffffb8;--color-surface-solid:#fff;--color-surface-elevated:#fffc;--color-surface-elevated-solid:#fff;--color-surface-muted:#f5f5f7b8;--color-surface-hover:#00000008;--color-surface-pressed:#0000000f;--color-foreground:#1d1d1f;--color-foreground-secondary:#424245;--color-foreground-tertiary:#6e6e73;--color-foreground-muted:#8e8e93;--color-border:#00000014;--color-border-strong:#00000026;--color-border-subtle:#0000000a;--color-separator:#3c3c431f;--color-primary:#007aff;--color-primary-hover:#06c;--color-primary-active:#004999;--color-primary-subtle:#007aff14;--color-module-okr:#5856d6;--color-module-execution:#32ade6;--color-module-project:#007aff;--color-module-kpi:#ff9500;--color-module-compensation:#34c759;--color-rag-green:#30d158;--color-rag-amber:#ff9f0a;--color-rag-red:#ff453a;--color-rag-green-bg:#30d1581a;--color-rag-red-bg:#ff453a1a;--color-success:#30d158;--color-warning:#ff9f0a;--color-warning-subtle:#ff9f0a1a;--color-danger:#ff3b30;--color-danger-subtle:#ff3b301a;--focus-ring:0 0 0 3px #007aff4d;--fill-sidebar:#ffffffb8;--fill-header:#ffffffb8;--fill-drawer:#fffc;--fill-popover:#ffffffd9}[data-theme=dark]{--color-background:#000;--color-surface:#1c1c1eb8;--color-surface-solid:#1c1c1e;--color-surface-elevated:#2c2c2eb8;--color-surface-elevated-solid:#2c2c2e;--color-surface-muted:#1c1c1eb8;--color-surface-hover:#ffffff0f;--color-surface-pressed:#ffffff1a;--color-foreground:#f5f5f7;--color-foreground-secondary:#aeaeb2;--color-foreground-tertiary:#8e8e93;--color-foreground-muted:#6e6e73;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-border-subtle:#ffffff0a;--color-separator:#5454585c;--color-primary:#0a84ff;--color-primary-hover:#409cff;--color-primary-active:#0a84ff;--color-primary-subtle:#0a84ff26;--color-module-okr:#5e5ce6;--color-module-execution:#64d2ff;--color-module-project:#0a84ff;--color-module-kpi:#ff9f0a;--color-module-compensation:#30d158;--color-rag-green-bg:#30d15826;--color-rag-red-bg:#ff453a26;--color-warning-subtle:#ff9f0a26;--color-danger-subtle:#ff3b3026;--focus-ring:0 0 0 3px #0a84ff66;--fill-sidebar:#1c1c1eb8;--fill-header:#1c1c1eb8;--fill-drawer:#2c2c2ecc;--fill-popover:#2c2c2ed9}:root{--button-height:2.25rem;--button-height-sm:1.75rem;--button-padding-x:var(--space-5);--button-radius:.625rem;--button-font-size:var(--font-size-sm);--button-font-weight:var(--font-weight-medium);--button-letter-spacing:-.01em;--button-primary-bg:var(--color-primary);--button-primary-fg:#fff;--button-primary-hover-bg:var(--color-primary-hover);--button-primary-active-bg:var(--color-primary-active);--button-secondary-bg:#0000000a;--button-secondary-fg:var(--color-foreground);--button-secondary-border:#00000014;--button-secondary-hover-bg:#0000000f;--card-padding:var(--space-5);--card-radius:var(--radius-lg);--card-border:1px solid var(--color-border);--card-shadow:var(--shadow-sm);--card-background:var(--color-surface);--card-backdrop-filter:var(--blur-sidebar);--table-row-height:2.75rem;--table-header-bg:var(--color-surface-muted);--table-border:var(--color-separator);--progress-height:.375rem;--progress-radius:var(--radius-full);--progress-bg:#0000000f;--progress-fill:var(--color-primary);--nav-item-height:2.5rem;--nav-item-radius:var(--radius-md);--nav-item-active-bg:var(--color-primary-subtle);--nav-item-active-fg:var(--color-primary);--module-accent-width:0;--input-height:2.25rem;--input-radius:var(--radius-md);--input-bg:var(--color-surface-muted);--input-border:var(--color-border);--input-focus-ring:var(--focus-ring);--tag-radius:var(--radius-full);--tag-padding-x:var(--space-3);--tag-padding-y:.125rem;--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.5s;--ease-default:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in:cubic-bezier(.42, 0, 1, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.drawer-fade-enter-active{transition:opacity var(--duration-fast) var(--ease-out) 80ms}.drawer-fade-leave-active{transition:opacity var(--duration-fast) var(--ease-out)}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:transform var(--duration-slow) var(--ease-out)}.drawer-slide-enter-from,.drawer-slide-leave-to{transform:translate(100%)}.scale-popover-enter-active,.scale-popover-leave-active{transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-fast) var(--ease-default)}.scale-popover-enter-from,.scale-popover-leave-to{opacity:0;transform:scale(.95)}.stagger-item{animation:stagger-in var(--duration-normal) var(--ease-out) both}@keyframes stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--learn-hero-min-height:32rem;--learn-prose-max-width:45rem;--learn-section-gap:var(--space-16,4rem);--learn-nav-height:3.5rem;--font-size-4xl:2.25rem}.learn-hero{min-height:var(--learn-hero-min-height);text-align:center;padding:var(--space-12) var(--space-6);background:radial-gradient(ellipse at 30% 50%, var(--color-primary-subtle,#007aff0f) 0%, transparent 60%), var(--color-background);flex-direction:column;justify-content:center;align-items:center;display:flex}.learn-hero__title{font-family:var(--font-display);font-size:clamp(var(--font-size-4xl,2.25rem), 5.5vw, var(--font-size-5xl,3.5rem));font-weight:var(--font-weight-bold);letter-spacing:-.035em;max-width:48rem;margin-bottom:var(--space-4);line-height:1.1}.learn-hero__lead{font-size:var(--font-size-lg);color:var(--color-foreground-muted);max-width:36rem;line-height:var(--line-height-relaxed);margin:0 auto}.learn-prose{max-width:var(--learn-prose-max-width);line-height:var(--line-height-relaxed)}.learn-prose h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin:var(--space-8) 0 var(--space-3)}.learn-prose p{margin:0 0 var(--space-4);color:var(--color-foreground)}.learn-prose ul{margin:0 0 var(--space-4);padding-left:var(--space-5)}.learn-section{margin-bottom:var(--learn-section-gap)}.learn-callout{border-radius:var(--radius-lg,12px);padding:var(--space-5) var(--space-6);margin:var(--space-4) 0;border-left:3px solid var(--color-primary);background:0 0}.learn-callout--warning{border-left-color:var(--color-warning)}.learn-callout--china{border-left-color:var(--color-module-kpi)}.learn-callout__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.learn-module-strip{border-radius:var(--radius-xl,16px);padding:var(--space-5) var(--space-5) var(--space-4);background:var(--color-surface);border:none}.learn-module-strip:before{content:"";background:var(--strip-color,var(--color-primary));width:8px;height:8px;margin-right:var(--space-2);vertical-align:middle;border-radius:50%;display:inline-block}.learn-module-strip--okr{--strip-color:var(--color-module-okr)}.learn-module-strip--kpi{--strip-color:var(--color-module-kpi)}.learn-module-strip--project{--strip-color:var(--color-module-project)}.learn-card-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.learn-card{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-subtle,var(--color-separator,#0000000f));border-radius:var(--radius-xl,16px);padding:var(--card-padding,var(--space-5));box-shadow:var(--shadow-sm,0 1px 3px #0000000a);transition:box-shadow var(--duration-fast,.2s) var(--ease-default,ease), transform var(--duration-fast,.2s) var(--ease-default,ease)}.learn-card:hover{box-shadow:var(--shadow-md,0 4px 16px #00000014);transform:translateY(-2px)}.learn-table-wrap{margin:var(--space-4) 0;border-radius:var(--radius-xl,16px);border:1px solid var(--color-separator,#0000000f);overflow-x:auto}.learn-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.learn-table th,.learn-table td{border-bottom:1px solid var(--color-separator,#0000000d);padding:var(--space-3) var(--space-4);text-align:left}.learn-table th{background:var(--color-surface-hover,#00000005);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.learn-table th:first-child{border-radius:var(--radius-xl,16px) 0 0 0}.learn-table th:last-child{border-radius:0 var(--radius-xl,16px) 0 0}.learn-table tr:last-child td{border-bottom:none}.learn-interactive{-webkit-backdrop-filter:blur(20px);background:var(--fill-header,#ffffffb8);border:1px solid var(--color-separator,#0000000f);border-radius:var(--radius-xl,16px);padding:var(--space-8,2rem);margin:var(--space-6) 0}.learn-container{max-width:1400px;padding:var(--space-6) var(--space-8,2rem);margin:0 auto}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--line-height-tight);letter-spacing:-.02em;margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;letter-spacing:inherit}::selection{background:#007aff33}:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--button-height);padding:0 var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);letter-spacing:var(--button-letter-spacing);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--button-primary-bg);color:var(--button-primary-fg)}.btn--primary:hover{background:var(--button-primary-hover-bg)}.btn--primary:active{background:var(--button-primary-active-bg)}.btn--ghost{background:var(--button-secondary-bg);color:var(--color-foreground-secondary);border:1px solid var(--button-secondary-border)}.btn--ghost:hover{background:var(--button-secondary-hover-bg)}.input{height:var(--input-height);padding:0 var(--space-4);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--color-foreground);font-size:var(--font-size-sm);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--color-foreground-muted)}.input:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-ring);outline:none}textarea.input{height:auto;min-height:4.5rem;padding-top:var(--space-3);padding-bottom:var(--space-3);resize:vertical;line-height:1.5}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238e8e93'%3E%3Cpath d='M2.5 4.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000026}::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}