/* 膳方日记 官网 · 共享样式（原 index.html 内联样式抽离 + 文章页扩展）
铁律：主色 #C67D5B 只作按钮底/边框；米白底文字用 #8B4513（6.6:1）。
禁把 #C67D5B 用作米白底文字色（仅 3.01:1，不达标）。 */
:root{
--terracotta:#C67D5B;
--ink:#2E2622;
--ink-2:#5A4F49;
--ink-3:#8B4513;
--paper:#FAF6F2;
--paper-2:#F3EBE4;
--line:#E6DAD0;
--green:#2F6B4F;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
background:var(--paper);color:var(--ink);line-height:1.7;
font-size:16px;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:520px;margin:0 auto;padding:0 20px;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);}
.brand{font-size:17px;font-weight:600;letter-spacing:1px;}
.brand a{color:inherit;text-decoration:none;}
.brand small{display:block;font-size:11px;font-weight:400;color:var(--ink-2);letter-spacing:0;}
.nav a{font-size:14px;color:var(--ink-3);text-decoration:none;margin-left:16px;}
.hero{padding:36px 0 30px;}
.eyebrow{display:inline-block;font-size:12px;color:var(--ink-3);border:1px solid var(--terracotta);
border-radius:3px;padding:2px 8px;margin-bottom:16px;letter-spacing:.5px;}
h1{font-size:29px;line-height:1.4;font-weight:600;letter-spacing:-.3px;margin-bottom:16px;}
h1 em{font-style:normal;color:var(--ink-3);border-bottom:3px solid #EBD9C8;padding-bottom:2px;}
.lead{font-size:16px;color:var(--ink-2);margin-bottom:10px;}
.lead strong{color:var(--ink);font-weight:600;}
.slogan{font-size:15px;color:var(--ink-3);letter-spacing:2px;margin:18px 0 26px;font-weight:600;}
.btn{display:block;text-align:center;background:var(--terracotta);color:#fff;
font-size:17px;font-weight:600;padding:15px;border-radius:10px;text-decoration:none;letter-spacing:.5px;}
.btn-sub{display:block;text-align:center;font-size:14px;color:var(--ink-2);margin-top:14px;text-decoration:none;}
.hint{font-size:13px;color:var(--ink-2);text-align:center;margin-top:10px;}
.steps{padding:28px 0;border-top:1px solid var(--line);margin-top:32px;}
.steps h2,.sec h2{font-size:19px;font-weight:600;margin-bottom:6px;}
.sec-sub{font-size:14px;color:var(--ink-2);margin-bottom:18px;}
.step{display:flex;gap:14px;padding:12px 0;}
.step .n{flex:0 0 30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--terracotta);
color:var(--ink-3);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.step .t b{display:block;font-size:16px;font-weight:600;margin-bottom:2px;}
.step .t span{font-size:14px;color:var(--ink-2);}
.sec{padding:32px 0;border-top:1px solid var(--line);}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;
padding:16px 14px;text-decoration:none;color:inherit;}
.card b{display:block;font-size:16px;font-weight:600;margin-bottom:6px;color:var(--ink);}
.card span{font-size:13px;color:var(--ink-2);line-height:1.5;display:block;}
.card .go{font-size:12px;color:var(--ink-3);margin-top:10px;display:block;}
.compare{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.crow{display:flex;border-bottom:1px solid var(--line);}
.crow:last-child{border-bottom:none;}
.chead{background:var(--paper-2);font-size:13px;font-weight:600;}
.ccell{flex:1;padding:12px 14px;font-size:14px;line-height:1.6;}
.ccell.bad{color:#7A6F68;}
.ccell.good{color:var(--ink);border-left:1px solid var(--line);}
.ccell.good b{color:var(--ink-3);}
.ask{list-style:none;}
.ask li{border-bottom:1px solid var(--line);}
.ask a{display:flex;justify-content:space-between;align-items:center;gap:12px;
padding:15px 2px;text-decoration:none;color:var(--ink);font-size:15px;}
.ask a .q{font-weight:500;}
.ask a .arw{color:var(--terracotta);font-size:15px;flex:0 0 auto;}
.foot{margin-top:36px;padding:26px 0 40px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-2);line-height:1.9;}
.foot .disc{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:16px;color:#5A4F49;}
.foot b{color:var(--ink);font-weight:600;}
.foot a{color:var(--ink-3);}
.foot .flinks a{margin-right:12px;}
/* ── 文章页（人群/科普）扩展 ───────────────────────────── */
.crumb{font-size:13px;color:var(--ink-2);padding:14px 0 0;}
.crumb a{color:var(--ink-3);text-decoration:none;}
.art-hero{padding:22px 0 24px;}
.art-hero h1{font-size:26px;margin-bottom:12px;}
.art-hero .lead{margin-bottom:0;}
.keybox{background:#fff;border:1px solid var(--line);border-left:4px solid var(--terracotta);
border-radius:10px;padding:16px 16px;margin:6px 0 4px;}
.keybox b{display:block;font-size:14px;color:var(--ink-3);margin-bottom:6px;letter-spacing:.5px;}
.keybox p{font-size:15px;color:var(--ink);}
.keybox ul{margin:6px 0 0 18px;font-size:15px;}
.keybox li{margin-bottom:4px;}
.body p{font-size:15.5px;color:var(--ink-2);margin-bottom:12px;}
.body p strong{color:var(--ink);}
.body h3{font-size:16.5px;font-weight:600;margin:20px 0 8px;}
.body ul,.body ol{margin:0 0 14px 20px;font-size:15.5px;color:var(--ink-2);}
.body li{margin-bottom:6px;}
.body li strong{color:var(--ink);}
.body .note{font-size:13.5px;color:var(--ink-2);background:#fff;border:1px dashed var(--line);
border-radius:8px;padding:12px 14px;margin:14px 0;}
table.menu{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;
border-collapse:separate;border-spacing:0;overflow:hidden;font-size:14px;margin:8px 0 6px;}
table.menu th{background:var(--paper-2);font-size:13px;font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);}
table.menu td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top;}
table.menu tr:last-child td{border-bottom:none;}
table.menu td:first-child{color:var(--ink);font-weight:600;white-space:nowrap;}
.faq{margin-top:4px;}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;}
.faq summary{font-size:15px;font-weight:600;cursor:pointer;color:var(--ink);list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"＋";float:right;color:var(--terracotta);font-weight:600;}
.faq details[open] summary::after{content:"－";}
.faq details p{font-size:14.5px;color:var(--ink-2);margin-top:10px;}
.rel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;}
.rel a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;
padding:12px 14px;text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:500;}
.rel a span{display:block;font-size:12.5px;color:var(--ink-2);font-weight:400;margin-top:2px;}
.cta{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 18px;margin:28px 0 0;text-align:center;}
.cta h3{font-size:17px;font-weight:600;margin-bottom:8px;}
.cta p{font-size:14px;color:var(--ink-2);margin-bottom:16px;}
.cta .btn{margin-bottom:0;}
.mp-qr-inline{width:200px;height:200px;display:block;margin:0 auto 12px;box-sizing:border-box;
border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px;}
/* 通用「提示框」：原规则只写了 .body .note，导致 help/scenarios/partner 里 下的
.note 一直无样式（2026-09-29 修）。保留 .body .note 不动，另加通用版。 */
.note{font-size:13.5px;color:var(--ink-2);background:#fff;border:1px dashed var(--line);
border-radius:8px;padding:12px 14px;margin:14px 0;}
.note a{color:var(--ink-3);font-weight:600;}
/* 法务/关于页 */
.doc{border-top:1px solid var(--line);padding:22px 0 0;}
.doc h2{font-size:17px;font-weight:600;margin:20px 0 8px;}
.doc h2:first-child{margin-top:0;}
.doc p,.doc li{font-size:15px;color:var(--ink-2);margin-bottom:10px;}
.doc ul{margin-left:20px;}
.doc .updated{font-size:13px;color:var(--ink-2);}
@media(min-width:560px){ .hero{padding:56px 0 40px;} h1{font-size:36px;} .art-hero h1{font-size:30px;} }