*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter','Segoe UI',Roboto,system-ui,sans-serif;background:#f5f7fb;color:#1a1e2b;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{max-width:1280px;margin:0 auto;padding:0 28px}
.main-header{background:#ffffff;padding:16px 0;box-shadow:0 2px 10px rgba(0,0,0,0.02);border-bottom:1px solid #e9edf3;position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.97);backdrop-filter:blur(4px)}
.header-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.logo-area{display:flex;align-items:center;gap:8px}
.logo-icon{background:#a7875b;color:#fff;font-weight:700;font-size:1.6rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;letter-spacing:1px}
.logo-text{font-size:1.7rem;font-weight:700;letter-spacing:-0.5px;color:#0e1a2b}
.logo-text span{color:#a7875b}
.nav-menu{display:flex;flex-wrap:wrap;gap:32px;font-weight:500}
.nav-menu a{color:#1f2a3f;font-size:1rem;padding:6px 0;border-bottom:2px solid transparent;transition:0.2s}
.nav-menu a:hover,.nav-menu a.active{border-bottom-color:#a7875b;color:#0e1a2b}
.article-detail{padding:40px 0 60px}
.article-detail .container{max-width:900px;background:#fff;border-radius:16px;padding:48px 56px;box-shadow:0 2px 20px rgba(0,0,0,0.04);border:1px solid #e9edf3}
.breadcrumb{font-size:0.9rem;color:#7f8ba3;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eef2f7}
.breadcrumb a{color:#2563eb}
.breadcrumb a:hover{text-decoration:underline}
.article-title{font-size:2.2rem;font-weight:700;line-height:1.3;color:#0e1a2b;margin-bottom:16px;letter-spacing:-0.5px}
.article-body{font-size:1.05rem;line-height:1.9;color:#1f2a3f}
.article-body h2{font-size:1.5rem;font-weight:700;margin:32px 0 16px;color:#0e1a2b;padding-left:14px;border-left:4px solid #a7875b}
.article-body h3{font-size:1.2rem;font-weight:600;margin:24px 0 12px;color:#1f2a3f}
.article-body p{margin-bottom:16px;text-align:justify}
.article-body strong{color:#0e1a2b}
.article-body ul,.article-body ol{margin:12px 0 16px 24px}
.article-body li{margin-bottom:6px}
.highlight-box{background:#f8fafc;border-left:4px solid #a7875b;padding:16px 20px;margin:20px 0;border-radius:0 8px 8px 0}
.highlight-box strong{color:#a7875b}
.article-footer{margin-top:40px;padding-top:24px;border-top:1px solid #eef2f7}
.related-articles{margin-top:32px;padding-top:28px;border-top:2px solid #eef2f7}
.related-articles h3{font-size:1.1rem;font-weight:600;color:#0e1a2b;margin-bottom:16px}
.related-list{display:flex;flex-direction:column;gap:12px}
.related-list a{display:flex;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-radius:8px;color:#1f2a3f;transition:0.2s;border:1px solid transparent}
.related-list a:hover{background:#fff;border-color:#a7875b;transform:translateX(4px)}
.rel-title{font-weight:500}
.rel-meta{color:#7f8ba3;font-size:0.85rem}
.footer{background:#0e1a2b;color:#b6c9e0;padding:44px 0 28px}
.copyright{border-top:1px solid #1f3450;padding-top:24px;text-align:center;font-size:0.9rem;color:#7f94b0}
@media(max-width:768px){.header-flex{flex-direction:column;gap:14px}.nav-menu{justify-content:center;gap:16px}.article-detail .container{padding:24px 20px;border-radius:12px}.article-title{font-size:1.6rem}.article-body{font-size:0.98rem}.article-body h2{font-size:1.25rem}.related-list a{flex-direction:column;gap:4px}}
@media(max-width:480px){.container{padding:0 16px}.article-detail .container{padding:18px 14px}.article-title{font-size:1.3rem}.article-body{font-size:0.92rem}}