:root{--main:#3F5F68;--gold:#C7A96B;--dark:#1C272B;--bg:#F5F2EA;--card:#E9EEE9;--text:#252B2D;--muted:#6C7779;--accent:#D66A4A}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.8}header{background:var(--dark);padding:18px 6%;display:flex;justify-content:space-between}header a{color:white;text-decoration:none;margin-right:20px}.logo{font-size:28px;font-weight:bold}main{max-width:1100px;margin:auto;padding:30px}.hero{background:var(--card);padding:25px;border-radius:16px}.hero img,article img{max-width:100%;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid article,.item{background:white;padding:20px;border-radius:12px}footer{padding:30px;text-align:center;background:var(--dark);color:white}@media(max-width:700px){header{display:block}.grid{grid-template-columns:1fr}main{padding:15px}}
.card-title{font-size:20px;font-weight:700;color:var(--main)}.item h2{color:var(--main)}a{transition:opacity .2s ease}a:hover{opacity:.8}.item p{color:var(--muted)}section{margin-bottom:32px}.hero p{font-size:18px}