*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#1a1a1a;line-height:1.8;background:#fafafa}
header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;text-align:center;padding:60px 20px 40px}
header h1{font-size:2.2em;margin-bottom:8px}
.subtitle{font-size:1.05em;color:#a0aec0;max-width:600px;margin:0 auto}
main{max-width:900px;margin:0 auto;padding:0 20px}
.hero{text-align:center;padding:50px 20px;background:#fff;margin:30px 0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.hero h2{font-size:1.6em;margin-bottom:16px;color:#1a1a2e}
.hero p{color:#555;margin-bottom:8px}
.hero .cta{margin-top:28px}
.cta-text{font-size:1.15em;margin-bottom:4px}
.cta-text strong{color:#c62828}
.cta-sub{color:#888;font-size:.92em}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0}
.feature{background:#fff;padding:24px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.feature h3{font-size:1.1em;margin-bottom:8px;color:#1a1a2e}
.feature p{font-size:.92em;color:#666}
.articles{margin:40px 0}
.articles h2{font-size:1.4em;margin-bottom:20px;color:#1a1a2e}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.article-card{display:block;background:#fff;padding:20px;border-radius:10px;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s}
.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.article-card h3{font-size:1.05em;margin-bottom:6px;color:#1a1a2e}
.article-card p{font-size:.88em;color:#777}
footer{text-align:center;padding:40px 20px;background:#1a1a2e;color:#a0aec0;margin-top:40px}
footer strong{color:#fff}
.footer-note{font-size:.82em;margin-top:8px;color:#666}
/* Article pages */
.article-content{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);margin:30px 0}
.article-content h2{font-size:1.4em;margin:28px 0 12px;color:#1a1a2e}
.article-content h3{font-size:1.15em;margin:20px 0 8px;color:#333}
.article-content p, .article-content li{margin-bottom:12px;color:#444;font-size:.98em}
.article-content ul, .article-content ol{padding-left:24px;margin-bottom:16px}
.article-content table{width:100%;border-collapse:collapse;margin:16px 0}
.article-content td,.article-content th{border:1px solid #e0e0e0;padding:10px 14px;text-align:left;font-size:.92em}
.article-content th{background:#f5f5f5;font-weight:600}
.article-content .highlight{background:#fff8e1;padding:2px 6px;border-radius:3px}
.article-content blockquote{background:#f5f5f5;padding:14px 20px;margin:16px 0;border-left:4px solid #1a1a2e;color:#555;font-size:.94em}
.back-link{display:inline-block;margin-top:20px;color:#1a1a2e;text-decoration:none;font-size:.92em}
.back-link:hover{text-decoration:underline}