:root{--c:#0E7C66;--cd:#0A5E4D;--ac:#F4A23B;--ink:#1d2b27;--mut:#5d6b66;--bg:#f6f9f8;--card:#fff;--bd:#e4ebe8}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--c);text-decoration:none}a:hover{text-decoration:underline}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.1rem;background:var(--card);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:9;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--ink)}.brand img{border-radius:8px}.brand i{font-style:normal;font-weight:600;color:var(--mut);font-size:.85em}
.nav nav{display:flex;gap:.25rem;flex-wrap:wrap}.nav nav a{padding:.35rem .7rem;border-radius:7px;color:var(--mut);font-weight:600;font-size:.92rem}
.nav nav a:hover{background:var(--bg);text-decoration:none}.nav nav a.on{color:var(--c);background:rgba(14,124,102,.08)}
main.doc{max-width:820px;margin:0 auto;padding:1.6rem 1.1rem 3rem}main.wide{max-width:1080px;margin:0 auto;padding:0 1.1rem 3rem}
.prose{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1.4rem 1.5rem;overflow-wrap:break-word}
.prose h1{font-size:1.7rem;line-height:1.25;margin:.2rem 0 1rem}.prose h2{font-size:1.28rem;margin:1.8rem 0 .6rem;padding-top:.3rem;border-top:1px solid var(--bd)}
.prose h3{font-size:1.06rem;margin:1.2rem 0 .4rem}.prose h2:first-of-type{border-top:0}
.prose p,.prose li{color:#27352f}.prose strong{color:var(--ink)}
.prose blockquote{margin:1rem 0;padding:.7rem 1rem;background:#fff7ec;border-left:4px solid var(--ac);border-radius:0 8px 8px 0;color:#5c4a2e}
.prose table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.93rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--bd);padding:.5rem .6rem;text-align:left;vertical-align:top}.prose th{background:var(--bg);font-weight:700}
.prose hr{border:0;border-top:1px solid var(--bd);margin:2rem 0}.prose code{background:var(--bg);padding:.1em .4em;border-radius:5px;font-size:.9em}
.prose a{font-weight:600}
/* landing */
.hero{text-align:center;padding:2.6rem 1rem 1.4rem}.hero .logo{border-radius:20px;box-shadow:0 8px 30px rgba(14,124,102,.18)}
.hero h1{font-size:2.3rem;margin:.8rem 0 .2rem}.hero h1 .zh{color:var(--mut);font-size:.6em;font-weight:600}
.hero .tag{font-size:1.25rem;font-weight:700;color:var(--c);margin:.4rem 0 0}.hero .tag.zh{font-size:1rem;font-weight:600;margin-top:.1rem}
.hero .sub{max-width:560px;margin:1rem auto 0;color:var(--mut);font-size:1.05rem}
.badges{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1.4rem 0 .6rem}
.badge{padding:.5rem .9rem;border-radius:10px;font-weight:600;font-size:.9rem;background:var(--card);border:1px solid var(--bd)}.badge.soon{color:var(--mut)}
.hero .disc{max-width:560px;margin:1rem auto 0;font-size:.86rem;color:var(--mut)}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.4rem 0}
.feat{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1.2rem}.feat .ic{font-size:1.8rem}.feat h3{margin:.5rem 0 .4rem;font-size:1.1rem}
.feat p{margin:.3rem 0;color:#27352f;font-size:.96rem}.feat .zh{font-size:.86rem}
.how,.trust,.faq-mini,.pricing{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1.3rem 1.5rem;margin:1rem 0}
.how h2,.trust h2,.faq-mini h2,.pricing h2{margin:.1rem 0 .8rem;font-size:1.3rem}.lnk{font-weight:700}
/* how it works — numbered steps */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.steps li{display:flex;gap:.9rem;align-items:flex-start}
.steps .num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--c);color:#fff;font-weight:800;display:grid;place-items:center}
.steps h3{margin:.1rem 0 .25rem;font-size:1.05rem}.steps p{margin:.15rem 0}.steps .zh{font-weight:500;font-size:.85em}
/* trust band */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.trust-item .ic{font-size:1.6rem}.trust-item h3{margin:.4rem 0 .3rem;font-size:1.04rem}.trust-item p{margin:.2rem 0;font-size:.95rem}
/* mini FAQ (accordion) */
.qa{border:1px solid var(--bd);border-radius:10px;padding:.2rem .9rem;margin:.5rem 0;background:var(--bg)}
.qa summary{cursor:pointer;font-weight:700;padding:.6rem 0;list-style:none}.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"＋ ";color:var(--c);font-weight:800}.qa[open] summary::before{content:"− "}
.qa p{margin:.2rem 0 .7rem}
.zh{}.muted{color:var(--mut)}.sm{font-size:.85rem}
/* contact form */
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1.3rem 1.5rem;margin:1.4rem 0}
.contact form{display:grid;gap:.8rem;max-width:520px}.contact label{display:grid;gap:.3rem;font-weight:600;font-size:.92rem}
.contact .opt{color:var(--mut);font-weight:400}
.contact input,.contact textarea{font:inherit;padding:.6rem .7rem;border:1px solid var(--bd);border-radius:9px;background:#fff}
.contact input:focus,.contact textarea:focus{outline:2px solid var(--c);border-color:var(--c)}
.contact button{justify-self:start;background:var(--c);color:#fff;border:0;padding:.65rem 1.4rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer}
.contact button:hover{background:var(--cd)}.cfmsg{margin:.2rem 0 0;font-weight:600}.cfmsg.ok{color:var(--c)}.cfmsg.err{color:#b4452f}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
/* footer */
.foot{border-top:1px solid var(--bd);background:var(--card);padding:1.4rem 1.1rem;margin-top:2rem}
.fcols{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
.foot nav a{color:var(--mut);font-weight:600}.foot .sm{max-width:1080px;margin:.8rem auto 0;text-align:center}
@media(max-width:560px){.hero h1{font-size:1.9rem}.prose{padding:1.1rem 1rem}main.doc{padding:1.1rem .8rem 2.4rem}}