*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;color:#333;background:#f4f1ea;line-height:1.8;font-size:15px}
a{color:#b8242a;text-decoration:none}
a:hover{color:#8c1a20}
img{max-width:100%;border:0}
.container{width:1200px;max-width:94%;margin:0 auto}

.topbar{background:#1a1410;color:#d8c9a3;font-size:12px;padding:6px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#d8c9a3;margin-left:14px}
.topbar a:hover{color:#fff}

header.site{background:#241a12;border-bottom:3px solid #c9a24b}
header.site .container{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{display:flex;align-items:baseline}
.logo h1{font-size:30px;color:#f3e3b3;letter-spacing:2px}
.logo h1 span{color:#e0453a}
.logo small{color:#9c8a63;margin-left:10px;font-size:12px}

nav.main{background:#3a2418}
nav.main ul{list-style:none;display:flex;flex-wrap:wrap}
nav.main a{display:block;color:#f0e6cf;padding:13px 26px;font-size:15px;font-weight:bold}
nav.main a:hover,nav.main a.on{background:#b8242a;color:#fff}

.banner{position:relative;height:340px;background:url(../images/banner.jpg) center/cover no-repeat}
.banner .mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,5,.35),rgba(20,10,5,.75))}
.banner .intro{position:relative;z-index:2;padding-top:90px;color:#fff}
.banner h2{font-size:38px;text-shadow:0 2px 8px rgba(0,0,0,.6);letter-spacing:3px}
.banner p{margin-top:14px;font-size:16px;color:#f0e6cf;max-width:640px}

.crumb{background:#ece5d6;font-size:13px;color:#7a6a4d;padding:10px 0;border-bottom:1px solid #ddd2bd}
.crumbb{font-size:13px;color:#7a6a4d;padding:10px 0}
.crumb a,.crumbb a{color:#b8242a}
.crumb span.sep,.crumbb span.sep{margin:0 6px;color:#b6a888}

.wrap{display:flex;gap:26px;margin:26px auto}
.main-col{flex:1;min-width:0}
.side{width:300px;flex-shrink:0}

.panel{background:#fff;border:1px solid #e4dcc9;border-radius:4px;margin-bottom:22px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.panel-h{padding:13px 18px;border-bottom:2px solid #b8242a;display:flex;justify-content:space-between;align-items:center}
.panel-h h3{font-size:18px;color:#241a12}
.panel-h h3::before{content:"";display:inline-block;width:4px;height:16px;background:#b8242a;margin-right:8px;vertical-align:-2px}
.panel-h a{font-size:12px;color:#8a7a58}
.panel-b{padding:16px 18px}

.news-list{list-style:none}
.news-list li{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed #e8e0cc}
.news-list li:last-child{border-bottom:0}
.news-list .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list .t a{color:#2b2b2b;font-size:15px}
.news-list .t a:hover{color:#b8242a}
.news-list .date{color:#9c8f73;font-size:13px;margin-left:16px;flex-shrink:0}

.hot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hot-card{border:1px solid #e4dcc9;border-radius:4px;overflow:hidden;background:#fff}
.hot-card img{width:100%;height:120px;object-fit:cover;display:block}
.hot-card .hc-b{padding:10px 12px}
.hot-card .hc-b a{color:#241a12;font-size:14px;font-weight:bold;line-height:1.5;display:block}
.hot-card .hc-b a:hover{color:#b8242a}

.article{background:#fff;border:1px solid #e4dcc9;border-radius:4px;padding:30px 34px}
.article h1{font-size:26px;color:#241a12;line-height:1.4;margin-bottom:14px}
.article .meta{font-size:13px;color:#9c8f73;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:20px}
.article .meta span{margin-right:18px}
.article h2{font-size:19px;color:#b8242a;margin:26px 0 12px;padding-left:10px;border-left:4px solid #b8242a}
.article h3{font-size:16px;color:#241a12;margin:18px 0 8px}
.article p{margin-bottom:14px;color:#3a3a3a}
.article ul,.article ol{margin:0 0 14px 22px}
.article li{margin-bottom:6px}
.article table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.article th,.article td{border:1px solid #ddd2bd;padding:8px 10px;text-align:center}
.article th{background:#f3ecdb;color:#241a12}
.article .img-cap{text-align:center;color:#9c8f73;font-size:13px;margin-top:6px}
.article .img-box{margin:18px 0}

.faq-item{border-bottom:1px dashed #e4dcc9;padding:16px 0}
.faq-item:last-child{border-bottom:0}
.faq-item .q{font-size:16px;font-weight:bold;color:#241a12;margin-bottom:8px}
.faq-item .q::before{content:"Q";display:inline-block;background:#b8242a;color:#fff;width:22px;height:22px;line-height:22px;text-align:center;border-radius:3px;font-size:13px;margin-right:8px}
.faq-item .a{color:#444;padding-left:30px}
.faq-item .a::before{content:"A";display:inline-block;background:#c9a24b;color:#fff;width:22px;height:22px;line-height:22px;text-align:center;border-radius:3px;font-size:13px;margin:0 8px 0 -30px}

.side .rank{list-style:none;counter-reset:rk}
.side .rank li{counter-increment:rk;padding:9px 0;border-bottom:1px dashed #eee;display:flex;align-items:center}
.side .rank li::before{content:counter(rk);display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#ddd2bd;color:#6b5c3e;border-radius:2px;font-size:12px;margin-right:10px;flex-shrink:0}
.side .rank li:nth-child(-n+3)::before{background:#b8242a;color:#fff}
.side .rank a{color:#333;font-size:14px}
.side .rank a:hover{color:#b8242a}

.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{display:inline-block;padding:4px 12px;background:#f3ecdb;border:1px solid #e4dcc9;border-radius:20px;font-size:13px;color:#6b5c3e}
.tag-cloud a:hover{background:#b8242a;color:#fff;border-color:#b8242a}

.pager{display:flex;justify-content:center;gap:8px;margin-top:24px}
.pager a{display:inline-block;padding:7px 14px;border:1px solid #ddd2bd;background:#fff;color:#6b5c3e;border-radius:3px;font-size:14px}
.pager a.cur{background:#b8242a;color:#fff;border-color:#b8242a}

footer.site{background:#241a12;color:#9c8a63;padding:30px 0;margin-top:40px;font-size:13px;text-align:center;line-height:2}
footer.site a{color:#c9b98d;margin:0 8px}
footer.site a:hover{color:#fff}

.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.kv .cell{background:#f8f3e7;border:1px solid #e4dcc9;border-radius:4px;padding:16px;text-align:center}
.kv .cell b{display:block;font-size:24px;color:#b8242a;margin-bottom:6px}
.kv .cell span{font-size:13px;color:#7a6a4d}

@media(max-width:900px){
.wrap{flex-direction:column}
.side{width:100%}
.banner{height:240px}
.banner .intro{padding-top:60px}
.banner h2{font-size:26px}
.article{padding:20px 16px}
.hot-grid{grid-template-columns:1fr}
.kv{grid-template-columns:1fr}
header.site .container{flex-direction:column;gap:10px}
nav.main a{padding:11px 14px;font-size:14px}
}