/* 福彩3D数据站 —— 移动端优先 */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root{
  --primary:#d4322c; --accent:#f0a500; --bg:#f5f6f8; --card:#fff;
  --text:#222; --muted:#777; --border:#e6e6e6; --radius:8px;
}
html{font-size:16px;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg); color:var(--text); line-height:1.6;
}
a{color:var(--primary); text-decoration:none;}
img{max-width:100%; height:auto;}
.container{max-width:768px; margin:0 auto; padding:0 14px;}

/* 头部 / 导航 */
.site-header{background:var(--card); border-bottom:2px solid var(--primary);}
.header-inner{padding:12px 14px;}
.logo{font-size:18px; font-weight:700; color:var(--primary);}
.main-nav{background:var(--primary);}
.nav-inner{display:flex; gap:4px; overflow-x:auto; white-space:nowrap; padding:0 14px;}
.main-nav a{color:#fff; padding:10px 12px; font-size:14px; flex:0 0 auto;}

.main-content{padding:16px 0; min-height:60vh;}
h1{font-size:21px; margin-bottom:12px;}
h2{font-size:17px; margin:22px 0 10px; padding-left:9px; border-left:4px solid var(--primary);}
.breadcrumb{font-size:13px; color:var(--muted); padding:8px 0; margin-bottom:10px;
  white-space:nowrap; overflow-x:auto;}
.page-intro{color:var(--muted); font-size:14px; margin-bottom:14px;}

/* 开奖号码球 */
.latest-balls,.kj-balls{display:flex; gap:8px;}
.ball{display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:50%; background:var(--primary);
  color:#fff; font-weight:700;}
.ball.big{width:52px; height:52px; font-size:26px;}

/* 最新开奖卡片 */
.latest-card,.detail-card{background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); padding:18px; margin:10px 0;}
.latest-head{display:flex; justify-content:space-between; color:var(--muted); font-size:13px;}
.latest-balls{margin:14px 0;}
.latest-stat{font-size:14px; color:#444;}
.latest-stat b{color:var(--primary);}
.btn{display:inline-block; margin-top:14px; background:var(--primary); color:#fff;
  padding:9px 20px; border-radius:20px; font-size:14px;}

/* 表格 */
.kj-table{width:100%; border-collapse:collapse; background:var(--card); font-size:14px;}
.kj-table th,.kj-table td{border:1px solid var(--border); padding:9px 6px; text-align:center;}
.kj-table thead th{background:#fafafa; color:#555;}
.detail-table th{width:90px; background:#fafafa; text-align:right;}
.detail-table td{text-align:left;}

/* 入口格 */
.entry-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px;}
.entry{background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:16px; text-align:center; font-weight:600;}

/* 走势控制 / 图 */
.chart-controls{display:flex; gap:8px; margin:12px 0;}
.chart-controls a{padding:6px 16px; border:1px solid var(--border); border-radius:20px;
  background:var(--card); font-size:13px; color:#555;}
.chart-controls a.active{background:var(--primary); color:#fff; border-color:var(--primary);}
#chart{background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:10px; margin-bottom:18px; overflow-x:auto;}

/* 分页 / 上下期 */
.pager,.prevnext{display:flex; justify-content:space-between; align-items:center;
  gap:10px; margin:18px 0; font-size:14px;}
.more-link{display:inline-block; margin-top:10px; font-size:14px;}

/* 科普正文 */
.ai-summary{background:#fff8e6; border:1px solid var(--accent); border-radius:var(--radius);
  padding:12px 14px; margin:12px 0; font-size:14px;}
.content-body{font-size:16px; line-height:1.85;}
.content-body p{margin:12px 0;}
.content-body h3{font-size:16px; margin:18px 0 8px;}
.source-note{margin-top:20px; padding-top:12px; border-top:1px dashed var(--border);
  color:var(--muted); font-size:13px;}
.source-note .risk{color:var(--primary);}
.faq-block details{background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); padding:10px 12px; margin:8px 0;}
.faq-block summary{font-weight:600; cursor:pointer;}
.today-observation,.analysis-block{background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); padding:14px; margin:12px 0;}
.risk{color:var(--primary);}

/* 页脚 / 免责 */
.site-footer{background:#fff; border-top:1px solid var(--border); margin-top:24px; padding:18px 0;}
.footer-links{font-size:14px;}
.footer-note,.footer-copy{color:var(--muted); font-size:12px; margin-top:8px;}
.disclaimer{background:#fdecec; color:#a3261f; text-align:center; padding:12px 14px;
  font-size:12px; line-height:1.6;}
.error-page{text-align:center; padding:50px 0;}
.error-page h1{font-size:60px; color:var(--primary);}
.empty{color:var(--muted); padding:20px 0;}