/* 笑开在美助手 · 落地页统一设计系统 v2 (2026-10-06) */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body{background:#f5f7fa;color:#1d2129;line-height:1.6}
.page{max-width:720px;margin:0 auto;background:#fff;min-height:100vh}
/* 每页主题色：body class 控制 */
.page-call{--acc:#1677ff;--acc-dark:#0958d9;--acc-soft:#e8f3ff;--acc-line:#d6e7ff;--acc-bg:linear-gradient(160deg,#1677ff 0%,#0958d9 100%)}
.page-mail{--acc:#13c2c2;--acc-dark:#08979c;--acc-soft:#e6fffb;--acc-line:#b5f5ec;--acc-bg:linear-gradient(160deg,#13c2c2 0%,#08979c 100%)}
.page-baby{--acc:#eb2f96;--acc-dark:#c41d7f;--acc-soft:#fff0f6;--acc-line:#ffd6e7;--acc-bg:linear-gradient(160deg,#eb2f96 0%,#c41d7f 100%)}
.page-prison{--acc:#2f54eb;--acc-dark:#1d39c4;--acc-soft:#f0f5ff;--acc-line:#d6e4ff;--acc-bg:linear-gradient(160deg,#2f54eb 0%,#1d39c4 100%)}
.page-company{--acc:#fa8c16;--acc-dark:#d46b08;--acc-soft:#fff7e6;--acc-line:#ffd591;--acc-bg:linear-gradient(160deg,#fa8c16 0%,#d46b08 100%)}
.page-bank{--acc:#52c41a;--acc-dark:#389e0d;--acc-soft:#f6ffed;--acc-line:#d9f7be;--acc-bg:linear-gradient(160deg,#52c41a 0%,#389e0d 100%)}
.page-notary{--acc:#722ed1;--acc-dark:#531dab;--acc-soft:#f9f0ff;--acc-line:#efdbff;--acc-bg:linear-gradient(160deg,#722ed1 0%,#531dab 100%)}
.hero{background:var(--acc-bg);color:#fff;padding:42px 22px 30px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.hero .brand{font-size:13px;opacity:.85;letter-spacing:1px;margin-bottom:18px}
.hero h1{font-size:26px;font-weight:800;line-height:1.35;margin-bottom:12px}
.hero .sub{font-size:15px;opacity:.92;line-height:1.7}
.hero .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hero .tags span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:5px 12px;border-radius:20px;font-size:13px}
/* 价格锚（老板定价哲学：服务费 vs 官方规费分开；难事写「起价+按难度报价」） */
.price-anchor{display:flex;align-items:baseline;justify-content:center;gap:10px;background:#fff;border:1px solid var(--acc-line);border-radius:14px;padding:14px 16px;margin-top:18px;box-shadow:0 4px 16px rgba(0,0,0,.06);flex-wrap:wrap;position:relative}
.price-anchor .amt{font-size:28px;font-weight:800;color:var(--acc-dark);line-height:1}
.price-anchor .amt small{font-size:15px;font-weight:700}
.price-anchor .way{font-size:14px;color:#4e5969;line-height:1.5}
.price-anchor .way b{display:block;font-size:12px;color:#86909c;font-weight:400}
@media(max-width:520px){.price-anchor{flex-direction:column;align-items:center;text-align:center}}
.trust{display:flex;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #eef1f5;flex-wrap:wrap}
.trust span{flex:1;min-width:100px;text-align:center;font-size:13px;color:#4e5969;background:#f7f9fc;border:1px solid #eef1f5;border-radius:8px;padding:8px 6px}
.trust b{display:block;color:var(--acc);font-weight:700;font-size:14px}
.body{padding:0 16px 90px}
.section{padding:22px 4px}
.section h2{font-size:19px;font-weight:700;margin-bottom:4px;color:#1d2129}
.section .lead{font-size:14px;color:#86909c;margin-bottom:16px}
.scenes{display:flex;flex-direction:column;gap:10px}
.scene{display:flex;gap:12px;align-items:flex-start;background:#f7f9fc;border:1px solid #eef1f5;border-radius:12px;padding:14px}
.scene .ic{width:40px;height:40px;border-radius:10px;background:var(--acc-soft);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.scene .t{font-size:15px;font-weight:600;margin-bottom:2px}
.scene .d{font-size:13px;color:#606670;line-height:1.5}
.cases{display:flex;flex-direction:column;gap:12px}
.case{background:#fff;border:1px solid var(--acc-line);border-left:4px solid var(--acc);border-radius:12px;padding:16px}
.case .who{font-size:14px;font-weight:700;color:var(--acc-dark);margin-bottom:6px}
.case .body{font-size:14px;color:#3c4656;line-height:1.7}
.case .quote{font-size:14px;color:#1d2129;background:var(--acc-soft);border-radius:8px;padding:10px 12px;margin-top:10px;line-height:1.7}
.case .quote::before{content:"“";color:var(--acc);font-weight:800}
.case .quote::after{content:"”";color:var(--acc);font-weight:800}
.steps{display:flex;flex-direction:column;gap:12px}
.step{display:flex;gap:12px;align-items:flex-start}
.step .n{width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.step .t{font-size:15px;font-weight:600}
.step .d{font-size:13px;color:#606670}
.why{background:linear-gradient(180deg,var(--acc-soft) 0%,#fff 100%);border:1px solid var(--acc-line);border-radius:14px;padding:18px}
.why li{list-style:none;font-size:14px;padding:7px 0 7px 26px;position:relative;color:#3c4656}
.why li::before{content:"✓";position:absolute;left:0;top:7px;color:var(--acc);font-weight:700}
.form-box{background:#fff;border:1px solid #eef1f5;border-radius:16px;padding:18px;box-shadow:0 6px 24px rgba(22,119,255,.06)}
.form-box h3{font-size:17px;font-weight:700;margin-bottom:4px}
.form-box .tip{font-size:13px;color:#86909c;margin-bottom:14px}
.field{margin-bottom:12px}
.field label{display:block;font-size:13px;color:#4e5969;margin-bottom:6px;font-weight:600}
.field label .req{color:#f53f3f}
.field input,.field select,.field textarea{width:100%;border:1px solid #dcdfe6;border-radius:10px;padding:12px;font-size:15px;background:#fff;outline:none;transition:border .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acc)}
.field textarea{resize:none;height:88px}
.btn{width:100%;background:var(--acc-bg);color:#fff;border:none;border-radius:12px;padding:15px;font-size:17px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 16px rgba(22,119,255,.35)}
.btn:active{transform:scale(.98)}
.btn.done{background:#52c41a;box-shadow:none}
.msg{display:none;margin-top:12px;padding:12px;border-radius:10px;font-size:14px;text-align:center}
.msg.ok{display:block;background:#f0fff4;color:#237804;border:1px solid #b7eb8f}
.msg.err{display:block;background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}
.footer{padding:22px 16px;text-align:center;font-size:12px;color:#86909c;background:#f5f7fa}
.footer a{color:#86909c;text-decoration:none}
.callbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:720px;background:#fff;border-top:1px solid #eef1f5;padding:12px 16px;display:flex;gap:10px;z-index:10}
.callbar a{flex:1;text-align:center;text-decoration:none;font-size:15px;font-weight:600;padding:12px;border-radius:10px}
.callbar .tel{background:var(--acc-soft);color:var(--acc);border:1px solid var(--acc-line)}
.callbar .tel b{display:block;font-size:13px;font-weight:400;color:#86909c}
.callbar .cta{background:var(--acc-bg);color:#fff}
.mp-entry{background:#f6f9ff;border:1px solid #e3ecff;border-radius:16px;padding:22px 20px;margin:28px auto;max-width:720px}
.mp-entry .mp-inner{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.mp-entry .mp-txt{flex:1;min-width:220px}
.mp-entry h3{font-size:18px;font-weight:700;margin:0 0 8px;color:#16233a}
.mp-entry p{margin:0 0 6px;font-size:14px;line-height:1.7;color:#4a5568}
.mp-entry .mp-sub{color:#86909c;font-size:13px}
.mp-entry .mp-code{width:132px;height:132px;border-radius:10px;background:#fff;border:1px solid #eef1f5;flex-shrink:0}
@media(max-width:520px){.mp-entry .mp-inner{flex-direction:column;text-align:center}.mp-entry .mp-code{margin:0 auto}}

/* 2026-10-08 补：落地页底部「相关服务」内链（原来 8 页之间零内链）
   注意：本块在 .body 之外，左右 16px 对齐正文、底部 96px 让开 position:fixed 的 .callbar */
.xk-rel{margin:16px 16px 96px;padding:14px 16px;background:#f7f9fc;border-radius:12px}
.xk-rel-t{font-size:14px;color:#4e5969;font-weight:600;margin-bottom:10px}
.xk-rel-list{display:flex;flex-wrap:wrap;gap:8px}
.xk-rel-list a{display:inline-block;padding:7px 12px;background:#fff;border:1px solid #e5e6eb;border-radius:999px;font-size:13px;color:#1d2129;text-decoration:none;line-height:1.4}
.xk-rel-list a.xk-rel-home{background:#2f54eb;border-color:#2f54eb;color:#fff}
