/* dh686 精致化层 — 在源站风格基础上提升质感, 不改变布局结构 */
:root{
  --dh-red:#e11d2a; --dh-red2:#b30f18; --dh-green:#0f9d4f; --dh-gold:#ffce3a;
  --dh-shadow:0 3px 10px rgba(0,0,0,.10); --dh-shadow-soft:0 1px 4px rgba(0,0,0,.06);
}
/* 全局字体微调: 更清晰的中文渲染 + 抗锯齿 */
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
/* 内容卡片(源站 .box): 更柔和的圆角与投影, 更精致的边框渐变 */
.box, .box2{
  border-radius:12px !important;
  box-shadow:var(--dh-shadow) !important;
  border-width:3px !important;
  transition:box-shadow .25s ease, transform .25s ease;
}
.box:hover{ box-shadow:0 6px 18px rgba(0,0,0,.14) !important; }
/* 栏目标题(源站 .list-title): 加一条主题色底边 + 轻微字距, 更有层次 */
.list-title, .list-title1{
  letter-spacing:.5px;
  padding:4px 6px !important; height:auto !important; line-height:1.5 !important;
  background:linear-gradient(180deg,#ffffff, #f3fbf4) !important;
  border-bottom:2px solid rgba(15,157,79,.35);
  text-shadow:0 1px 0 rgba(255,255,255,.6);
}
/* 资料表格(源站 .ziliao): 斑马纹 + 行悬停高亮, 阅读更舒适 */
.ziliao tr:nth-child(even) td{ background:#fbfdfb; }
.ziliao tr:hover td{ background:#fff7e6 !important; transition:background .15s; }
.ziliao td{ padding:5px 4px; }
/* 命中标记"准"字: 做成小徽章, 更醒目专业 */
.ziliao td:has(> a){ }
/* 顶部品牌横幅 iframe(baomaqgBox4)阴影 */
.baomaqgBox4{ box-shadow:var(--dh-shadow-soft); border-radius:8px; overflow:hidden; }
/* nav-item(域名池导航格): 圆角 + 按压反馈 */
.nav-item{ border-radius:10px !important; transition:transform .12s ease, box-shadow .12s ease; box-shadow:var(--dh-shadow-soft); }
.nav-item:active{ transform:scale(.96); }
/* 链接点击态: 轻微高亮 */
a{ -webkit-tap-highlight-color:rgba(225,29,42,.15); }
/* 平滑滚动 */
html{ scroll-behavior:smooth; }
/* 开奖球(kj-ball)立体感增强(若页面内含) */
.kj-ball h2{ box-shadow:0 2px 6px rgba(0,0,0,.18); }
/* 倒计时(kj-countdown): 做成醒目的红底数字胶囊, 制造"临近开奖"紧迫感 → 提升回访 */
.kj-countdown{
  display:inline-block; background:linear-gradient(180deg,#ff4d4f,#d9363e); color:#fff !important;
  font-weight:800; font-family:"DIN",Menlo,Consolas,monospace; letter-spacing:1px;
  padding:2px 10px; border-radius:14px; box-shadow:0 2px 6px rgba(217,54,62,.4);
  font-size:15px; min-width:78px; text-align:center;
}
.new-KJ-TabBox-box-tit-m{ position:relative; }
.new-KJ-TabBox-box-tit-m::before{ content:"距开奖 "; font-size:11px; color:#888; font-weight:400; }
/* 图片淡入(减少"图片加载中"生硬感) */
img{ }
img.dh-fadein{ animation:dhFade .4s ease; }
@keyframes dhFade{ from{opacity:0} to{opacity:1} }
/* 顶部发布页入口条: 更精致(圆角 + 呼吸高光) */
[data-dh686-fbym]{ border-radius:0 0 10px 10px; position:relative; overflow:hidden; }
[data-dh686-fbym]::after{ content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent); animation:dhSweep 3.2s ease-in-out infinite; }
@keyframes dhSweep{ 0%{left:-60%} 55%{left:120%} 100%{left:120%} }

/* ==================== 手机端适配(安卓 / iOS, 任意屏幕) ==================== */
/* 全局: 禁止横向溢出、平滑滚动、iOS 惯性滚动、防止长按选中蓝框 */
html,body{ max-width:100%; overflow-x:hidden; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{ -webkit-overflow-scrolling:touch; word-break:break-word; overflow-wrap:break-word; }
*{ -webkit-tap-highlight-color:rgba(225,29,42,.15); }
img,iframe,table,video{ max-width:100%; }
/* iOS 刘海/底部安全区: 顶栏与浮窗留出安全边距 */
[data-dh686-fbym]{ padding-top:calc(8px + env(safe-area-inset-top,0px)); }
/* 输入框 >=16px 防止 iOS 聚焦自动放大 */
input,select,textarea{ font-size:16px !important; }
/* 表格资料在窄屏可横向滚动而非撑破布局 */
.box, .box2{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
/* 侧边浮窗: 窄屏缩小并下移, 不遮挡开奖/内容; 超窄屏进一步缩小 */
@media screen and (max-width:480px){
  .share-float-btn{ right:8px !important; bottom:90px !important; width:60px !important; height:auto !important; font-size:12px !important; }
  .share-float-btn img{ width:56px !important; height:56px !important; }
  .kj-countdown{ font-size:13px; min-width:64px; padding:2px 7px; }
  .list-title, .list-title1{ font-size:17px !important; }
}
@media screen and (max-width:360px){
  .share-float-btn{ right:4px !important; bottom:76px !important; width:48px !important; }
  .share-float-btn img{ width:44px !important; height:44px !important; }
  .kj-countdown{ font-size:12px; min-width:56px; }
}
/* 更大手机(全面屏)充分利用宽度, 但不超过阅读上限 */
@media screen and (min-width:600px){
  body{ max-width:720px; }
}
/* 开奖球在窄屏自适应(等分不挤压); 数字/生肖随宽度缩放 */
@media screen and (max-width:420px){
  .new-KJ-TabBox-box-con .kj-ball h2{ font-size:5.2vw; }
  .new-KJ-TabBox-box-con .kj-ball .whsx{ font-size:3.4vw; }
}
/* 导航格(nav-item/线路入口)最小可点区域 >=44px(iOS 建议), 触摸更好按 */
a.nav-item, .m-listA a, .m-listF a, .m-listE-4 a{ min-height:44px; }
/* 横幅/担保图在任意屏都铺满不变形 */
[data-dh686-guar] img, .baomaqgBox4, .dh-banner{ width:100% !important; height:auto !important; }