:root{color:#1f2522;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f5f2eb;--surface:#fffdf8;--ink:#1f2522;--muted:#6d756f;--line:#deded4;--accent:#dd704c;--accent-soft:#fbe8dd;--green:#214b3c;--shadow:0 16px 42px #23261f0f;--radius:20px;background:#f5f2eb;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline-offset:3px;outline:3px solid #e89069}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.page-container{width:min(1160px,100% - 48px);margin:0 auto;padding:48px 0 88px}.site-header{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8eb;position:sticky;top:0}.header-inner{align-items:center;gap:42px;max-width:1208px;min-height:76px;margin:0 auto;padding:0 24px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:12px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:23px;font-weight:700;display:grid}.brand-mark span{color:#f6bd89}.brand-name{letter-spacing:-.04em;font-family:Georgia,serif;font-size:25px;font-weight:700}.brand-sub{color:var(--muted);letter-spacing:.08em;margin-left:9px;font-family:inherit;font-size:12px;font-weight:400}.primary-nav{align-items:center;gap:6px;margin:0 auto;display:flex}.nav-link{color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:10px 15px;font-size:14px;display:flex}.nav-link:hover,.nav-link.router-link-active{color:var(--green);background:#eef1e7}.nav-icon{font-size:16px}.header-action{border:1px solid var(--green);color:var(--green);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:13px}.header-action:hover{background:var(--green);color:#fff}.site-footer{color:var(--muted);text-align:center;border-top:1px solid var(--line);letter-spacing:.1em;padding:28px 16px 100px;font-size:12px}.skip-link{z-index:100;background:#fff;padding:8px;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.page-title{letter-spacing:-.04em;margin:14px 0;font-size:clamp(34px,5vw,62px);font-weight:700;line-height:1.14}.page-lead{color:var(--muted);max-width:650px;font-size:17px;line-height:1.7}.section-title{letter-spacing:-.03em;margin:0 0 20px;font-size:26px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin:48px 0 22px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:650;transition:transform .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-dark{color:#fff;background:var(--green)}.button-dark:hover{background:#163d2d}.button-light{color:var(--green);background:#e8eee5}.button-accent{color:#fff;background:var(--accent)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.field{gap:8px;margin:18px 0;display:grid}.field label{font-size:13px;font-weight:650}.input,.textarea,.select{width:100%;color:var(--ink);background:#fff;border:1px solid #cdd4cc;border-radius:11px;outline:none;padding:13px 14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--green);box-shadow:0 0 0 3px #d9e9dd}.textarea{resize:vertical;min-height:120px}.state-panel{background:var(--surface);border-radius:var(--radius);text-align:center;border:1px dashed #c8d1c4;margin:24px 0;padding:52px 24px}.state-panel h2{margin:8px 0;font-size:22px}.state-panel p{color:var(--muted);margin-bottom:22px}.state-symbol{color:var(--accent);font-size:36px}.toast{color:#7b422c;background:#f6e8dc;border-radius:10px;margin:16px 0;padding:12px 16px}.two-column{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:28px;display:grid}@media (width<=720px){.page-container{width:min(100% - 32px,600px);padding:28px 0 108px}.site-header{position:static}.header-inner{min-height:62px;padding:0 16px}.brand-name{font-size:22px}.brand-sub,.header-action{display:none}.primary-nav{z-index:50;border-top:1px solid var(--line);padding:5px max(8px, env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));background:#fffdf8;grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0000000a}.nav-link{flex-direction:column;gap:2px;padding:5px 0;font-size:11px}.nav-icon{font-size:19px}.two-column{grid-template-columns:1fr}.site-footer{padding-bottom:100px}}