*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f6f6f8;color:#1f2233;line-height:1.85;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:22px 18px 60px}
h1{font-size:26px;line-height:1.4;margin:10px 0 10px}
.meta{color:#8b8fa3;font-size:13px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #e9e9f0}
.article-toc{position:relative;max-width:620px;margin:24px auto 34px;padding:26px 26px 24px;background:#fdfcf9;border:1px solid #edd9d1;border-radius:24px;box-shadow:0 16px 34px -28px rgba(139,84,62,.62)}
.article-toc::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,250,247,.16));pointer-events:none}
.article-toc strong{position:relative;display:block;margin:0 0 16px;color:#242634;font-size:17px;font-weight:800;line-height:1.4}
.article-toc a{position:relative;display:block;padding:5px 0;color:#3f4252;font-size:15px;font-weight:500;line-height:1.72;text-decoration:none}
.article-toc a:hover{color:#c65b45}
h2{scroll-margin-top:20px}
h2{font-size:19px;margin:30px 0 12px;padding-left:11px;border-left:4px solid #7c5cf5}
h3{font-size:16px;margin:20px 0 8px;color:#2a2f45}
p{margin:12px 0;font-size:15px;color:#33384d}
ul,ol{margin:12px 0 12px 22px}
li{font-size:15px;color:#33384d;margin:7px 0}
b,strong{color:#1f2233}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:12px;overflow:hidden;margin:16px 0}
th,td{padding:10px 12px;border-bottom:1px solid #eeeef3;text-align:left;vertical-align:top}
th{background:#f3f1fd;color:#4b3f8f;font-weight:700;white-space:nowrap}th:first-child,td:first-child{width:32%}
tr:last-child td{border-bottom:none}
.price{color:#e8433c;font-weight:800}
.note{background:#fff7ec;border:1px solid #f3d9b0;color:#8a5300;border-radius:12px;padding:12px 15px;font-size:14px;margin:18px 0}
.tip{background:#f4f1ff;border:1px solid #ded8fb;color:#4b3f8f;border-radius:12px;padding:12px 15px;font-size:14px;margin:18px 0}
.cta{display:block;text-align:center;background:#7c5cf5;color:#fff;text-decoration:none;font-weight:800;border-radius:30px;padding:15px 0;margin:28px 0 12px;font-size:16px}
.cta:hover{opacity:.92}
.contact{background:#fff;border:1px solid #ececf1;border-radius:14px;padding:15px 17px;margin:18px 0;font-size:14.5px}
.contact b{color:#4b3f8f}
.related{background:#fff;border:1px solid #ececf1;border-radius:14px;padding:14px 18px;margin:24px 0}
.related h3{margin:0 0 8px;font-size:15px}
.related a{display:block;color:#7c5cf5;text-decoration:none;font-size:14.5px;padding:5px 0;font-weight:600}
.related a:hover{text-decoration:underline}
.foot{color:#9aa0ae;font-size:12.5px;margin-top:26px;line-height:1.9;border-top:1px solid #e9e9f0;padding-top:16px}
a{color:#7c5cf5}
.list{background:#fff;border:1px solid #ececf1;border-radius:14px;padding:6px 18px;margin-bottom:12px}
.list a{display:block;text-decoration:none;padding:14px 0;border-bottom:1px solid #f1f1f6}
.list a:last-child{border-bottom:none}
.list .t{font-size:15.5px;font-weight:700;color:#2a2f45;line-height:1.5}
.list .d{font-size:13px;color:#8b8fa3;margin-top:4px;line-height:1.7}
@media(max-width:640px){h1{font-size:21px}h2{font-size:17.5px}.wrap{padding:18px 15px 48px}table{font-size:13px}th,td{padding:8px 9px}.article-toc{margin:20px auto 30px;padding:23px 21px 20px;border-radius:23px}.article-toc strong{font-size:16.5px;margin-bottom:13px}.article-toc a{font-size:14.5px;line-height:1.68}}