*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#ece2c8;color:#3a2f1f;line-height:1.75;font-size:15px}
a{color:#7a2a1a;text-decoration:none}
a:hover{color:#b8860b}
img{max-width:100%;border:0}
.container{width:1200px;max-width:96%;margin:0 auto}

.topbar{background:#2a1f10;color:#c9a86a;font-size:13px;padding:6px 0;border-bottom:1px solid #4a3a20}
.topbar .container{display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#e8d8a0;margin-left:14px}

.header{background:linear-gradient(180deg,#3a2a14 0%,#241a0c 100%);padding:22px 0;border-bottom:3px solid #b8860b}
.header .container{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:32px;font-weight:900;color:#e6b94a;letter-spacing:2px;text-shadow:0 2px 6px #000}
.logo span{color:#fff}
.tagline{color:#a88a55;font-size:13px;margin-top:4px}

.nav{background:#5a2010;border-bottom:3px solid #b8860b;position:sticky;top:0;z-index:100}
.nav ul{list-style:none;display:flex;flex-wrap:wrap}
.nav a{display:block;color:#fff;padding:14px 26px;font-size:15px;font-weight:bold;transition:background .2s}
.nav a:hover,.nav a.active{background:#3a1208;color:#ffd700}

.hero{position:relative;height:360px;background:#000 url(../images/banner.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.7) 100%)}
.hero-text{position:relative;z-index:2;text-align:center;color:#fff}
.hero-text h1{font-size:44px;color:#ffd700;text-shadow:0 3px 12px #000;margin-bottom:10px}
.hero-text p{font-size:17px;color:#f0e0b0}

.breadcrumb{background:#fbf6e6;border-bottom:1px solid #d8c89a;padding:10px 0;font-size:13px;color:#8a7a55}
.breadcrumb a{color:#6a5a3a}
.breadcrumb span{margin:0 8px;color:#bbb}

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

.card{background:#fffdf5;border:1px solid #d8c89a;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.card-hd{padding:12px 18px;border-bottom:2px solid #b8860b;background:#f4ead0;display:flex;justify-content:space-between;align-items:center}
.card-hd h2{font-size:18px;color:#7a2a1a}
.card-hd h2::before{content:"";display:inline-block;width:4px;height:16px;background:#b8860b;margin-right:8px;vertical-align:-2px}
.card-bd{padding:18px}

.news-list{list-style:none}
.news-list li{padding:11px 4px;border-bottom:1px dashed #d8c89a;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.news-list li:last-child{border-bottom:0}
.news-list .t{flex:1}
.news-list .t a{color:#2c2418;font-size:15px;line-height:1.5}
.news-list .t a:hover{color:#7a2a1a}
.news-list .date{color:#998866;font-size:13px;white-space:nowrap;font-family:Consolas,monospace}

.article{padding:24px 28px}
.article h1{font-size:26px;color:#2a2010;line-height:1.4;margin-bottom:14px}
.article-meta{color:#998866;font-size:13px;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:18px}
.article-meta span{margin-right:16px}
.article p{margin-bottom:14px;text-indent:2em;color:#3a2f1f}
.article h3{font-size:18px;color:#7a2a1a;margin:22px 0 10px;padding-left:10px;border-left:4px solid #b8860b}
.article ul,.article ol{margin:0 0 14px 24px}
.article li{margin-bottom:6px}
.article img{margin:14px auto;display:block;border-radius:4px}

.faq{list-style:none}
.faq li{border-bottom:1px solid #eee;padding:12px 0}
.faq .q{font-weight:bold;color:#2a2010;font-size:15px;margin-bottom:6px}
.faq .q::before{content:"Q：";color:#7a2a1a}
.faq .a{color:#5a4a30;font-size:14px}
.faq .a::before{content:"A：";color:#b8860b;font-weight:bold}

.side-widget{background:#fffdf5;border:1px solid #d8c89a;border-radius:4px;margin-bottom:18px}
.side-widget h3{padding:10px 14px;background:#5a2010;color:#fff;font-size:15px;border-radius:3px 3px 0 0}
.side-widget ul{list-style:none;padding:8px 14px}
.side-widget li{padding:6px 0;border-bottom:1px dashed #e5d8b0;font-size:14px}
.side-widget li:last-child{border-bottom:0}
.side-widget li a{color:#4a3a20;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-widget li a:hover{color:#7a2a1a}

.pager{padding:18px;text-align:center}
.pager a{display:inline-block;padding:6px 14px;margin:0 4px;border:1px solid #d0c090;background:#fff;color:#6a5a3a;border-radius:3px}
.pager a.cur{background:#5a2010;color:#fff;border-color:#5a2010}

.footer{background:#241a0c;color:#9a8a6a;padding:30px 0;margin-top:20px;font-size:13px;border-top:3px solid #b8860b}
.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
.footer h4{color:#b8860b;margin-bottom:10px;font-size:14px}
.footer ul{list-style:none}
.footer li{margin-bottom:6px}
.footer a{color:#9a8a6a}
.footer a:hover{color:#ffd700}
.copyright{text-align:center;padding-top:18px;margin-top:18px;border-top:1px solid #3a2e18;color:#6a5a3a}

.tags a{display:inline-block;background:#ece2c8;border:1px solid #d8c89a;padding:3px 10px;margin:0 6px 8px 0;border-radius:12px;font-size:13px;color:#6a5a3a}
.tags a:hover{background:#5a2010;color:#fff;border-color:#5a2010}

@media(max-width:900px){
  .main{flex-direction:column}
  .sidebar{width:100%}
  .hero{height:230px}
  .hero-text h1{font-size:28px}
  .nav a{padding:12px 14px;font-size:14px}
}