:root{--color-page-bg: #f9fafb;--color-white: #ffffff;--color-title: #111827;--color-body: #374151;--color-muted: #6b7280;--color-border: #e5e7eb;--color-brand-green: #22c55e;--color-brand-green-dark: #16a34a;--color-green-light: #f0fdf4;--color-green-border: #bbf7d0;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 24px rgba(34, 197, 94, .12);--radius-card: 8px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7;color:var(--color-body);background:var(--color-page-bg)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.theme-page{display:flex;flex-direction:column;min-height:100vh}.layout-inner{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.layout-inner{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.layout-inner{padding-left:3rem;padding-right:3rem}}.site-header{position:sticky;top:0;z-index:10;background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #0000000a}.site-header .layout-inner{padding-top:1rem;padding-bottom:1rem}.site-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem}.header-brand-block{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem}.brand-mark{font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:1.125rem;font-weight:700;color:var(--color-brand-green);letter-spacing:.02em}.site-tagline{font-size:.8125rem;font-weight:500;color:var(--color-muted);padding-left:.75rem;border-left:1px solid var(--color-border)}.header-nav{display:flex;align-items:center;gap:1rem}.header-nav-link{font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:.875rem;font-weight:600;color:var(--color-body);padding:.35rem 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.header-nav-link:hover{color:var(--color-brand-green-dark);border-bottom-color:var(--color-brand-green)}.header-nav-link:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:4px;border-radius:2px}.hero-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#dcfce7 45%,#f0fdf4);padding-top:3rem;padding-bottom:4rem;text-align:center}.hero-pattern{position:absolute;inset:0;width:100%;height:100%;color:#16a34a24;pointer-events:none}.hero-section-inner{position:relative;z-index:1}@media(min-width:1024px){.hero-section{padding-top:4rem;padding-bottom:5rem}}.hero-eyebrow{margin:0 0 .75rem;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-green)}.hero-section h1{font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.25;color:var(--color-title);max-width:min(90%,22rem);margin:0 auto}.hero-lead{margin:1.25rem auto 0;max-width:40ch;font-size:1rem;color:var(--color-body)}.hero-sublead{margin:.75rem auto 0;max-width:38ch;font-size:.9375rem;color:var(--color-muted)}.theme-section{flex:1;padding-top:3rem;padding-bottom:4rem;background:var(--color-page-bg)}.section-intro{text-align:left;margin-bottom:2rem}.section-intro h2{margin:0;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-title)}.green-line{width:40px;height:3px;border-radius:2px;background:var(--color-brand-green);margin-top:8px}.section-lead{margin:1rem 0 0;max-width:42ch;font-size:.9375rem;color:var(--color-muted)}.theme-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.theme-card{border:1px solid var(--color-green-border);border-radius:var(--radius-card);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease;height:100%;display:flex;flex-direction:column;cursor:pointer;color:inherit}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.theme-card:focus{outline:none}.theme-card:focus-visible{outline:3px solid var(--color-brand-green);outline-offset:3px}.theme-card-header{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--color-brand-green),var(--color-brand-green-dark));color:#fff;padding:14px 20px;min-height:5.5rem}.theme-card-art{flex-shrink:0;width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:#ffffff2e;border-radius:var(--radius-card)}.theme-card-title{margin:0;flex:1;font-family:Noto Sans SC,PingFang SC,sans-serif;font-weight:600;font-size:1.0625rem;line-height:1.35;color:#fff;text-align:left}.theme-card-body{background:var(--color-green-light);padding:20px 24px;flex:1;display:flex;flex-direction:column}.theme-card-summary{margin:0;font-size:.9375rem;color:var(--color-body);line-height:1.7;flex:1}.theme-art-motion{transform-origin:center;animation:theme-art-float 5s ease-in-out infinite}.theme-art-pulse{animation:theme-art-pulse 2.4s ease-in-out infinite}.theme-art-shift{animation:theme-art-shift 3s ease-in-out infinite}.theme-art-path{stroke-dasharray:48;stroke-dashoffset:48;animation:theme-art-draw 2.8s ease-out infinite}@keyframes theme-art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes theme-art-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes theme-art-shift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes theme-art-draw{0%{stroke-dashoffset:48}45%{stroke-dashoffset:0}70%{stroke-dashoffset:0}to{stroke-dashoffset:-48}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.theme-art-motion,.theme-art-pulse,.theme-art-shift,.theme-art-path{animation:none!important}.theme-art-path{stroke-dasharray:120;stroke-dashoffset:0}.theme-card:hover{transform:none}}.site-footer{background:var(--color-white);border-top:1px solid var(--color-border);padding-top:1.5rem;padding-bottom:1.5rem;margin-top:auto}.footer-inner{display:flex;justify-content:center;text-align:center}.footer-row{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;margin:0;font-size:.8125rem;line-height:1.6;color:var(--color-muted)}.footer-sep{color:var(--color-border);-webkit-user-select:none;user-select:none}.footer-copyright{color:var(--color-body)}.footer-icp-link{color:var(--color-muted);text-decoration:underline;text-decoration-color:#6b728073;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.footer-icp-link:hover{color:var(--color-brand-green-dark);text-decoration-color:var(--color-brand-green)}.footer-icp-link:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:3px;border-radius:2px}