body{margin:0;background:#f6f7f3;color:#173330;font-family:"Microsoft YaHei","PingFang SC",sans-serif;padding-top:38px}
.page{max-width:960px;margin:auto;padding:12px 16px 36px}
nav a{color:#168e79;text-decoration:none}
.page h1{font-size:32px;line-height:1.3;margin:14px 0 8px}
.meta{color:#738d87;font-size:13px;margin-bottom:18px}
.content,.faq,.related{border:1px solid #d5e4dc;border-radius:14px;padding:20px;margin-bottom:14px}
.content p,.content li,.faq p{font-size:16px;line-height:1.9;color:#3f625c}
.content h2,.faq h2,.related h2{font-size:22px;margin:26px 0 10px}
.visual-card{margin:16px 0 18px;border-radius:0;overflow:hidden}
.visual-card img{display:block;width:100%;height:auto}
.calc-card{margin:18px 0;padding:15px;border-left:4px solid #15a087;background:#f0f8f5}
.calc-card a,.related a{color:#118675;font-weight:700}
.formula{padding:12px;background:#eef5f1;border-radius:10px}
.content table{width:100%;border-collapse:collapse}
.content th,.content td{border:1px solid #d8e5df;padding:10px;text-align:left;vertical-align:top}
.article-author-note{margin-top:24px;padding:14px;background:#f3f6f4}
.faq details{border-top:1px solid #dbe8e2;padding:12px 0}
.faq summary{font-weight:700;cursor:pointer}
.related a{display:inline-block;margin-right:18px}
.footer{font-size:12px;color:#69827c}
.faq details.is-extra{display:none}
.faq.is-expanded details.is-extra{display:block}
.faq-toggle{margin-top:8px;border:1px solid #d9e3de;border-radius:10px;background:#f6f7f3;color:#118675;min-height:38px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.faq-toggle:hover{background:#edf2ee;border-color:#cddbd4}
@media(max-width:760px){
  .page h1{font-size:26px}
  .content,.faq,.related{padding:15px}
  .content table{font-size:14px}
}
