:root{--color-page:#f4f7fc;--color-surface:#fff;--color-surface-raised:#f8faff;--color-border:#e4e9f2;--color-text:#15213b;--color-text-muted:#5f6f8e;--color-primary:#4f7cff;--color-primary-strong:#315edc;--color-primary-soft:#eaf0ff;--color-primary-shadow:#4f7cff40;--color-on-primary:#fff;--color-focus-ring:#4f7cff6b;--shadow-navigation:0 16px 36px #19306024;--color-heading:#15213b;--color-background:#fff;--section-gap:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-small:12px;--radius-medium:20px;--radius-large:28px;--font-size-caption:14px;--font-size-body:16px;--font-size-title:clamp(32px, 5vw, 56px);--font-size-card-title:20px;--line-height-heading:1.14;--line-height-body:1.65;--content-width:1120px;--content-width-copy:620px;--transition-fast:.16s ease;--shadow-card:0 18px 40px #203b741a;--shadow-card-hover:0 24px 48px #203b742e;--color-success:#0c8b48;--color-success-soft:#dcfbe8;--color-warning:#c26a00;--color-warning-soft:#fff2d7;--color-danger:#c83a35;--color-danger-soft:#ffe5e3;--lesson-main-column-width:1.45fr;--lesson-side-column-min-width:280px;--step-number-size:28px;--control-min-height:44px;--letter-spacing-kicker:.08em;--opacity-disabled:.55;--focus-outline-width:3px;--focus-outline-offset:3px;--water-tank-height:180px;--index-card-height:176px;--category-card-height:260px;--hero-visual-size:280px;--hero-visual-size-mobile:320px;--hero-visual-center-stop:34%;--hero-visual-ring-start:35%;--hero-orbit-border-width:2px;--hero-inner-orbit-inset:56px;--hero-line-height:2px;--hero-radius-line-angle:-42deg;--hero-formula-right:12%;--hero-formula-bottom:22%;--hero-formula-angle:-8deg;--hero-full-rotation:360deg;--hero-counter-rotation:-368deg;--home-visual-symbol-size:18px;--home-visual-symbol-label-size:12px;--home-visual-symbol-min-width:76px;--home-visual-center-size:34%;--home-visual-outer-orbit-inset:10%;--home-visual-inner-orbit-inset:29%;--home-visual-inner-orbit-opacity:.48;--home-visual-orbit-point-size:8px;--home-visual-orbit-point-offset:13%;--home-visual-circle-top:4%;--home-visual-circle-left:5%;--home-visual-rate-top:11%;--home-visual-rate-right:0%;--home-visual-percentage-right:2%;--home-visual-percentage-bottom:7%;--home-visual-fraction-bottom:2%;--home-visual-fraction-left:7%;--home-visual-symbol-drift-distance:12px;--home-visual-symbol-delay-second:-2.25s;--home-visual-symbol-delay-third:-4.5s;--home-visual-symbol-delay-fourth:-6.75s;--home-visual-symbol-delay-fifth:-8.5s;--home-visual-data-top:43%;--home-visual-data-left:-2%;--work-progress-width:48%;--work-progress-height:16px;--work-progress-second-width:78%;--work-progress-third-width:58%;--work-progress-animation-duration:1.8s;--work-progress-delay-one:.22s;--work-progress-delay-two:.44s;--work-progress-scale-end:.72;--work-formula-animation-duration:1.6s;--work-scene-height:180px;--construction-grid-height:68%;--construction-progress-height:28%;--construction-progress-opacity:.28;--worker-shape-width:20px;--worker-shape-height:34px;--timeline-height:10px;--timeline-marker-width:3px;--construction-stage-position:22%;--phased-stage-position:94.74%;--water-tank-width:96px;--pipe-height:12px;--pipe-flow-width:40%;--pipe-flow-distance:80%;--pipe-animation-duration:1.4s;--pasture-sun-size:28px;--pasture-grass-opacity:.72;--cow-shape-width:20px;--cow-shape-height:14px;--cow-animation-duration:.7s;--efficiency-track-height:22px;--efficiency-min-visible-width:0px;--efficiency-label-size:12px}*,:before,:after{box-sizing:border-box;margin:0}html,body,#app{min-height:100%}body{background-color:var(--color-page);min-width:320px;min-height:100vh;color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:var(--color-primary-strong)}#app{min-height:100vh}.app-shell[data-v-11531595]{background-color:var(--color-page);flex-direction:column;min-height:100dvh;display:flex}.app-header[data-v-11531595]{z-index:10;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);align-items:center;min-height:72px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand[data-v-11531595]{min-height:44px;color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark[data-v-11531595]{border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.brand-logo[data-v-11531595]{object-fit:cover;width:100%;height:100%;display:block}.primary-navigation[data-v-11531595]{align-items:center;gap:4px;margin-left:auto;display:flex}.navigation-link[data-v-11531595]{min-height:44px;color:var(--color-text-muted);border-radius:10px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.navigation-link[data-v-11531595]:hover{background-color:var(--color-surface-raised);color:var(--color-text)}.navigation-link[data-v-11531595]:focus-visible,.brand[data-v-11531595]:focus-visible,.mobile-nav-toggle[data-v-11531595]:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.navigation-link.router-link-exact-active[data-v-11531595]{background-color:var(--color-primary-soft);color:var(--color-primary-strong)}.mobile-nav-toggle[data-v-11531595]{cursor:pointer;background-color:#0000;border:0;border-radius:10px;width:44px;height:44px;margin-left:auto;padding:0;display:none}.toggle-line[data-v-11531595]{background-color:var(--color-text);border-radius:99px;width:20px;height:2px;margin:5px auto;display:block}.app-content[data-v-11531595]{flex:1;min-width:0;padding:32px}.app-content-with-navigation[data-v-11531595]{padding-top:104px}.app-content-fullscreen[data-v-11531595]{padding:0}.app-footer[data-v-11531595]{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;padding:32px}.footer-copyright[data-v-11531595]{margin:0}.footer-link[data-v-11531595]{color:inherit;text-underline-offset:.2em}.footer-link[data-v-11531595]:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}@media (width<=767px){.app-header[data-v-11531595]{min-height:64px;padding:0 20px}.mobile-nav-toggle[data-v-11531595]{display:block}.primary-navigation[data-v-11531595]{border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-navigation);border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px}.primary-navigation-open[data-v-11531595]{display:flex}.navigation-link[data-v-11531595]{padding:0 14px}.app-content[data-v-11531595]{padding:26px 20px}.app-content-with-navigation[data-v-11531595]{padding-top:90px}.app-content-fullscreen[data-v-11531595]{padding:0}.app-footer[data-v-11531595]{padding:26px 20px}}@media (width>=768px) and (width<=1023px){.app-header[data-v-11531595]{padding:0 28px}}@media (prefers-reduced-motion:reduce){.navigation-link[data-v-11531595]{transition:none}}.home-view[data-v-a1256d09]{width:min(100%, var(--content-width));margin:0 auto}.home-hero[data-v-a1256d09]{grid-template-columns:minmax(0, 1fr) minmax(0, var(--hero-visual-size));align-items:center;gap:var(--space-8);padding:var(--space-10) 0 var(--space-12);display:grid}.home-hero-content[data-v-a1256d09]{max-width:var(--content-width-copy)}.home-hero-content>p[data-v-a1256d09]{color:var(--color-primary-strong);font-size:var(--font-size-caption);letter-spacing:var(--letter-spacing-kicker);margin:0;font-weight:700}h1[data-v-a1256d09],h2[data-v-a1256d09],p[data-v-a1256d09]{margin:0}h1[data-v-a1256d09]{margin-top:var(--space-3);color:var(--color-heading);font-size:var(--font-size-title);line-height:var(--line-height-heading)}.home-hero-content>span[data-v-a1256d09]{margin-top:var(--space-4);color:var(--color-text-muted);line-height:var(--line-height-body);display:block}.home-visual[data-v-a1256d09]{width:min(100%, var(--hero-visual-size));aspect-ratio:1;background:radial-gradient(circle at center, var(--color-surface) 0 var(--hero-visual-center-stop), var(--color-primary-soft) var(--hero-visual-ring-start) 100%);box-shadow:inset 0 0 0 var(--hero-orbit-border-width) var(--color-surface), var(--shadow-card);border-radius:50%;justify-self:end;position:relative}.home-orbit[data-v-a1256d09]{pointer-events:none;border-radius:50%;position:absolute}.home-orbit[data-v-a1256d09]:before{width:var(--home-visual-orbit-point-size);aspect-ratio:1;background-color:var(--color-primary-strong);box-shadow:0 0 0 var(--space-2) var(--color-primary-shadow);content:"";border-radius:50%;position:absolute}.home-orbit-outer[data-v-a1256d09]{inset:var(--home-visual-outer-orbit-inset);border:var(--hero-orbit-border-width) dashed var(--color-primary-strong);animation:24s linear infinite home-orbit-rotate-a1256d09}.home-orbit-outer[data-v-a1256d09]:before{top:var(--home-visual-orbit-point-offset);left:var(--home-visual-orbit-point-offset)}.home-orbit-inner[data-v-a1256d09]{inset:var(--home-visual-inner-orbit-inset);border:var(--hero-orbit-border-width) solid var(--color-primary);opacity:var(--home-visual-inner-orbit-opacity);animation:24s linear infinite home-orbit-counter-rotate-a1256d09}.home-orbit-inner[data-v-a1256d09]:before{right:var(--home-visual-orbit-point-offset);bottom:var(--home-visual-orbit-point-offset)}.home-visual-center[data-v-a1256d09]{width:var(--home-visual-center-size);aspect-ratio:1;color:var(--color-on-primary);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));box-shadow:0 var(--space-3) var(--space-8) var(--color-primary-shadow);text-align:center;border-radius:50%;place-content:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-visual-center span[data-v-a1256d09]{font-size:var(--font-size-caption)}.home-visual-center strong[data-v-a1256d09]{font-size:var(--font-size-card-title)}.home-symbols[data-v-a1256d09]{pointer-events:none;position:absolute;inset:0}.math-symbol[data-v-a1256d09]{--home-symbol-shift-x:0;--home-symbol-shift-y:0;min-width:var(--home-visual-symbol-min-width);padding:var(--space-2) var(--space-3);border:var(--hero-orbit-border-width) solid var(--color-border);border-radius:var(--radius-small);color:var(--color-primary-strong);background-color:var(--color-surface);box-shadow:var(--shadow-card);text-align:center;gap:var(--space-1);will-change:transform;animation:9s ease-in-out infinite home-symbol-drift-a1256d09;display:grid;position:absolute}.math-symbol span[data-v-a1256d09]{color:var(--color-text-muted);font-size:var(--home-visual-symbol-label-size);font-weight:600}.math-symbol strong[data-v-a1256d09]{font-size:var(--home-visual-symbol-size);line-height:var(--line-height-heading)}.math-symbol-circle[data-v-a1256d09]{--home-symbol-shift-x:var(--home-visual-symbol-drift-distance);--home-symbol-shift-y:calc(var(--home-visual-symbol-drift-distance) * -1);top:var(--home-visual-circle-top);left:var(--home-visual-circle-left)}.math-symbol-rate[data-v-a1256d09]{--home-symbol-shift-x:calc(var(--home-visual-symbol-drift-distance) * -1);--home-symbol-shift-y:var(--home-visual-symbol-drift-distance);top:var(--home-visual-rate-top);right:var(--home-visual-rate-right);animation-delay:var(--home-visual-symbol-delay-second)}.math-symbol-percentage[data-v-a1256d09]{--home-symbol-shift-x:calc(var(--home-visual-symbol-drift-distance) * -1);--home-symbol-shift-y:calc(var(--home-visual-symbol-drift-distance) * -1);right:var(--home-visual-percentage-right);bottom:var(--home-visual-percentage-bottom);animation-delay:var(--home-visual-symbol-delay-third)}.math-symbol-fraction[data-v-a1256d09]{--home-symbol-shift-x:var(--home-visual-symbol-drift-distance);--home-symbol-shift-y:var(--home-visual-symbol-drift-distance);bottom:var(--home-visual-fraction-bottom);left:var(--home-visual-fraction-left);animation-delay:var(--home-visual-symbol-delay-fourth)}.math-symbol-data[data-v-a1256d09]{--home-symbol-shift-x:calc(var(--home-visual-symbol-drift-distance) * -1);--home-symbol-shift-y:var(--home-visual-symbol-drift-distance);top:var(--home-visual-data-top);left:var(--home-visual-data-left);animation-delay:var(--home-visual-symbol-delay-fifth)}@keyframes home-orbit-rotate-a1256d09{to{transform:rotate(var(--hero-full-rotation))}}@keyframes home-orbit-counter-rotate-a1256d09{to{transform:rotate(var(--hero-counter-rotation))}}@keyframes home-symbol-drift-a1256d09{50%{transform:translate3d(var(--home-symbol-shift-x), var(--home-symbol-shift-y), 0)}}.category-grid[data-v-a1256d09]{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.category-card[data-v-a1256d09]{min-height:var(--category-card-height);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-large);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card);gap:var(--space-4);transition:border-color var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:grid}.category-card[data-v-a1256d09]:hover{border-color:var(--color-primary);transform:translateY(calc(var(--space-1) * -1))}h2[data-v-a1256d09]{color:var(--color-heading);font-size:var(--font-size-card-title)}.category-card p[data-v-a1256d09]{color:var(--color-text-muted);line-height:var(--line-height-body)}.category-card span[data-v-a1256d09]{color:var(--color-primary-strong);font-weight:700}.category-card[data-v-a1256d09]:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus-ring);outline-offset:var(--focus-outline-offset)}@media (width<=560px){.home-hero[data-v-a1256d09]{padding:var(--space-6) 0 var(--space-8);grid-template-columns:1fr}.home-visual[data-v-a1256d09]{width:min(100%, var(--hero-visual-size-mobile));justify-self:center}.category-grid[data-v-a1256d09]{grid-template-columns:1fr}.category-card[data-v-a1256d09]{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.category-card[data-v-a1256d09],.home-orbit[data-v-a1256d09],.math-symbol[data-v-a1256d09]{transition:none;animation:none}}