/* 全局容器宽度与断点 */
@media screen and (min-width: 1200px) { .layui-container { width: 880px; } }
@media screen and (min-width: 700px) { .layui-container { width: 830px; } }

/* 页面背景与通用元素 */
body { background: #fff; }
.banner img { width: 100%; height: auto; display: block; }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { display: inline-block; }
.menu a { display: inline-block; padding: 8px 10px; }

/* 公告滚动区可选样式 */
.notice .rolling { overflow: hidden; }

/* 开奖记录页 */
.history_main .history_left ul { list-style: none; padding: 0; margin: 0; }
.history_main .history_right .history_bet ul { list-style: none; padding: 0; margin: 0; }

/* 精选图库页 */
.bet_info ul { list-style: none; padding: 0; margin: 0; }
.bet_info li { padding: 8px; }
.bet_info a { display: block; padding: 12px; background: rgba(255,255,255,0.85); border-radius: 4px; text-align: center; }

/* 知识/属性页 */
.know_left .main { padding: 6px 0; }
.know_left .zodiac { font-weight: bold; }
.know_right .header { margin-bottom: 10px; }
.know_right .title { font-weight: bold; margin: 8px 0; }

/* 预览：知识/属性两栏底部对齐（仅 cpjs 页面） */
.body-white.page-cpjs .layui-container > .layui-col-xs12 {
  display: flex;
  align-items: stretch;
}
.body-white.page-cpjs .know_left,
.body-white.page-cpjs .know_right {
  display: flex;
  flex-direction: column;
  float: none; /* 覆盖 layui 栅格的浮动，让其成为 flex 子项 */
  box-sizing: border-box; /* 边框与内边距计入宽高 */
}
.body-white.page-cpjs .know_left { width: 33.3333%; }
.body-white.page-cpjs .know_right { width: 66.6667%; }

/* =========================
   首页跑马灯滚动条（纯CSS）
   ========================= */
.ticker-wrap {
  position: relative;
  width: 100%;
  max-width: 720px;
  background: #fffbe6; /* 更醒目背景 */
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.ticker-track {
  overflow: hidden;
  white-space: nowrap;
  height: 48px; /* 略增高度便于观看 */
  line-height: 48px;
}
.ticker-text {
  display: inline-block;
  color: #222;
  font-size: 16px; /* 增大字号 */
  font-weight: 600;
  will-change: transform;
  animation: ticker-scroll 20s linear infinite;
}
.ticker-toggle { display: none; }
.ticker-label {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  background: rgba(255,255,255,0.9);
  padding: 4px 8px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.ticker-toggle:checked ~ .ticker-track .ticker-text {
  animation-play-state: paused;
}

@keyframes ticker-scroll {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}