*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f5f7fa}
a{color:#2b6cb0;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
header{background:#1a365d;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100}
.header-inner{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo{font-size:1.5rem;font-weight:bold;color:#fff}.logo:hover{text-decoration:none}
header nav ul{display:flex;list-style:none;gap:1.2rem;flex-wrap:wrap}
header nav a{color:#e2e8f0;font-size:0.95rem}header nav a:hover{color:#fff}
.breadcrumb{max-width:1200px;margin:0.5rem auto;padding:0 1rem;font-size:0.9rem;color:#666}
.breadcrumb ol{display:flex;list-style:none;gap:0.5rem;flex-wrap:wrap}
.breadcrumb a{color:#2b6cb0}
main{max-width:1200px;margin:1rem auto;padding:0 1rem;display:grid;grid-template-columns:1fr 300px;gap:2rem}
@media(max-width:900px){main{grid-template-columns:1fr}aside{order:2}}
article{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
article h1{font-size:1.8rem;color:#1a365d;margin-bottom:0.5rem}
article h2{font-size:1.4rem;color:#2c5282;margin:1.5rem 0 0.75rem}
article h3{font-size:1.1rem;color:#2d3748;margin:1.2rem 0 0.5rem}
article p{margin-bottom:1rem;text-align:justify}
article ul,article ol{margin:0.5rem 0 1rem 1.5rem}
article li{margin-bottom:0.4rem}
article table{width:100%;border-collapse:collapse;margin:1rem 0}
article th,article td{border:1px solid #e2e8f0;padding:0.75rem;text-align:left}
article th{background:#edf2f7;font-weight:600}
article tr:nth-child(even){background:#f7fafc}
.post-meta{color:#718096;font-size:0.9rem;margin-bottom:1.5rem}
.intro{font-size:1.05rem;color:#4a5568}
figure{margin:1.5rem 0;text-align:center}figure img{border-radius:6px}
figcaption{color:#718096;font-size:0.85rem;margin-top:0.5rem}
.tool-section{background:#ebf8ff;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border:1px solid #bee3f8}
.tool-placeholder{background:#fff!important}
.faq-section{background:#f0fff4;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border:1px solid #c6f6d5}
.related-articles{background:#fffaf0;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border:1px solid #feebc8}
.related-articles ul{list-style:none;margin-left:0}
.related-articles li{padding:0.3rem 0;border-bottom:1px solid #feebc8}
.related-articles li:last-child{border-bottom:none}
aside{align-self:start}
.widget{background:#fff;padding:1.2rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:1rem}
.widget h3{font-size:1rem;color:#1a365d;margin-bottom:0.75rem}
.widget ul{list-style:none}
.widget li{padding:0.4rem 0;border-bottom:1px solid #e2e8f0}
.widget li:last-child{border-bottom:none}
.ad-slot{background:#fff;border-radius:4px;overflow:hidden}
.page-list{list-style:none;margin-left:0}
.page-list li{padding:0.5rem 0;border-bottom:1px solid #e2e8f0}
.page-list a{display:block}
.page-list a:hover{background:#f7fafc;margin:0 -0.5rem;padding:0 0.5rem;border-radius:4px}
footer{background:#2d3748;color:#cbd5e0;padding:2rem 0;margin-top:2rem}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}
footer a{color:#a0aec0}footer a:hover{color:#fff}
footer p{margin-bottom:0.5rem;font-size:0.9rem}
@media(max-width:600px){article{padding:1rem}article h1{font-size:1.4rem}header nav ul{gap:0.8rem}.header-inner{flex-direction:column;gap:0.5rem}}