/* 静态视觉区位于开奖卡片上方，和卡片保持同一列的留白节奏。 */
.result-ribbon{margin:0 5px 28px}
@media(max-width:620px){.result-ribbon{margin:0 0 22px}}

/*
 * C 端以移动端为主视觉：大屏也固定为一列手机版内容，居中显示。
 * 这样 PC 不会把开奖号码、装饰区和开奖卡片横向拉成大版。
 */
@media(min-width:621px){
  .page{width:100%;max-width:620px;padding:22px 12px 36px}
  h1{font-size:25px;margin-bottom:18px}
  .tabs{margin:0 -12px 22px;padding:0 2px}
  .tab{font-size:16px;padding:13px 3px 16px}
  .draw-card{border-width:8px;border-radius:26px;padding:22px 10px 20px}
  .draw-head{margin-bottom:22px}
  .issue{font-size:23px}
  .history-link{font-size:16px}
  .balls{gap:3px}
  .ball-group{min-width:0;flex:1}
  .ball{width:38px;height:38px;border-width:4px;font-size:16px;box-shadow:inset 0 0 0 2px #fff,0 1px 2px #b7b7b7}
  .ball-meta{font-size:13px;margin-top:8px}
  .plus{font-size:28px;line-height:38px}
  .date{font-size:14px;margin-top:20px}
  .result-ribbon{min-height:142px;margin:0 0 22px;border-radius:18px}
  .ribbon-copy{min-height:142px;padding:25px 16px 20px 126px}
  .ribbon-copy span{font-size:9px;letter-spacing:1.2px}
  .ribbon-copy strong{margin:6px 0;font-size:17px;line-height:1.35}
  .ribbon-copy small{font-size:11px}
  .ribbon-balls{left:16px;top:39px;width:93px}
  .ribbon-ball{width:37px;height:37px;border-width:4px;font-size:12px}
  .ribbon-ball.blue{top:29px;left:28px}
  .ribbon-ball.green{top:0;left:56px}
  .site-footer{padding:21px 0 0;font-size:11px}
  .history-item{padding:18px 12px}
  .history-item .draw-head{margin-bottom:17px}
  .history-item .issue{font-size:19px}
  .history-item .date{font-size:14px}
  .history-item .ball{width:34px;height:34px;font-size:14px;border-width:4px}
  .history-item .ball-meta{font-size:12px}
  .history-item .balls{gap:2px}
  .history-item .ball-group{min-width:0}
  .history-head a{font-size:48px}
}

.home-banners{margin:34px 5px 0}.home-banners-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 4px 13px}.home-banners-head>div{display:grid;gap:4px}.home-banners-head span{font-size:12px;color:#b07a27;letter-spacing:1.5px}.home-banners-head strong{font-size:18px;color:#5a2d16}.home-banners-head em{font-size:11px;color:#a58b7b;font-style:normal;white-space:nowrap}.home-scroll{position:relative;padding:18px 14px 20px;overflow:hidden;border:1px solid #a81717;border-radius:3px;background:#970606;box-shadow:0 8px 18px #76200e2b}.home-scroll:before,.home-scroll:after{content:"";position:absolute;z-index:0;left:6px;right:6px;height:17px;border-radius:50%;background:#6d0505;box-shadow:0 2px 0 #d5763f}.home-scroll:before{top:-10px}.home-scroll:after{bottom:-10px}.home-scroll-inner{position:relative;z-index:1;padding:22px 14px 13px;border-radius:2px;background:radial-gradient(circle at 19% 18%,#f3d49455,transparent 34%),linear-gradient(106deg,#e4b96f,#f7d99d 52%,#dab16c);box-shadow:inset 0 0 30px #95501b55,0 2px 0 #f4ca7e}.scroll-period{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 0 17px;color:#8f0f0f}.scroll-period i{height:3px;flex:1;border-top:3px dashed #351309}.scroll-period strong{font-size:25px;white-space:nowrap}.home-banner-list{display:grid}.home-banner-row{display:flex;align-items:center;min-height:52px;padding:8px 4px;border-bottom:1px solid #8d6d3a9c;color:#981313;text-decoration:none;font-size:19px;line-height:1.25}.home-banner-row:last-child{border-bottom:0}.home-banner-row:hover{background:#fff1c72b}.home-banner-category{flex:0 0 42%;overflow-wrap:anywhere}.home-banner-colon{padding:0 4px}.home-banner-content{flex:1;min-width:0;color:#212ee6;font-size:21px;font-weight:800;overflow-wrap:anywhere}.home-banner-arrow{flex:0 0 auto;margin-left:9px;padding:4px 7px;border:2px solid #8f4307;border-radius:7px;background:linear-gradient(#ffe06b,#e79a13);box-shadow:inset 0 0 0 1px #fff1a2,0 2px 1px #7b3205;color:#8f2b00;font-size:11px;font-weight:800;white-space:nowrap}.home-scroll .empty,.home-scroll .loading{padding:26px 8px;color:#784f2a;font-size:13px}

@media(max-width:620px){.home-banners{margin:28px 0 0}.home-scroll{padding:14px 8px 16px}.home-scroll-inner{padding:18px 8px 8px}.scroll-period{gap:8px;margin-bottom:12px}.scroll-period strong{font-size:20px}.home-banner-row{min-height:46px;padding:7px 2px;font-size:14px}.home-banner-category{flex-basis:42%}.home-banner-content{font-size:16px}.home-banner-arrow{margin-left:5px;padding:3px 5px;font-size:10px}}

.home-images{margin:28px 5px 0}.home-images-list{display:grid;gap:14px}.home-image-item{margin:0;overflow:hidden;border:1px solid #ead5ad;border-radius:10px;background:#fffaf0;box-shadow:0 6px 16px #7d4a171c}.home-image-item img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;background:#f7e4bb}.home-image-item figcaption{padding:9px 13px 11px;color:#6a3a20;font-size:13px;font-weight:650;line-height:1.35}
.home-banners-hk .home-banner-content,.home-banners-hk .home-banners-head strong{color:#b93b31}.home-banners-hk .home-banner-row{color:#ad3028}.home-banners-hk .home-scroll-inner{background:radial-gradient(circle at 19% 18%,#f3d49455,transparent 34%),linear-gradient(106deg,#e7c07b,#f3d49a 52%,#dfb976)}