:root{--ink:#16231d;--muted:#65736c;--line:#dce6e0;--paper:#f7faf8;--white:#fff;--green:#087f5b;--green-dark:#04513b;--mint:#dff5e9;--blue:#3767d6;--gold:#bd7a18;--shadow:0 24px 70px rgba(17,52,38,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:34px;background:rgba(247,250,248,.9);border-bottom:1px solid rgba(220,230,224,.8);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:.86rem;letter-spacing:-.08em}.site-header nav{display:flex;gap:26px;color:#415048;font-size:.92rem;flex:1}.site-header nav a:hover{color:var(--green)}.header-cta{background:var(--ink);color:#fff;border-radius:999px;padding:9px 18px;font-size:.9rem}.hero{max-width:1240px;margin:0 auto;padding:94px 30px 78px;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;min-height:660px}.eyebrow{margin:0 0 14px;color:var(--green);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(2.7rem,5vw,4.65rem);line-height:1.1;letter-spacing:-.055em;margin:0 0 26px}.hero h1 span{color:var(--green)}.hero-lead{color:#4d5e55;font-size:1.15rem;max-width:610px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:10px;font-weight:750}.button.primary{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(8,127,91,.2)}.button.primary:hover{background:var(--green-dark)}.button.secondary{border:1px solid #b9c9c0;background:#fff}.hero-notes{display:flex;flex-wrap:wrap;gap:17px;color:#58675f;font-size:.9rem}.hero-notes span:before{content:"✓";color:var(--green);font-weight:900;margin-right:6px}.product-window{border:1px solid #cbd9d1;border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.window-bar{height:44px;background:#eef4f0;display:flex;align-items:center;gap:7px;padding:0 15px;color:#69766f;font-size:.78rem}.window-bar i{width:9px;height:9px;border-radius:50%;background:#b8c9bf}.window-bar i:first-child{background:#ff8e7e}.window-bar i:nth-child(2){background:#f5c964}.window-bar i:nth-child(3){background:#62c98f}.window-bar span{margin-left:auto;margin-right:auto}.window-body{display:grid;grid-template-columns:134px 1fr;min-height:380px}.side-rail{padding:22px 14px;background:#17261f;color:#aab8b0;display:flex;flex-direction:column;gap:8px}.side-rail b{color:#fff;font-size:1.08rem;margin:0 8px 20px}.side-rail span{padding:8px;border-radius:7px;font-size:.76rem}.side-rail .active{background:#274538;color:#baf3d3}.feed-list{padding:24px}.feed-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e6ece8}.feed-head small,.feed-head strong{display:block}.feed-head small{color:#819088}.feed-head em{font-style:normal;font-size:.73rem;background:#e1f6ea;color:#087f5b;padding:5px 9px;border-radius:99px}.feed-list article{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #edf1ef}.avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:white;font-weight:700}.avatar.blue{background:var(--blue)}.avatar.green{background:var(--green)}.avatar.gold{background:var(--gold)}.feed-list article b{font-size:.86rem}.feed-list article p{margin:2px 0 0;color:#77847d;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.feed-list article time{font-size:.67rem;color:#93a098}.feed-url{margin-top:18px;padding:11px;border-radius:9px;background:#f3f7f5;display:flex;align-items:center;gap:9px;font-size:.68rem}.feed-url span{color:var(--green);font-weight:800}.feed-url code{overflow:hidden;text-overflow:ellipsis}.feed-url button{margin-left:auto;border:0;background:var(--green);color:#fff;border-radius:6px;padding:4px 9px;cursor:pointer}.trust-strip{max-width:1180px;margin:0 auto 90px;padding:24px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:42px;color:#74817a}.trust-strip p{font-size:.84rem;white-space:nowrap}.trust-strip div{display:flex;justify-content:space-between;flex:1;gap:22px;font-weight:750;color:#4b5a52}.section{max-width:1180px;margin:0 auto;padding:92px 30px}.section-heading{max-width:760px;margin-bottom:42px}.section-heading.compact{max-width:660px}.section-heading h2,.deploy h2,.closing h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1.15;margin:0 0 16px}.section-heading>p:last-child,.deploy-copy>p{color:var(--muted);font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{padding:30px;min-height:240px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.56)}.feature-no{font-family:ui-monospace,monospace;color:#9aaba1;font-size:.76rem}.feature-grid h3{font-size:1.15rem;margin:34px 0 10px}.feature-grid p{color:var(--muted);margin:0}.feature-grid code{font-size:.85em;background:#e9f0ec;padding:2px 5px;border-radius:4px}.workflow{max-width:none;background:#17261f;color:#fff;padding-left:max(30px,calc((100vw - 1180px)/2));padding-right:max(30px,calc((100vw - 1180px)/2))}.workflow .eyebrow{color:#70d39f}.steps{list-style:none;padding:0;margin:46px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#355044;border:1px solid #355044}.steps li{background:#17261f;padding:30px;min-height:220px}.steps li>b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #6e8b7d;color:#8fe0b5}.steps h3{margin:40px 0 8px}.steps p{margin:0;color:#a9bbb1;font-size:.93rem}.pricing{padding-top:110px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-grid article{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px}.price-grid article.featured{border:2px solid var(--green);box-shadow:0 16px 40px rgba(8,127,91,.12)}.recommend{position:absolute;right:20px;top:20px;color:var(--green);background:var(--mint);font-size:.72rem;font-weight:800;border-radius:99px;padding:5px 9px}.price-grid p{color:var(--muted);margin:0}.price-grid h3{font-size:3.2rem;line-height:1;margin:20px 0 8px}.price-grid h3 span{font-size:1.15rem;vertical-align:top;margin-right:3px}.price-grid strong{color:var(--green)}.price-grid ul{list-style:none;padding:22px 0 0;margin:22px 0 0;border-top:1px solid var(--line);color:#526158}.price-grid li{margin:8px 0}.price-grid li:before{content:"—";margin-right:7px;color:#91a198}.pricing-note{color:#75827b;font-size:.88rem;margin:22px 0 0}.deploy{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.requirements span{background:#e8f0eb;border-radius:99px;padding:6px 11px;color:#56665d;font-size:.82rem}.code-card{background:#111b17;color:#d8e8df;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.code-head{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #293a32;color:#b8cbc1}.code-head small{color:#e8b75f}.code-card pre{margin:0;padding:28px 22px;overflow:auto;color:#8ee0b4;font-size:.87rem;line-height:1.8}.code-card>p{margin:0;padding:16px 22px;border-top:1px solid #293a32;color:#9db0a6;font-size:.84rem}.code-card p code{color:#fff}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 4px}summary{cursor:pointer;font-size:1.06rem;font-weight:750;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--green);font-size:1.3rem}details[open] summary:after{content:"−"}details p{color:var(--muted);max-width:780px;margin:12px 0 3px}.closing{text-align:center;max-width:900px;margin:40px auto 100px;padding:70px 30px;border-radius:22px;background:var(--mint)}.closing .button{margin-top:15px}footer{max-width:1180px;margin:0 auto;padding:34px 30px 52px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:38px;align-items:end;color:#708078;font-size:.82rem}footer p{margin:4px 0}.brand.small{font-size:1rem}.brand.small .brand-mark{width:27px;height:27px;font-size:.72rem}
@media(max-width:900px){.site-header nav{display:none}.site-header{gap:12px}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:62px}.product-window{max-width:680px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr}.deploy{grid-template-columns:1fr}.trust-strip{align-items:flex-start}.trust-strip div{flex-wrap:wrap;justify-content:flex-start}.price-grid article{min-height:auto}footer{grid-template-columns:1fr;gap:15px}}
@media(max-width:560px){.site-header{height:62px;padding:0 18px}.header-cta{padding:7px 13px}.hero{padding:52px 20px 58px;gap:38px;min-height:0}.hero h1{font-size:2.52rem}.hero-actions{flex-direction:column}.button{width:100%}.window-body{grid-template-columns:1fr}.side-rail{display:none}.feed-list{padding:17px}.feed-list article p{max-width:180px}.trust-strip{margin-bottom:44px;padding:20px;display:block}.trust-strip div{margin-top:12px}.section{padding:68px 20px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.steps{grid-template-columns:1fr}.steps li{min-height:180px}.price-grid article{padding:25px}.closing{margin:20px 20px 60px;padding:52px 22px}footer{padding-left:20px;padding-right:20px}}
.brand-mark{overflow:hidden;background:transparent!important;color:transparent!important}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 1.3.6 footer refinement: keep legal metadata together on wide screens. */
footer{display:flex;align-items:center;justify-content:space-between;gap:38px}
.footer-brand{flex:0 0 auto}
.footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:clamp(20px,3vw,42px);min-width:0}
.footer-meta p{white-space:nowrap}
@media(max-width:900px){footer{align-items:flex-start;gap:15px}.footer-meta{align-items:flex-end;flex-direction:column;gap:4px}}
@media(max-width:560px){footer{flex-direction:column}.footer-meta{align-items:flex-start}.footer-meta p{white-space:normal}}

/* wx2rss Mini Program entry */
.mini-program{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:72px;align-items:center;border-top:1px solid var(--line)}
.mini-program h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1.15;margin:0 0 16px}
.mini-program-copy>p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:1.05rem}
.mini-program-note{padding:13px 16px;border-left:3px solid var(--green);background:var(--mint);color:#385246!important;font-size:.92rem!important}
.mini-program-code{margin:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);text-align:center}
.mini-program-code img{display:block;width:220px;height:auto;border-radius:8px}
.mini-program-code figcaption{margin-top:10px;color:#66776e;font-size:.82rem}
@media(max-width:700px){.mini-program{grid-template-columns:1fr;gap:30px}.mini-program-code{justify-self:center}.mini-program-code img{width:210px}}

/* 1.1.2 layout refinement: calmer hero typography, level product preview, dual registry cards */
.hero{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:70px;padding-top:86px;padding-bottom:72px}
.hero h1{font-size:clamp(2.75rem,4.1vw,4rem);line-height:1.08;letter-spacing:-.048em;max-width:650px}
.hero-lead{max-width:590px}
.product-window{transform:none;border-radius:16px;box-shadow:0 22px 60px rgba(17,52,38,.12)}
.deploy{grid-template-columns:minmax(300px,.78fr) minmax(540px,1.22fr);gap:72px;align-items:start}
.registry-stack{display:grid;gap:14px}
.registry-stack .code-card{box-shadow:0 16px 44px rgba(17,52,38,.1)}
.registry-stack .secondary-registry{background:#1b2822}
.registry-stack .secondary-registry pre{padding-top:20px;padding-bottom:20px;color:#c1d8cb}
.recommended-registry{outline:2px solid rgba(8,127,91,.35);outline-offset:2px}
.deploy-note{margin:2px 2px 0;color:var(--muted);font-size:.88rem;line-height:1.7}
.deploy-note code{background:#e5ece8;color:#26372f;padding:2px 5px;border-radius:4px}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:42px}.hero h1{font-size:clamp(2.65rem,4.8vw,3.65rem)}.deploy{grid-template-columns:1fr;gap:38px}.registry-stack{max-width:780px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.product-window{max-width:720px}.deploy{grid-template-columns:1fr}}
@media(max-width:560px){.hero h1{font-size:2.32rem}.registry-stack .code-card pre{font-size:.76rem;padding:20px 16px}.deploy-note{font-size:.82rem}}

/* 1.2.1: keep the two key authorization statements on one line on desktop. */
.pricing .section-heading.compact{max-width:none}
.pricing .section-heading h2,.closing h2{font-size:clamp(2rem,3.2vw,2.85rem);white-space:nowrap}
.closing{max-width:1180px}
@media(max-width:760px){.pricing .section-heading h2,.closing h2{font-size:clamp(1.85rem,5vw,2.25rem)}}
@media(max-width:560px){.pricing .section-heading h2,.closing h2{white-space:normal;font-size:clamp(1.85rem,8.5vw,2.35rem)}}

/* Deployment commands: readable wrapped presentation plus one-click copy. */
.code-head{gap:16px;align-items:center}
.code-head>span{min-width:0}
.code-actions{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}
.copy-command{border:1px solid #456256;background:#22372e;color:#e1f5e9;border-radius:7px;padding:5px 10px;font-size:.76rem;cursor:pointer}
.copy-command:hover{background:#2e4a3e;border-color:#638777}
.registry-stack .code-card pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}
@media(max-width:560px){.code-head{align-items:flex-start}.code-actions{gap:7px}.code-actions small{display:none}.copy-command{padding:4px 8px}.registry-stack .code-card pre{font-size:.72rem}}

/* FAQ step lists. */
.faq-list ol{max-width:780px;margin:12px 0 8px;padding-left:1.5rem;color:var(--muted)}
.faq-list li{margin:5px 0;padding-left:.2rem}
.faq-list code{overflow-wrap:anywhere;word-break:break-word}