:root{--color-paper:oklch(97.5% .012 90);--color-paper-warm:oklch(95.5% .022 82);--color-paper-raised:oklch(99% .008 90);--color-green:oklch(45% .1 155);--color-green-deep:oklch(34% .09 155);--color-green-soft:oklch(94% .035 155);--color-gold:oklch(74% .125 78);--color-gold-deep:oklch(55% .13 70);--color-gold-soft:oklch(95% .038 85);--color-blue:oklch(52% .08 220);--color-blue-soft:oklch(95% .025 220);--color-purple:oklch(54% .1 305);--color-purple-soft:oklch(95% .03 305);--color-terracotta:oklch(58% .13 42);--color-terracotta-soft:oklch(95% .03 42);--color-ink:oklch(25% .012 155);--color-ink-body:oklch(32% .015 155);--color-ink-soft:oklch(48% .015 155);--color-line:oklch(89% .012 90);--font-sans:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--step-display:clamp(2.25rem, 7vw, 3rem);--step-title:clamp(1.25rem, 2.4vw, 1.5rem);--step-sub:1.0625rem;--step-body:1rem;--step-small:.875rem;--step-label:.8125rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--container-max:1120px;--container-pad:clamp(16px, 4.5vw, 40px);--shadow-card:0 2px 8px #282d260f, 0 1px 2px #282d260a;--shadow-lift:0 10px 28px #282d261f;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.16s;--duration-base:.26s;--tabbar-h:60px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%;min-width:320px}body{background:var(--color-paper);min-height:100vh;color:var(--color-ink-body);font-family:var(--font-sans);font-size:var(--step-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.75}@media (width<=720px){body{padding-bottom:var(--tabbar-h)}}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--color-green-soft);color:var(--color-green-deep)}h1,h2,h3,h4{color:var(--color-ink);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.3}p{text-wrap:pretty;margin:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-green);outline-offset:3px;border-radius:var(--r-sm)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--space-2xl)}.section--tight{padding-block:var(--space-xl)}.section--warm{background:var(--color-paper-warm)}.section-title{align-items:center;gap:var(--space-sm);font-size:var(--step-title);color:var(--color-ink);margin:0 0 var(--space-lg);font-weight:600;display:flex}.section-title__icon{color:var(--color-green);flex:none}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--step-sub);border-radius:var(--r-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;padding:14px 32px;font-weight:600;line-height:1;display:inline-flex}.btn--primary{background:var(--color-green);color:var(--color-paper-raised)}.btn--primary:hover{background:var(--color-green-deep);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.btn--ghost{color:var(--color-green);border-color:var(--color-green);background:0 0}.btn--ghost:hover{background:var(--color-green-soft)}.chip{font-size:var(--step-label);border-radius:var(--r-sm);align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.chip--green{background:var(--color-green-soft);color:var(--color-green-deep)}.chip--blue{background:var(--color-blue-soft);color:oklch(42% .08 235)}.chip--purple{background:var(--color-purple-soft);color:oklch(42% .12 295)}.chip--terracotta{background:var(--color-terracotta-soft);color:oklch(42% .11 45)}.card{background:var(--color-paper-raised);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}a.card:hover,a.card:focus-visible{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.tabbar{height:var(--tabbar-h);z-index:50;background:var(--color-paper-raised);border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -2px 12px #282d260f}.tabbar__item{color:var(--color-ink-soft);transition:color var(--duration-fast) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.75rem;font-weight:500;display:flex}.tabbar__item--active{color:var(--color-green)}.tabbar__item:hover{color:var(--color-green-deep)}@media (width>=721px){.tabbar{display:none}}.site-header{z-index:40;--search-w:220px;backdrop-filter:saturate(1.2)blur(8px);border-bottom:1px solid var(--color-line);background:oklch(97.5% .012 90/.92);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-md);display:flex}.brand{color:var(--color-ink);align-items:center;gap:10px;display:inline-flex}.brand__mark{background:var(--color-green);width:34px;height:34px;color:var(--color-paper-raised);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.brand__text{flex-direction:column;line-height:1.2;display:flex}.brand__text strong{letter-spacing:.02em;font-size:1.1rem;font-weight:700}.brand__text small{color:var(--color-ink-soft);letter-spacing:.04em;font-size:.7rem}.site-nav ul{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.site-nav__link{color:var(--color-ink-body);transition:color var(--duration-fast) var(--ease-out);padding:6px 0;font-size:.95rem;font-weight:500;position:relative}.site-nav__link:hover,.site-nav__link--active{color:var(--color-green-deep)}.site-nav__link--active:after{content:"";background:var(--color-green);border-radius:2px;height:2px;position:absolute;bottom:-3px;left:0;right:0}.site-tools{align-items:center;gap:var(--space-md);display:flex}.site-header__right{align-items:center;gap:var(--space-lg);transition:transform .36s var(--ease-out);will-change:transform;display:flex}.site-header__right.is-search-open{transform:translateX(calc(-1 * var(--search-w)))}.site-icon-btn{border-radius:var(--r-sm);width:40px;height:40px;color:var(--color-ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.site-icon-btn:hover{background:var(--color-paper-warm);color:var(--color-green-deep)}.site-search{align-items:center;display:inline-flex}.site-search__field{opacity:0;width:0;transition:width .36s var(--ease-out), opacity .26s var(--ease-out);align-items:center;display:inline-flex;overflow:hidden}.site-search.is-open .site-search__field{width:var(--search-w);opacity:1}.site-search__input{width:var(--search-w);border:none;border-left:1px solid var(--color-line);font:inherit;color:var(--color-ink-body);background:0 0;outline:none;padding:6px 4px 6px 12px;font-size:.95rem}.site-search__input::placeholder{color:var(--color-ink-soft)}.site-burger{border-radius:var(--r-sm);width:40px;height:40px;color:var(--color-ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:none}.site-burger:hover{background:var(--color-paper-warm);color:var(--color-green-deep)}.site-nav-mobile{background:var(--color-paper-raised);border-bottom:1px solid var(--color-line);flex-direction:column;display:none}.site-nav-mobile.is-open{display:flex}.site-nav-mobile__link{padding:var(--space-md) var(--container-pad);color:var(--color-ink-body);border-top:1px solid var(--color-line);font-weight:500}.site-nav-mobile__link--active{color:var(--color-green-deep)}@media (width>=861px){.site-nav{display:block}.site-burger{display:none}}@media (width<=860px){.site-header{--search-w:150px}.site-nav{display:none}.site-burger{display:inline-flex}}.site-footer{border-top:1px solid var(--color-line);background:var(--color-paper-warm);padding-block:var(--space-2xl) var(--space-lg)}.site-footer__grid{gap:var(--space-2xl);padding-bottom:var(--space-xl);grid-template-columns:1.6fr 1fr 1.2fr;display:grid}.brand--footer{margin-bottom:var(--space-md);font-size:1.05rem}.brand--footer .brand__mark{width:30px;height:30px}.site-footer__mission{color:var(--color-ink-soft);font-size:var(--step-small);max-width:34ch;margin:0 0 var(--space-md);line-height:1.7}.site-footer__feature{color:var(--color-green-deep);font-size:var(--step-small);transition:gap var(--duration-fast) var(--ease-out);align-items:center;gap:6px;font-weight:600;display:inline-flex}.site-footer__feature:hover{gap:10px}.site-footer__col h4{margin-bottom:var(--space-md);color:var(--color-ink);font-size:1rem;font-weight:600}.site-footer__col ul{margin:0 0 var(--space-md);gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.site-footer__col a{color:var(--color-ink-soft);font-size:var(--step-small);transition:color var(--duration-fast) var(--ease-out)}.site-footer__col a:hover{color:var(--color-green-deep)}.site-footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-line);color:var(--color-ink-soft);flex-wrap:wrap;font-size:.8rem;display:flex}@media (width<=720px){.site-footer__grid{gap:var(--space-xl);grid-template-columns:1fr}.site-footer__col{display:none}.site-footer__bottom{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{inset-inline-start:var(--space-md);top:var(--space-md);background:var(--color-ink);color:var(--color-paper-raised);font-family:var(--font-sans);padding:var(--space-sm) var(--space-md);border-radius:var(--r-sm);transition:transform var(--duration-fast) var(--ease-out);z-index:100;font-weight:600;position:absolute;transform:translateY(-150%)}.skip-link:focus,.skip-link:focus-visible{outline-offset:4px;transform:translateY(0)}