*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#F0FDFF;color:#164E63;font-family:"Lucida Grande","Segoe UI","Microsoft YaHei",sans-serif;line-height:1.7}
a{color:#0891B2}
.lg-bar{background:#164E63;color:#fff;padding:16px 28px}
.lg-brand{font-size:17px;margin-bottom:10px}
.lg-nav{display:flex;flex-wrap:wrap;gap:12px 20px}
.lg-nav a{color:#fff;text-decoration:none;font-size:14px}
.lg-nav a:hover{text-decoration:underline}
.lg-hero{padding:32px 28px 20px;background:#fff}
.lg-hero h1{font-size:28px;max-width:860px;margin-bottom:12px}
.lg-hero p{max-width:760px;margin-bottom:8px}
.lg-sec{padding:36px 28px}
.lg-sec h2{font-size:22px;margin-bottom:14px;color:#164E63}
.lg-sec p{margin-bottom:12px;max-width:900px}
.lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.lg-cell{background:#fff;border:1px solid #A5F3FC;padding:16px}
.lg-cell h3{font-size:16px;margin:8px 0;color:#0891B2}
.lg-time{position:relative;margin-left:18px;padding-left:28px;border-left:3px solid #0891B2}
.lg-node{background:#fff;border:1px solid #164E63;padding:18px;margin:0 0 18px}
.lg-node h3{color:#0891B2;margin-bottom:8px}
.lg-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.lg-cols article{background:#fff;border:1px solid #A5F3FC;padding:18px}
.lg-faq{border-left:4px solid #164E63;background:#fff;padding:12px 16px;margin-bottom:10px}
.lg-faq h3{font-size:16px;margin-bottom:8px}
.lg-foot{background:#164E63;color:#fff;padding:28px;font-size:14px}
.lg-foot p{margin-bottom:10px;max-width:960px}
@media (max-width:900px){
.lg-grid,.lg-cols{grid-template-columns:1fr}
}