/* ===== 彩讯数据资讯网 全局样式（极简白+浅蓝官方资讯风） ===== */
* { margin:0; padding:0; box-sizing:border-box; }
html, body { height:100%; }
body { font-family:"Microsoft YaHei","PingFang SC",sans-serif; color:#333; background:#f5f8fb; line-height:1.7;
       display:flex; flex-direction:column; min-height:100vh; }
.wrap { max-width:1180px; margin:0 auto; padding:0 15px; }
a { color:#1f6fb2; text-decoration:none; }
a:hover { color:#14538a; }

/* Sticky Footer：主内容区撑满剩余高度，页脚贴底 */
.topbar, .site-header, .breadcrumb, .site-footer { flex-shrink:0; }
.page-content { flex:1 0 auto; width:100%; display:flex; flex-direction:column; }
.page-content main.wrap { width:100%; max-width:1180px; }

.topbar { background:#14538a; color:#fff; font-size:13px; padding:6px 0; }
.site-header { background:#fff; border-bottom:3px solid #1f6fb2; padding:14px 0; }
.logo { font-size:26px; font-weight:bold; color:#14538a; display:inline-block; }
.logo a { color:#14538a; }
.main-nav { display:inline-block; margin-left:40px; vertical-align:middle; }
.main-nav ul { list-style:none; }
.main-nav li { display:inline-block; margin:0 4px; }
.main-nav a { display:inline-block; padding:8px 14px; color:#333; font-size:15px; border-radius:4px; }
.main-nav a:hover { background:#e8f2fb; color:#14538a; }
.main-nav a.active { background:#1f6fb2; color:#fff; }

.breadcrumb { background:#fff; padding:10px 15px; font-size:13px; color:#888; margin:12px auto; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.05); }

main.wrap { min-height:480px; padding-bottom:30px; }
.panel { background:#fff; border-radius:6px; box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:18px; padding:18px 20px; }
.panel h2 { font-size:19px; color:#14538a; border-left:4px solid #1f6fb2; padding-left:10px; margin-bottom:12px; }
.panel h3 { font-size:16px; color:#333; margin:12px 0 8px; }

.announce { background:#e8f2fb; border:1px solid #bcd9ef; border-radius:6px; padding:12px 16px; font-size:14px; color:#14538a; margin-bottom:18px; }

.news-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:14px; }
.news-item { background:#fff; border-radius:6px; padding:14px 16px; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.news-item h3 { font-size:15px; margin-bottom:6px; }
.news-item .meta { font-size:12px; color:#999; }
.news-item p { font-size:13px; color:#666; }

table.data { width:100%; border-collapse:collapse; font-size:14px; margin:10px 0; }
table.data th { background:#e8f2fb; color:#14538a; padding:9px 10px; text-align:left; border:1px solid #d0e2f0; }
table.data td { padding:8px 10px; border:1px solid #e4e4e4; }
table.data tr:nth-child(even) td { background:#fafcfe; }

.ball { display:inline-block; min-width:34px; text-align:center; background:#c9302c; color:#fff; border-radius:50%; padding:4px 6px; font-weight:bold; font-size:14px; margin-right:6px; }
.ball.blue { background:#1f6fb2; }

.btn-list a { display:inline-block; background:#1f6fb2; color:#fff; padding:8px 18px; border-radius:4px; margin:4px 6px 4px 0; font-size:14px; }
.btn-list a:hover { background:#14538a; color:#fff; }

.article-content { font-size:15px; }
.article-content p { margin:10px 0; text-indent:2em; }
.article-content h3 { color:#14538a; margin:16px 0 8px; }
.article-title { font-size:24px; color:#222; margin:16px 0 8px; }
.article-meta { color:#999; font-size:13px; margin-bottom:16px; border-bottom:1px dashed #ddd; padding-bottom:12px; }
.related { background:#f5f8fb; border-radius:6px; padding:12px 16px; margin-top:16px; }
.related ul { padding-left:20px; }

.site-footer { background:#14538a; color:#d7e7f5; font-size:13px; padding:24px 0 30px; margin-top:20px; }
.site-footer a { color:#bcd9ef; }
.footer-links { margin-bottom:10px; }
.compliance { margin-bottom:8px; }
.copyright { font-size:12px; color:#9dc2e0; }

/* ===== 移动端适配（768px 断点） ===== */
@media (max-width:768px){
  body { font-size:14px; line-height:1.65; }
  .topbar { font-size:12px; padding:5px 0; }
  .site-header { padding:10px 0; }
  .logo { font-size:20px; display:block; text-align:center; }
  .main-nav { display:block; margin:8px 0 0; text-align:center; }
  .main-nav li { margin:2px; }
  .main-nav a { padding:6px 10px; font-size:13px; }
  .breadcrumb { font-size:12px; padding:8px 12px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; }
  .panel { padding:12px 14px; margin-bottom:12px; }
  .panel h2 { font-size:16px; margin-bottom:10px; }
  .panel h3 { font-size:15px; }
  .announce { font-size:13px; padding:10px 12px; margin-bottom:14px; }
  /* 表格在手机宽度下横向滚动，避免溢出 */
  table.data { display:block; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; margin:8px 0; }
  table.data th, table.data td { padding:6px 8px; font-size:13px; }
  .btn-list a { padding:6px 12px; font-size:13px; margin:3px; }
  .news-grid { grid-template-columns:1fr; gap:10px; }
  .news-item { padding:10px 12px; }
  .news-item h3 { font-size:14px; }
  .news-item .meta { font-size:11px; }
  .news-item p { font-size:13px; }
  .article-title { font-size:19px; margin:10px 0 6px; }
  .article-meta { font-size:12px; margin-bottom:12px; }
  .article-content { font-size:14px; }
  .article-content p { margin:8px 0; }
  .related { padding:10px 12px; }
  .ball { min-width:26px; font-size:12px; padding:3px 4px; margin-right:4px; }
  .site-footer { font-size:12px; padding:18px 0 22px; margin-top:16px; }
  .footer-links { line-height:1.9; }
  .copyright { font-size:11px; }
  main.wrap { min-height:0; padding-bottom:20px; }
}