:root{--red:#c0392b;--cream:#f8f3e7;--text:#333}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:'Microsoft YaHei','PingFang SC','Hiragino Sans GB',sans-serif;line-height:1.65}.container{width:min(1180px,92%);margin:auto}.notice{background:var(--red);color:#fff;text-align:center;font-size:14px;padding:7px}header{height:100px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100% - 1180px)/2))}.logo{display:flex;align-items:center;text-decoration:none;color:var(--red)}.logo img{width:42px;height:42px}.logo h1{font-size:28px;margin:0 0 0 8px}.search{display:flex;width:min(400px,42vw)}input,select,textarea,button{font:inherit;padding:9px;border:1px solid #ddd}.search input{flex:1}.search button,.request-form button{background:var(--red);color:#fff;border-color:var(--red)}nav{height:50px;background:var(--cream)}nav .container{height:50px;display:flex;align-items:center;justify-content:space-between}nav a{color:#333;text-decoration:none;font-size:16px;padding:13px 10px}nav a.active,nav a:hover{color:var(--red);border-bottom:2px solid var(--red)}main{min-height:520px;padding:30px 0}.hero{background:#fff8ec;border-radius:8px;padding:45px;text-align:center;margin-bottom:25px}.hero h2{color:var(--red);font-size:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.2s}.card:hover{transform:translateY(-4px)}.card strong{font-size:24px;display:block}.card small{color:#888;display:block}.card span{font-size:12px;color:var(--red);background:#fff0ed;padding:2px 6px}.card p{font-size:14px;height:48px;overflow:hidden}.card a,.articles a,footer a{color:var(--red)}.request-form{background:#fff;border-radius:8px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.request-form textarea{grid-column:span 2}.list-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.list-layout aside{background:#fff;padding:20px;border-radius:8px;height:max-content}.articles article,.detail{background:#fff;padding:20px;margin:12px 0;border-radius:8px}.articles a{font-size:18px;text-decoration:none}.pinyin{color:#777}.pager{text-align:center}footer{background:#2c3e50;color:#dce3e7;padding:35px 4% 20px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h3{color:#fff}.copyright{text-align:center;border-top:1px solid #506170;padding-top:15px;margin-top:25px}@media(max-width:768px){header{height:auto;padding:16px;gap:12px;flex-direction:column}.search{width:100%}nav{height:auto}nav .container{height:auto;flex-wrap:wrap;justify-content:center}.cards{grid-template-columns:1fr}.request-form{grid-template-columns:1fr}.request-form textarea{grid-column:auto}.list-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}