/* ============================================
   农机购置补贴专栏 - 公共样式
   适用于封面页(tempid=10) / 列表页(tempid=15) / 内容页(tempid=18)
   ============================================ */

/* --- 基础 reset --- */
:root { --blue: #2b6db8; --blue-dark: #1f5ba0; --blue-light: #4a8cd6; --green: #5b9a5e; --red: #c0504d; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; background: #f0f2f5; color: #333; font-size: 14px; line-height: 1.6; }
a { text-decoration: none; color: #333; }
a:hover { color: var(--blue); }
ul,ol { list-style: none; }
.container { width: 1000px; margin: 0 auto; }

/* --- 顶部 banner --- */
.top-banner { width: 100%; text-align: center; position: relative; }
.top-banner img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

/* --- 导航 --- */
.nav { background: linear-gradient(180deg, var(--blue-light), var(--blue-dark)); box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.nav ul { display: flex; justify-content: center; flex-wrap: wrap; }
.nav li { padding: 0 10px; }
.nav li a { display: block; padding: 7px 6px; color: #fff; font-size: 13px; transition: background .2s; }
.nav li a:hover { background: rgba(255,255,255,.2); }

/* --- 搜索栏 --- */
.search-bar { background: #fff; padding: 10px 0; border-bottom: 1px solid #e6e6e6; }
.search-bar .container { display: flex; justify-content: space-between; align-items: center; }
.date-info { color: #888; font-size: 12px; }
.search-box { display: flex; }
.search-box input { border: 1px solid #ccc; padding: 5px 8px; font-size: 12px; outline: none; width: 180px; }
.search-box button { background: var(--blue); color: #fff; border: none; padding: 5px 16px; cursor: pointer; font-size: 12px; }
.search-box button:hover { background: var(--blue-dark); }

/* --- 主体容器 --- */
.main { padding: 14px 0; }

/* --- Panel 通用 --- */
.panel { background: #fff; border: 1px solid #e6e6e6; }
.panel-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e6e6e6; }
.panel-head h3 { font-size: 14px; color: var(--blue); font-weight: bold; }
.panel-head h3::before { content: ''; display: inline-block; width: 3px; height: 14px; background: var(--blue); margin-right: 6px; vertical-align: -2px; }
.panel-head h1 { font-size: 16px; color: var(--blue); font-weight: bold; }
.panel-head h1::before { content: ''; display: inline-block; width: 3px; height: 16px; background: var(--blue); margin-right: 6px; vertical-align: -2px; }
.more { color: #999; font-size: 12px; }
.more:hover { color: var(--blue); }

/* --- 面包屑（列表页/内容页）--- */
.crumb { background: #fff; border: 1px solid #e6e6e6; padding: 8px 12px; margin-bottom: 12px; font-size: 12px; color: #666; }
.crumb a { color: var(--blue); }

/* --- 列表页文章列表 --- */
.clist { padding: 6px 14px; }
.clist li { padding: 8px 0; border-bottom: 1px dashed #eee; display: flex; justify-content: space-between; align-items: baseline; }
.clist li:last-child { border-bottom: none; }
.clist li p { flex: 1; padding-left: 12px; position: relative; }
.clist li p::before { content: '·'; position: absolute; left: 0; top: 0; color: var(--blue); font-size: 16px; line-height: 1.2; }
.clist li p a { color: #333; font-size: 14px; }
.clist li p a:hover { color: var(--blue); }
.clist li .xg1 { color: #999; font-size: 12px; flex-shrink: 0; margin-left: 10px; }
.pager { padding: 12px 14px; text-align: center; border-top: 1px solid #eee; }
.pager a, .pager b { display: inline-block; padding: 3px 10px; margin: 0 2px; border: 1px solid #ddd; font-size: 12px; color: #555; }
.pager b { background: var(--blue); color: #fff; border-color: var(--blue); }

/* --- 内容页文章 --- */
.article { padding: 20px 26px; }
.article h1.atitle { font-size: 20px; text-align: center; color: #222; margin-bottom: 10px; line-height: 1.4; }
.article .ainfo { text-align: center; color: #999; font-size: 12px; padding-bottom: 12px; border-bottom: 1px solid #eee; margin-bottom: 16px; }
.article .acontent { font-size: 15px; line-height: 1.9; color: #333; }
.article .acontent p { margin-bottom: 12px; }
.article .acontent img { max-width: 100%; height: auto; }
.article .apn { margin-top: 20px; padding-top: 12px; border-top: 1px solid #eee; font-size: 13px; }
.article .apn div { padding: 4px 0; }
.article .apn a { color: var(--blue); }

/* --- Footer --- */
.footer { background: #2c4d6f; color: #cdd7e0; padding: 16px 0; text-align: center; font-size: 12px; line-height: 1.8; margin-top: 14px; }
.footer a { color: #cdd7e0; }
.footer a:hover { color: #fff; }
.footer-info { margin-bottom: 4px; }
.footer-copy { opacity: .85; }