*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Helvetica,Arial,sans-serif;background:#f4f1ea;color:#333;line-height:1.75;font-size:15px}
a{color:#b8860b;text-decoration:none}
a:hover{color:#8b6508}
img{max-width:100%;border:0}
.wrap{width:1200px;margin:0 auto;overflow:hidden}

.topbar{background:#1a1a1a;color:#bbb;font-size:12px;padding:6px 0}
.topbar .wrap{display:flex;justify-content:space-between}
.topbar a{color:#ccc}

header.site{background:linear-gradient(135deg,#2b1d0e 0%,#4a2f10 60%,#6b3f14 100%);padding:22px 0;border-bottom:3px solid #c9a227}
header.site .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:30px;font-weight:bold;color:#f5d76e;letter-spacing:2px}
.logo span{color:#fff;font-size:14px;display:block;letter-spacing:1px;margin-top:4px;font-weight:normal}
.searchbox{background:#fff;border-radius:4px;overflow:hidden;display:flex;width:340px}
.searchbox input{border:0;padding:10px 12px;flex:1;outline:none}
.searchbox button{background:#c9a227;border:0;padding:10px 22px;color:#2b1d0e;cursor:pointer;font-weight:bold}

nav.main{background:#3a2410;border-top:1px solid #5a3a1a}
nav.main ul{list-style:none;display:flex}
nav.main li a{display:block;padding:14px 26px;color:#f0e0b0;font-size:15px;font-weight:bold}
nav.main li a:hover,nav.main li a.on{background:#c9a227;color:#2b1d0e}

.breadcrumb{background:#ece5d3;font-size:13px;padding:10px 0;border-bottom:1px solid #d8cfb8}
.breadcrumb .wrap{color:#777}
.breadcrumb a{color:#8b6508;margin:0 4px}

.hero{position:relative;height:340px;overflow:hidden;background:#000}
.hero img{width:100%;height:100%;object-fit:cover;opacity:.85}
.hero .inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.55))}
.hero h1{color:#f5d76e;font-size:42px;text-shadow:0 2px 8px #000;letter-spacing:4px}
.hero p{color:#fff;font-size:17px;margin-top:12px;text-shadow:0 1px 4px #000}

.main-body{display:flex;gap:24px;padding:24px 0}
.content{flex:1}
.sidebar{width:300px}

.panel{background:#fff;border:1px solid #e3dcc8;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.panel h2{background:#faf6ec;border-bottom:2px solid #c9a227;padding:12px 18px;font-size:18px;color:#4a2f10;display:flex;justify-content:space-between;align-items:center}
.panel h2 a{font-size:13px;font-weight:normal;color:#999}
.panel .bd{padding:18px}

.news-list{list-style:none}
.news-list li{padding:11px 4px;border-bottom:1px dashed #e3dcc8;display:flex;justify-content:space-between;align-items:center}
.news-list li:last-child{border-bottom:0}
.news-list .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list .t a{color:#333}
.news-list .t a:hover{color:#b8860b}
.news-list .date{color:#aaa;font-size:12px;margin-left:14px}

.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cat-item{background:#faf6ec;border:1px solid #e3dcc8;border-radius:4px;padding:18px;text-align:center}
.cat-item h3{font-size:16px;color:#4a2f10;margin-bottom:6px}
.cat-item p{font-size:12px;color:#888}

.article{background:#fff;border:1px solid #e3dcc8;border-radius:4px;padding:28px 32px}
.article h1{font-size:26px;color:#2b1d0e;margin-bottom:14px;line-height:1.4}
.article .meta{font-size:13px;color:#999;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:18px}
.article p{margin-bottom:14px;text-indent:2em}
.article h3{font-size:19px;color:#4a2f10;margin:22px 0 10px;border-left:4px solid #c9a227;padding-left:10px}
.article img{margin:14px 0;border-radius:4px}

.faq{background:#fff;border:1px solid #e3dcc8;border-radius:4px;padding:24px 32px}
.faq h2{font-size:22px;color:#2b1d0e;margin-bottom:16px;border-bottom:2px solid #c9a227;padding-bottom:10px}
.faq-item{margin-bottom:18px}
.faq-item h3{font-size:16px;color:#4a2f10;margin-bottom:6px}
.faq-item h3:before{content:"Q ";color:#c9a227;font-weight:bold}
.faq-item p{font-size:14px;color:#555}
.faq-item p:before{content:"A ";color:#8b6508;font-weight:bold}

.sidebar .bd{padding:14px}
.hot-list{list-style:none}
.hot-list li{padding:8px 0;border-bottom:1px dashed #eee;font-size:14px}
.hot-list li:last-child{border-bottom:0}
.hot-list li .no{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#c9a227;color:#fff;border-radius:2px;font-size:12px;margin-right:6px}
.hot-list li:nth-child(n+4) .no{background:#bbb}

.tags{margin-top:10px}
.tags a{display:inline-block;background:#faf6ec;border:1px solid #e3dcc8;padding:3px 10px;border-radius:3px;font-size:12px;margin:3px;color:#8b6508}

.pager{text-align:center;padding:18px 0}
.pager a{display:inline-block;padding:6px 12px;margin:0 3px;border:1px solid #ddd;background:#fff}
.pager a.cur{background:#c9a227;color:#fff;border-color:#c9a227}

footer.site{background:#1a1a1a;color:#999;padding:28px 0;font-size:13px;text-align:center;line-height:2}
footer.site a{color:#bbb;margin:0 6px}
.disclaimer{max-width:900px;margin:0 auto;color:#666;font-size:12px}

@media(max-width:1240px){.wrap{width:96%}.main-body{flex-direction:column}.sidebar{width:100%}.cat-grid{grid-template-columns:repeat(2,1fr)}}