/* 基础样式 */
body{background-color: #F6F7F7; background-image: url('../images/xzszk/content_bg.jpg'); background-size: cover; background-attachment: fixed; background-position: center; font-family: "Microsoft YaHei", sans-serif; overflow-x: hidden;}
/* 容器样式 */
.container{max-width: 1200px; margin: 0 auto; position: relative;}
/* 页头样式 */
.header{height: 160px; display: flex; align-items: center; justify-content: center;}
.header img{width: 460px; height: auto;}
/* 内容区域样式 */
.content-area{background-color: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding: 20px 40px 20px 40px; position: relative; margin-bottom: 50px;}
/* 标题样式 */
.content-area h2,
.content-area h3{position: relative; font-size: 1.8rem; text-align: center; color: #996035; margin-bottom: 30px; padding: 22px 0; font-weight: bold; background: linear-gradient(to right, rgba(255, 255, 255, 0), #faf5ef, rgba(255, 255, 255, 0));}
.content-area h2::before,
.content-area h2::after,
.content-area h3::before,
.content-area h3::after{content: ""; position: absolute; height: 2px; width: 80px; background-color: #d88800; bottom: 0; left: 50%; transform: translateX(-50%);}
.content-area h2::before,
.content-area h3::before{width: 120px; bottom: 5px; background-color: rgba(153, 96, 53, 0.3);}
/* 返回按钮样式 */
.back-home-btn{position: absolute; left: 20px; top: 20px; display: flex; align-items: center; background-color: #CBAB88; color: white; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-size: 0.9rem; transition: all 0.2s ease; z-index: 1;}
.back-home-btn:hover{background-color: #d88800; color: white;}
.back-list-btn{position: absolute; left: 100px; top: 20px; display: flex; align-items: center; background-color: #CBAB88; color: white; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-size: 0.9rem; transition: all 0.2s ease; z-index: 1;}
.back-list-btn:hover{background-color: #d88800; color: white;}
/* 文章内容样式 */
.article-meta{text-align: center; color: #888; margin-bottom: 20px; font-size: 0.9rem;}
.article-content{line-height: 1.8; color: #333; margin-bottom: 10px; }
.article-content p{margin-bottom: 20px; text-indent: 2em;}
.article-content img{max-width: 100%; height: auto; display: block; margin: 20px auto; border-radius: 5px;}
.article-content video{display: block;      /* 让 video 变成块级元素以支持 margin 控制 */
  margin: 0 auto;      /* 左右自动 margin 实现水平居中 */
  width: 80%;          /* 设置视频宽度为页面宽度的80%，可根据需要调整 */
  max-width: 800px;    /* 设置最大宽度，防止过大，可以自定义 */
  height: auto;        /* 按比例自动调整高度 */}
/* 新闻列表样式 */
.news-list{list-style: none; padding: 0;}
.news-item{padding: 15px; border-bottom: 1px solid #eee; transition: background-color 0.2s; display: flex; align-items: center; justify-content: space-between;}
.news-item:hover{background-color: #f9f9f9;}
.news-item:last-child{border-bottom: none;}
.news-title{display: flex; align-items: center; flex: 1;}
.news-dot{display: inline-block; width: 6px; height: 6px; background-color: #996035; border-radius: 50%; margin-right: 12px;}
.news-item a{color: #333; text-decoration: none; font-size: 1rem; transition: color 0.2s;}
.news-item a:hover{color: #d88800; font-weight: bold;}
.view-btn{display: inline-block; background-color: #CBAB88; color: #FFFFFF !important; font-size: 0.8rem !important; padding: 4px 12px; border-radius: 4px; text-decoration: none; transition: background-color 0.2s;}
.view-btn:hover{background-color: #d88800; color: white;}
/* 响应式设计 */
@media (max-width: 768px){.header{height: 120px;} .header img{width: 300px;} .content-area{padding: 15px 20px 20px;} .content-area h2, .content-area h3{font-size: 1.5rem; margin-top: 30px;} .back-home-btn{left: 15px; top: 10px; padding: 4px 8px; font-size: 0.8rem;} .back-list-btn{left: 80px; top: 10px; padding: 4px 8px; font-size: 0.8rem;} .article-meta{font-size: 0.8rem;} .article-content{font-size: 0.9rem;} .news-item{padding: 12px 5px;} .news-title a{font-size: 0.9rem;} .view-btn{padding: 3px 8px; font-size: 0.7rem;}}