/* Reference measured at 375px / 1280px. Live content stays server-local. */
html { background: #f4f4f4; }
body[data-layout="am1030-1812230"][data-page="home"] { width: min(100%, 640px); margin: 0 auto; background: #fff; color: rgb(0 0 0 / 90%); font: 14px/normal "Microsoft YaHei", sans-serif; }
.am-shell { --am-ball-size: 40.8px; width: min(100%, 640px); margin: 0 auto; background: #fff; }
.am-draw { position: relative; box-shadow: 0 0 8px #eaeaea; }
body[data-page="home"] .am-draw .draw-card { padding: 10px; border: 0; border-radius: 0; background: #fff; box-shadow: none; }
body[data-page="home"] .am-draw .draw-card-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0; padding: 0; background: #fff; }
body[data-page="home"] .am-draw .draw-card-brand { display: contents; }
body[data-page="home"] .am-draw .eyebrow { display: none; }
body[data-page="home"] .am-draw h2 { margin: 0; font-size: 14px; font-weight: 700; color: inherit; }
body[data-page="home"] .am-draw .draw-issue { margin: 0; color: #999; font-size: 14px; font-weight: 400; white-space: nowrap; }
body[data-page="home"] .am-draw .draw-card-meta { display: block; margin: 0; padding: 0; }
body[data-page="home"] .am-draw .draw-countdown-label { margin: 0; color: #999; font-size: 14px; font-weight: 400; white-space: nowrap; }
body[data-page="home"] .am-draw .draw-countdown-label time { color: #f60; font-weight: 400; letter-spacing: 0; font-variant-numeric: normal; }
body[data-page="home"] .am-draw .draw-countdown-label:has(time[data-next-time=""]) { display: none; }
body[data-page="home"] .am-draw .draw-numbers { display: flex; justify-content: space-between; flex-wrap: nowrap; gap: 0; margin: 10px 0; padding: 0; }
body[data-page="home"] .am-draw .draw-numbers > .ball { display: flex; flex: 0 0 var(--am-ball-size); flex-direction: column; align-items: center; min-width: 0; min-height: 0; width: var(--am-ball-size); padding: 0; gap: 0; border: 0; border-radius: 0; background: none; box-shadow: none; line-height: normal; }
body[data-page="home"] .am-draw .draw-numbers > .ball > b { display: block; width: var(--am-ball-size); height: var(--am-ball-size); border: 0; border-radius: 50%; color: #fff; font: 900 14px/var(--am-ball-size) "Microsoft YaHei", sans-serif; text-align: center; box-shadow: none; }
body[data-page="home"] .am-draw .ball-red > b { background: #e23d43; }
body[data-page="home"] .am-draw .ball-blue > b { background: #00a0e9; }
body[data-page="home"] .am-draw .ball-green > b { background: #5dbf74; }
body[data-page="home"] .am-draw .ball-pending > b, body[data-page="home"] .am-draw .ball-sealed > b { background: #ccc; }
body[data-page="home"] .am-draw .ball-sealed > small { visibility: hidden; }
body[data-page="home"] .am-draw .draw-numbers > .ball > small { display: block; margin: 4px 0 0; color: rgb(0 0 0 / 90%); font-size: 12px; line-height: normal; white-space: nowrap; }
body[data-page="home"] .am-draw .draw-next-row { display: flex; justify-content: flex-end; min-height: 17px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 13px; }
body[data-page="home"] .am-draw .draw-next-line { display: none; }
body[data-page="home"] .am-draw .draw-history-link { display: inline; min-height: 0; padding: 0; background: none; color: #00a0e9; font-size: 13px; font-weight: 400; text-decoration: none; }
.am-draw-domain { position: absolute; bottom: 10px; left: 10px; margin: 0; max-width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.am-draw-domain a { color: #f60; font-weight: 700; text-decoration: none; }
body[data-page="home"] .am-draw .draw-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.am-access-help { display: block; padding: 0 4px; color: red; font-size: 14px; font-weight: 700; line-height: 42px; text-align: center; text-decoration: none; }
.am-notice { padding: 10px 14px; background: #fff6db; color: #784500; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.am-notice p { margin: 0; }
.am-feed, .am-article, .am-swiper { min-width: 0; }
.am-swiper-tabs { display: flex; padding: 6px; gap: 4px; border-block: 1px solid #f0e4e4; background: #fff; }
.am-swiper-tabs button { position: relative; flex: 1 1 0; min-width: 0; min-height: 44px; padding: 0; border: 0; border-radius: 6px; background: #fff; color: #555; font-size: 14px; font-weight: 500; line-height: 20px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.am-swiper-tabs button:focus-visible { outline: 2px solid #b71c1c; outline-offset: 1px; }
.am-swiper-tabs button[aria-selected="true"] { background: #fff0f0; color: #c62828; font-weight: 700; }
.am-swiper-tabs button[aria-selected="true"]::after { position: absolute; bottom: 0; left: calc(50% - 12px); width: 24px; height: 3px; border-radius: 3px; background: #d32f2f; content: ""; }
.am-swiper-frame { height: 260px; background: #fff; }
.am-swiper-frame [data-image-swiper-slide], .am-swiper-frame a { height: 100%; }
.am-swiper-frame a { display: block; }
.am-swiper-frame img { display: block; width: 100%; height: 100%; object-fit: fill; }
.am-article { margin: 0 0 5px; background: rgb(255 255 255 / 60%); box-shadow: 0 4px 33px rgb(190 196 207 / 28%); }
.am-other-links a { display: block; padding: 0 5px; border: 1px solid #ddd; background: linear-gradient(0deg, #fff, #eee, #fff); box-shadow: 0 2px 5px rgb(0 0 0 / 10%); color: #00f; font-size: 16px; font-weight: 700; line-height: 32px; text-decoration: none; overflow-wrap: anywhere; }
.am-article h2 { margin: 0; font-size: 14px; line-height: 44px; text-align: center; }
.am-article h2 a { text-decoration: none; }
.am-article .home-content-html { max-width: 100%; overflow-x: auto; color: inherit; font-size: 14px; overflow-wrap: anywhere; }
.am-article .home-content-html p { margin: 0; }
.am-article .home-content-html > :last-child { margin-bottom: 0; }
.am-article .home-content-html table { width: 100%; max-width: 100%; margin: 5px 0; border: 1px solid #cbcbcb; border-collapse: collapse; border-spacing: 0; empty-cells: show; table-layout: auto; }
.am-article .home-content-html td, .am-article .home-content-html th { padding: 0; border: 1px solid #cbcbcb; background: #fff; font-weight: 700; line-height: 32px; text-align: center; }
.am-article .home-content-html thead th { background: linear-gradient(#fa3b3b, #d32f2f); color: #fff; font-size: 18px; line-height: 42px; box-shadow: 0 10px 14px -7px #d32f2f; text-shadow: 0 1px 0 #d32f2f; }
.am-article .prediction-post-title-head { line-height: 44px; text-align: center; }
.am-article .prediction-hit { padding: 0; border-radius: 0; background: yellow; color: inherit; }
.am-article .prediction-result-strong { color: red; }
.am-section-title { margin: 0; background: #f1f1f1; font-size: 14px; font-weight: 700; line-height: 30px; text-align: center; }
body[data-page="home"] > .home-back-to-top { position: fixed; right: 15px; bottom: 100px; z-index: 30; display: grid; place-items: center; width: 42px; height: 42px; padding: 8px; border: 2px solid #fa3b3b; border-radius: 50%; background: linear-gradient(#fa3b3b, #d32f2f); color: #fff; opacity: .9; box-shadow: 0 10px 14px -7px #d32f2f; }
.home-back-to-top svg { width: 24px; height: 24px; }
@media (min-width: 620px) { .am-shell { --am-ball-size: 61.2px; } .am-swiper-frame { height: 380px; } body[data-page="home"] .am-draw .draw-numbers > .ball > b { font-size: 18px; } }
@media (max-width: 380px) { .am-other-links a { font-size: 14px; } }
@media (max-width: 340px) { body[data-page="home"] .am-draw h2, body[data-page="home"] .am-draw .draw-issue, body[data-page="home"] .am-draw .draw-countdown-label { font-size: 12px; } }
