:root{
  --bg:#f6f7f3; --bg2:#fff; --bg3:#eef0ea; --ink:#0f1319; --ink2:#39414d; --mut:#6c747f;
  --line:#e4e7df; --teal:#10a08e; --teal2:#0c7a6c; --emer:#19b896;
  --sans:'Switzer',-apple-system,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;
  --disp:'Clash Display',var(--sans);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:var(--teal2);text-decoration:none;}
a:hover{text-decoration:underline;}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:780px;margin:0 auto;padding:18px 22px;border-bottom:1px solid var(--line);}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.3px;color:var(--ink);}
.brand .dot{width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,var(--teal),var(--teal2));display:grid;place-items:center;}
.nav .r{display:flex;gap:16px;font-size:14px;}
.wrap{max-width:780px;margin:0 auto;padding:8px 22px 60px;}
.crumb{font-size:13px;color:var(--mut);margin:18px 0 4px;}
article h1{font-family:var(--disp);font-weight:600;font-size:clamp(26px,4.4vw,38px);line-height:1.15;letter-spacing:-.5px;margin:10px 0 6px;}
.meta{color:var(--mut);font-size:13px;margin-bottom:18px;}
article h2{font-family:var(--disp);font-weight:600;font-size:21px;margin:34px 0 10px;letter-spacing:-.2px;}
article h3{font-size:17px;font-weight:600;margin:22px 0 8px;}
article p{margin:12px 0;color:var(--ink2);font-size:15.5px;}
article ul,article ol{margin:12px 0;padding-left:22px;color:var(--ink2);font-size:15.5px;}
article li{margin:6px 0;}
article b,article strong{color:var(--ink);}
.lead{font-size:17px;color:var(--ink2);}
.tip{background:#f0f7f5;border:1px solid rgba(16,160,142,.25);border-left:3px solid var(--teal);border-radius:10px;padding:12px 16px;margin:18px 0;font-size:14.5px;color:var(--ink2);}
.cta{background:linear-gradient(180deg,rgba(16,160,142,.07),var(--bg2));border:1px solid rgba(16,160,142,.32);border-radius:16px;padding:22px 24px;margin:30px 0;text-align:center;}
.cta h3{font-family:var(--disp);margin:0 0 6px;font-size:19px;color:var(--ink);}
.cta p{margin:0 0 14px;color:var(--mut);font-size:14px;}
.btn{display:inline-block;background:linear-gradient(120deg,var(--teal),var(--teal2));color:#fff;font-weight:700;font-size:15px;padding:12px 26px;border-radius:12px;text-decoration:none;}
.btn:hover{filter:brightness(1.05);text-decoration:none;}
.faq{margin-top:30px;}
.faq h2{margin-bottom:6px;}
.faq details{border-bottom:1px solid var(--line);padding:14px 0;}
.faq summary{font-weight:600;cursor:pointer;color:var(--ink);font-size:15.5px;list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:"+ ";color:var(--teal2);font-weight:700;}
.faq details[open] summary::before{content:"– ";}
.faq p{margin:10px 0 2px;}
.related{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);}
.related h2{font-size:18px;margin-bottom:10px;}
.related a{display:block;padding:7px 0;font-size:15px;}
footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 22px 50px;color:var(--mut);font-size:13px;text-align:center;}
footer a{color:var(--mut);}
.kf-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,#10a08e,#0c7a6c);color:#fff;font-weight:600;font-size:14px;padding:12px 18px;border-radius:999px;box-shadow:0 14px 30px -10px rgba(16,160,142,.55);text-decoration:none;}
.kf-fab svg{width:18px;height:18px;}