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

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

.header{background:linear-gradient(180deg,#2a0e0e 0%,#120606 100%);padding:22px 0;border-bottom:3px solid #e6a817}
.header .container{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:32px;font-weight:900;color:#ff4d4d;letter-spacing:2px;text-shadow:0 0 12px #ff6b00}
.logo span{color:#ffd700}
.tagline{color:#c99a4a;font-size:13px;margin-top:4px}

.nav{background:#8b0000;border-bottom:3px solid #e6a817;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:#5a0000;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(20,0,0,.8) 100%)}
.hero-text{position:relative;z-index:2;text-align:center;color:#fff}
.hero-text h1{font-size:46px;color:#ffd700;text-shadow:0 0 18px #ff4d00;margin-bottom:10px}
.hero-text p{font-size:17px;color:#ffd9a8}

.breadcrumb{background:#fff;border-bottom:1px solid #e8d8c0;padding:10px 0;font-size:13px;color:#8a6a55}
.breadcrumb a{color:#6a4a3a}
.breadcrumb span{margin:0 8px;color:#ccbbaa}

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

.card{background:#fff;border:1px solid #e8d8c0;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 3px rgba(80,0,0,.06)}
.card-hd{padding:12px 18px;border-bottom:2px solid #e6a817;background:#fdf6e8;display:flex;justify-content:space-between;align-items:center}
.card-hd h2{font-size:18px;color:#8b0000}
.card-hd h2::before{content:"";display:inline-block;width:4px;height:16px;background:#e6a817;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 #e8d8c0;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:#2a1a1a;font-size:15px;line-height:1.5}
.news-list .t a:hover{color:#b8202a}
.news-list .date{color:#997a66;font-size:13px;white-space:nowrap;font-family:Consolas,monospace}

.article{padding:24px 28px}
.article h1{font-size:26px;color:#1a0a0a;line-height:1.4;margin-bottom:14px}
.article-meta{color:#997a66;font-size:13px;border-bottom:1px solid #f5ece0;padding-bottom:12px;margin-bottom:18px}
.article-meta span{margin-right:16px}
.article p{margin-bottom:14px;text-indent:2em;color:#2a1a1a}
.article h3{font-size:18px;color:#8b0000;margin:22px 0 10px;padding-left:10px;border-left:4px solid #e6a817}
.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 #f5ece0;padding:12px 0}
.faq .q{font-weight:bold;color:#1a0a0a;font-size:15px;margin-bottom:6px}
.faq .q::before{content:"Q：";color:#b8202a}
.faq .a{color:#5a3a3a;font-size:14px}
.faq .a::before{content:"A：";color:#e6a817;font-weight:bold}

.side-widget{background:#fff;border:1px solid #e8d8c0;border-radius:4px;margin-bottom:18px}
.side-widget h3{padding:10px 14px;background:#8b0000;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 #f0e4d0;font-size:14px}
.side-widget li:last-child{border-bottom:0}
.side-widget li a{color:#4a2a2a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-widget li a:hover{color:#b8202a}

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

.footer{background:#120606;color:#a87a5a;padding:30px 0;margin-top:20px;font-size:13px;border-top:3px solid #e6a817}
.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
.footer h4{color:#e6a817;margin-bottom:10px;font-size:14px}
.footer ul{list-style:none}
.footer li{margin-bottom:6px}
.footer a{color:#a87a5a}
.footer a:hover{color:#ffd700}
.copyright{text-align:center;padding-top:18px;margin-top:18px;border-top:1px solid #2a1410;color:#7a5a44}

.tags a{display:inline-block;background:#f5f0ea;border:1px solid #e8d8c0;padding:3px 10px;margin:0 6px 8px 0;border-radius:12px;font-size:13px;color:#6a4a3a}
.tags a:hover{background:#8b0000;color:#fff;border-color:#8b0000}

@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}
}