
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Verdana,"Microsoft YaHei",sans-serif;background:#f8fafc;color:#334155;line-height:1.7;font-size:15px}
.site-head{background:#0d9488;color:#fff}
.head-inner{max-width:980px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.brand{color:#fff;text-decoration:none;font-weight:700}
nav{display:flex;gap:12px;flex-wrap:wrap}
nav a{color:#ccfbf1;text-decoration:none;font-size:13px}
.hero{max-width:980px;margin:0 auto;padding:40px 16px 16px}
.hero h1{font-size:28px;margin-bottom:12px;color:#0f766e}
.hero p{margin-bottom:8px}
.wa-cta{display:inline-block;margin-top:10px;background:#334155;color:#fff;text-decoration:none;padding:10px 16px}
.block{max-width:980px;margin:0 auto;padding:28px 16px}
.block h2{font-size:20px;margin-bottom:10px;color:#0f766e}
.fact{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.card{background:#fff;padding:14px 16px;border-left:4px solid #0d9488}
.ico{color:#0d9488;width:22px;height:22px}
.ico svg{width:22px;height:22px}
.step-vert{list-style:none;margin-top:10px}
.step-vert li{background:#fff;padding:12px;margin:8px 0;border:1px solid #cbd5e1}
.step-vert .n:before{content:"☑ ";color:#0d9488}
.step-vert .n{background:none;color:#0d9488;font-weight:700}
.table-wrap{overflow:auto;margin-top:10px}
table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
th,td{border:1px solid #cbd5e1;padding:8px;text-align:left}
th{background:#e2e8f0}
.faq-ol{list-style:none;margin-top:12px}
.faq-ol li{margin:14px 0}
.faq-ol h3:before{content:"Q：";color:#0d9488}
.faq-ol p:before{content:"A：";font-weight:700}
.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cmp{background:#fff;padding:12px;border-left:4px solid #334155}
.site-foot{background:#334155;color:#cbd5e1;padding:20px;text-align:center;font-size:12px}
.site-foot p{margin:6px 0}
@media (max-width:700px){.fact,.card-grid,.cmp-cols{grid-template-columns:1fr}}

.news-info{list-style:none;margin-top:12px}
.news-info li{background:#fff;padding:12px 14px;margin:10px 0;border-left:4px solid #0d9488}
.news-info time{font-size:12px;color:#0f766e}
.news-info h3{font-size:15px;margin:4px 0}
