:root{--bg:#f7f5f0;--fg:#22211f;--muted:#6b665c;--accent:#b5541c;--card:#fff;--line:#e4dfd4}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;background:var(--bg);color:var(--fg)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
header{border-bottom:1px solid var(--line);background:var(--card)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font:700 22px/1 system-ui,sans-serif;color:var(--fg);letter-spacing:.5px}.logo span{color:var(--accent)}
nav a{margin-left:18px;font:15px system-ui,sans-serif;color:var(--muted)}
.hero{padding:48px 0 24px}.hero h1{font-size:34px;margin:0 0 10px}.hero p{color:var(--muted);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:24px 0 48px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.card .pic{height:140px}.card .txt{padding:14px 16px}.card h3{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:15px}
.meta{font:13px system-ui,sans-serif;color:var(--muted);margin-bottom:6px}
article{padding:36px 0 56px}article h1{font-size:32px;margin:0 0 6px}article h2{font-size:22px;margin-top:32px}
.banner{height:220px;border-radius:10px;margin:18px 0 26px}
.p1{background:linear-gradient(160deg,#7a8f6a,#c9b88a 60%,#e9d9b0)}.p2{background:linear-gradient(170deg,#4d6b8a,#9fb7c9 55%,#e8e1cf)}
.p3{background:linear-gradient(165deg,#8a5a3c,#d39a63 55%,#f1d8b0)}.p4{background:linear-gradient(160deg,#3f5f4f,#86a68f 55%,#dfe6cf)}
table{border-collapse:collapse;width:100%;font:15px system-ui,sans-serif}td,th{border-bottom:1px solid var(--line);padding:6px 4px;text-align:left}
footer{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font:14px system-ui,sans-serif}