*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;color:#3d3d3d;background:#faf6f1}
a{color:#e17055;text-decoration:none;font-weight:500}a:hover{color:#d35400;text-decoration:underline}
img{max-width:100%;height:auto;border-radius:8px}
header{background:#2c2a4a;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(44,42,74,0.25)}
.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.6rem;font-weight:800;color:#fff;letter-spacing:-0.5px}.logo:hover{text-decoration:none;color:#fdcb6e}
header nav ul{display:flex;list-style:none;gap:1.2rem;flex-wrap:wrap}
header nav a{color:#ffeaa7;font-size:0.95rem;font-weight:500;padding:0.25rem 0;position:relative}header nav a:hover{color:#fdcb6e;text-decoration:none}
header nav a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background:#fdcb6e;transition:width 0.3s}header nav a:hover::after{width:100%}
.breadcrumb{max-width:1200px;margin:0.6rem auto;padding:0 1rem;font-size:0.9rem;color:#8d6e63}
.breadcrumb ol{display:flex;list-style:none;gap:0.5rem;flex-wrap:wrap}
.breadcrumb a{color:#e17055;font-weight:500}
main{max-width:1200px;margin:1.2rem 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:2.2rem;border-radius:12px;box-shadow:0 4px 20px rgba(139,90,43,0.08);border:1px solid #f0e6d8}
article h1{font-size:2rem;color:#2c2a4a;margin-bottom:0.6rem;font-weight:700;letter-spacing:-0.3px}
article h2{font-size:1.45rem;color:#574b90;margin:1.8rem 0 0.8rem;font-weight:600;padding-bottom:0.4rem;border-bottom:2px solid #fdcb6e;display:inline-block}
article h3{font-size:1.15rem;color:#6d5e46;margin:1.3rem 0 0.6rem;font-weight:600}
article p{margin-bottom:1.1rem;text-align:justify;color:#4a4a4a}
article ul,article ol{margin:0.6rem 0 1.1rem 1.6rem}
article li{margin-bottom:0.5rem;color:#4a4a4a}
article li::marker{color:#e17055}
article table{width:100%;border-collapse:collapse;margin:1.2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
article th,article td{border:1px solid #f0e6d8;padding:0.85rem;text-align:left}
article th{background:#f5ebe0;font-weight:600;color:#2c2a4a}
article tr:nth-child(even){background:#fdf8f3}
article tr:hover{background:#fff5eb}
.post-meta{color:#a1887f;font-size:0.9rem;margin-bottom:1.5rem;font-weight:500}
.intro{font-size:1.08rem;color:#5d4e37;line-height:1.8}
figure{margin:1.8rem 0;text-align:center}figure img{border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
figcaption{color:#a1887f;font-size:0.85rem;margin-top:0.6rem;font-style:italic}
.tool-section{background:#fff3e0;padding:1.8rem;border-radius:12px;margin:1.8rem 0;border:1px solid #ffe0b2;box-shadow:0 2px 12px rgba(255,152,0,0.08)}
.tool-section h2{color:#e65100}
.tool-placeholder{background:#fff!important;border:2px dashed #ffcc80!important}
.faq-section{background:#e8f5e9;padding:1.8rem;border-radius:12px;margin:1.8rem 0;border:1px solid #c8e6c9}
.faq-section h2{color:#2e7d32}
.related-articles{background:#fce4ec;padding:1.8rem;border-radius:12px;margin:1.8rem 0;border:1px solid #f8bbd0}
.related-articles h2{color:#c2185b}
.related-articles ul{list-style:none;margin-left:0}
.related-articles li{padding:0.4rem 0;border-bottom:1px solid #f8bbd0}
.related-articles li:last-child{border-bottom:none}
.related-articles a{color:#ad1457}
.related-articles a:hover{color:#880e4f}
aside{align-self:start}
.widget{background:#fff;padding:1.4rem;border-radius:12px;box-shadow:0 4px 16px rgba(139,90,43,0.08);margin-bottom:1.2rem;border:1px solid #f0e6d8}
.widget h3{font-size:1.05rem;color:#2c2a4a;margin-bottom:0.9rem;font-weight:700;padding-bottom:0.4rem;border-bottom:2px solid #fdcb6e}
.widget ul{list-style:none}
.widget li{padding:0.5rem 0;border-bottom:1px solid #f0e6d8}
.widget li:last-child{border-bottom:none}
.widget a{color:#6d4c41;font-weight:500}
.widget a:hover{color:#e17055}
.ad-slot{background:#fff;border-radius:8px;overflow:hidden}
.page-list{list-style:none;margin-left:0}
.page-list li{padding:0.6rem 0;border-bottom:1px solid #f0e6d8}
.page-list a{display:block;color:#4a4a8a;font-weight:500}
.page-list a:hover{background:#fff5eb;margin:0 -0.6rem;padding:0.6rem;border-radius:6px;color:#e17055;text-decoration:none}
footer{background:#2c2a4a;color:#ffeaa7;padding:2.2rem 0;margin-top:2.5rem}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}
footer a{color:#fdcb6e;font-weight:500}footer a:hover{color:#fff;text-decoration:none}
footer p{margin-bottom:0.6rem;font-size:0.9rem}
@media(max-width:600px){article{padding:1.2rem}article h1{font-size:1.5rem}header nav ul{gap:0.8rem}.header-inner{flex-direction:column;gap:0.6rem}}