:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17201c;--muted:#66736d;--paper:#fbfaf6;--soft:#f0eee6;--panel:#fff;--line:#ded9ca;--green:#1f7a4d;--green-dark:#115631;--blue:#276a8f;--amber:#d88921;--red:#b84835;--shadow:0 18px 45px #252d2a1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0}a{color:inherit}img{max-width:100%}button,input,textarea{font:inherit}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf6f0;position:sticky;top:0}.nav-shell,.section,.footer-inner{width:min(1180px,100% - 32px);margin:0 auto}.nav-shell{justify-content:space-between;align-items:center;gap:18px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--green);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.nav-links{color:var(--muted);align-items:center;gap:18px;font-size:.94rem;font-weight:700;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--green)}.menu-button{min-height:40px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:0 12px;display:none}.primary-button,.secondary-button,.copy-button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:var(--green);border:1px solid var(--green)}.secondary-button,.copy-button{color:var(--green-dark);background:#eef7f0;border:1px solid #bed9c6}.hero{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:32px;padding:46px 0 28px;display:grid}.hero-copy{color:#fff;box-shadow:var(--shadow);background:linear-gradient(90deg,#0c1f18e6,#0c1f189e),url(/assets/hero-CLDdwZDr.png) 50%/cover;border-radius:8px;padding:clamp(26px,5vw,52px)}.eyebrow{color:#a8e6b4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:800px;margin-bottom:18px;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.04}h2{margin-bottom:14px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.18}h3{margin-bottom:10px;font-size:1.1rem}.lead{color:#ffffffdb;max-width:720px;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.contact-card,.card,.article-card,.prompt-card,.example-card,.toc,.notice{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.contact-card{align-content:start;gap:14px;padding:20px;display:grid}.contact-card strong{font-size:1.2rem}.qr{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:var(--soft);border-radius:8px;width:100%}.contact-note,.muted{color:var(--muted);line-height:1.7}.section{padding:34px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-head p{max-width:620px;color:var(--muted);margin-bottom:0;line-height:1.7}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card,.article-card,.prompt-card,.example-card,.toc,.notice{padding:20px}.card p,.article-card p,.prompt-card p,.example-card p,.notice p,.article-body p,.article-body li{color:var(--muted);line-height:1.75}.tag{min-height:28px;color:var(--green-dark);background:#eef7f0;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.article-list{gap:14px;display:grid}.article-card{grid-template-columns:148px minmax(0,1fr);align-items:center;gap:18px;text-decoration:none;display:grid}.article-card img,.example-card img{aspect-ratio:4/3;object-fit:cover;background:var(--soft);border-radius:8px;width:100%}.prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.prompt-text{color:#243029;border:1px solid var(--line);white-space:pre-wrap;background:#f7f5ee;border-radius:8px;min-height:150px;padding:14px}.copy-button{cursor:pointer;width:100%;margin-top:12px}.example-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.steps{counter-reset:step;gap:12px;display:grid}.step{padding-left:56px;position:relative}.step:before{counter-increment:step;content:counter(step);color:#fff;background:var(--green);border-radius:8px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;position:absolute;top:2px;left:0}.article-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;display:grid}.article-body{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:34px}.article-body h1{color:var(--ink)}.article-body .lead{color:var(--muted)}.article-body h2{margin-top:34px}.toc{position:sticky;top:92px}.toc a{color:var(--muted);padding:8px 0;text-decoration:none;display:block}.toc a:hover{color:var(--green)}.faq-list{gap:12px;display:grid}.faq-item{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.cta-band{color:#fff;background:var(--green-dark)}.cta-band .section{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:22px;display:grid}.cta-band p{color:#fffc}.site-footer{color:var(--muted);border-top:1px solid var(--line);padding:30px 0}.footer-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.floating-contact{z-index:40;text-align:center;border:1px solid var(--line);width:146px;box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:8px;padding:10px;display:grid;position:fixed;bottom:18px;right:18px}.floating-contact img{border-radius:6px}.floating-contact span{color:var(--green-dark);font-size:.82rem;font-weight:900}@media (width<=960px){.hero,.article-layout,.cta-band .section{grid-template-columns:1fr}.grid-3,.prompt-grid,.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toc{position:static}}@media (width<=720px){.nav-shell{flex-wrap:wrap}.menu-button{align-items:center;display:inline-flex}.nav-links{flex-direction:column;align-items:stretch;width:100%;padding-bottom:14px;display:none}.nav-links.is-open{display:flex}.hero-copy,.article-body{padding:22px}.grid-3,.grid-2,.prompt-grid,.example-grid,.article-card{grid-template-columns:1fr}.section-head,.footer-inner{flex-direction:column;align-items:flex-start}.floating-contact{width:112px;bottom:12px;right:12px}}