*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Georgia','Times New Roman',serif;background:#fafaf8;color:#1a1a2e;min-height:100vh;line-height:1.8;font-size:17px}
.container{max-width:860px;margin:0 auto;padding:20px}
header{text-align:center;padding:50px 20px 30px;border-bottom:2px solid #1a3a5c;margin-bottom:40px}
header .logo{font-size:1.8rem;font-weight:700;color:#1a3a5c;letter-spacing:-0.5px}
header .logo a{color:#1a3a5c;text-decoration:none}
header p{color:#5a6a7a;font-size:1rem;margin-top:4px;font-style:italic}
nav{margin-top:18px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
nav a{color:#3a5a7c;text-decoration:none;font-size:0.9rem;font-family:'Inter',system-ui,sans-serif}
nav a:hover{color:#c0392b}
h1{font-size:2rem;color:#1a1a2e;margin-bottom:16px;line-height:1.3}
h2{font-size:1.4rem;color:#1a3a5c;margin:35px 0 14px;border-bottom:1px solid #e0e0d8;padding-bottom:6px}
h3{font-size:1.1rem;color:#2c5f8a;margin:20px 0 8px}
p{margin-bottom:16px;color:#3a3a4e}
a{color:#2c5f8a}
a:hover{color:#c0392b}
ul,ol{margin:0 0 18px 24px;color:#3a3a4e}
li{margin-bottom:8px}
.hero{text-align:center;padding:30px 0 50px}
.hero h1{font-size:2.4rem;color:#1a1a2e}
.hero p{font-size:1.15rem;color:#5a6a7a;max-width:600px;margin:0 auto 24px}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:30px 0}
.article-card{background:#fff;border:1px solid #e8e8e0;border-radius:8px;padding:24px;transition:box-shadow 0.2s}
.article-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.article-card h3{margin-top:0;color:#1a1a2e;font-size:1.1rem}
.article-card p{color:#5a6a7a;font-size:0.9rem}
.article-card .date{font-size:0.8rem;color:#999;font-family:system-ui,sans-serif}
.quote-box{background:#f0f0e8;border-left:4px solid #1a3a5c;padding:20px 24px;margin:30px 0;border-radius:0 8px 8px 0;font-style:italic;color:#3a3a4e}
.breadcrumb{font-size:0.85rem;color:#999;margin-bottom:20px;font-family:system-ui,sans-serif}
.breadcrumb a{color:#999}
.article-content{max-width:720px;margin:0 auto}
footer{text-align:center;padding:40px 20px;margin-top:50px;border-top:2px solid #e8e8e0;color:#999;font-size:0.85rem;font-family:system-ui,sans-serif}
footer a{color:#999;text-decoration:none;margin:0 10px}
footer a:hover{color:#1a3a5c}
.tag{display:inline-block;background:#e8eff5;color:#2c5f8a;padding:3px 10px;border-radius:4px;font-size:0.75rem;margin-right:6px;font-family:system-ui,sans-serif}
@media(max-width:600px){h1{font-size:1.5rem}.hero h1{font-size:1.8rem}.container{padding:15px}header{padding:30px 15px 20px}}