* { margin: 0; padding: 0; font-weight: bold; } body { background: #f0eded; } :root { --icon-width: 14px; --icon-height: 14px; --icon-image-url: url(data:image/png;base64,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); --icon1-background-position: 0px -0px; --icon2-background-position: 0px -14px; --icon3-background-position: 0px -29px; --icon4-background-position: 0px -42px; --icon5-background-position: 0px -55px; --icon6-background-position: 0px -69px; --icon7-background-position: 0px -81px; --icon8-background-position: 0px -93px; } .icon { width: var(--icon-width); height: var(--icon-height); background-image: var(--icon-image-url); background-repeat: no-repeat; } .KJ-TabBox { color:#333; background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%); font-family: 'PingFang SC', 'microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif; padding: 5px 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .KJ-TabBox ul,.KJ-TabBox li{margin:0;list-style:none;padding:0;border:0;font-size: 14px;} .KJ-TabBox ul { display: flex; height: auto; padding: 0; box-sizing: border-box; gap: 4px; } .KJ-TabBox li{ display: flex; justify-content: center; align-items: center; flex: 1; height: 28px; line-height: 28px; text-align: center; border-radius: 6px; background: linear-gradient(145deg, #f5f5f5, #e8e8e8); cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-weight: 600; color: #555; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.5); border: 1px solid rgba(0, 0, 0, 0.06); position: relative; overflow: hidden; } .KJ-TabBox li:nth-child(3), .KJ-TabBox li:nth-child(4) { display: none; } .KJ-TabBox li::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s; } .KJ-TabBox li:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.6); } .KJ-TabBox li:hover::before { left: 100%; } .KJ-TabBox li:active { transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 2px 4px rgba(0, 0, 0, 0.1); } .KJ-TabBox li.cur{ color: #fff; background: linear-gradient(145deg, #FF9900, #FF8800); box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4), 0 2px 6px rgba(255, 153, 0, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 153, 0, 0.6); transform: translateY(-2px); } .KJ-TabBox li .KJ-TabImg{display:block!important;width: 14px;height: 14px;margin-right: 4px;} .KJ-TabBox li:nth-child(1).cur { background: linear-gradient(145deg, #54BD6A, #48A95E); box-shadow: 0 4px 12px rgba(84, 189, 106, 0.4), 0 2px 6px rgba(84, 189, 106, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.15); border: 1px solid rgba(84, 189, 106, 0.6); } .KJ-TabBox li:nth-child(1) .KJ-TabImg{ background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon1-background-position); } .KJ-TabBox li:nth-child(1).cur .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon2-background-position); } .KJ-TabBox li:nth-child(2).cur { background: linear-gradient(145deg, #C10707, #A60606); box-shadow: 0 4px 12px rgba(193, 7, 7, 0.4), 0 2px 6px rgba(193, 7, 7, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.15); border: 1px solid rgba(193, 7, 7, 0.6); } .KJ-TabBox li:nth-child(2) .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon3-background-position); } .KJ-TabBox li:nth-child(2).cur .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon4-background-position); } .KJ-TabBox li:nth-child(3).cur { background: linear-gradient(145deg, #0755C1, #0648A8); box-shadow: 0 4px 12px rgba(7, 85, 193, 0.4), 0 2px 6px rgba(7, 85, 193, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.15); border: 1px solid rgba(7, 85, 193, 0.6); } .KJ-TabBox li:nth-child(3) .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon5-background-position); } .KJ-TabBox li:nth-child(3).cur .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon6-background-position); } .KJ-TabBox li:nth-child(4).cur { background: linear-gradient(145deg, #7a0087, #660073); box-shadow: 0 4px 12px rgba(122, 0, 135, 0.4), 0 2px 6px rgba(122, 0, 135, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.15); border: 1px solid rgba(122, 0, 135, 0.6); } .KJ-TabBox li:nth-child(4) .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon7-background-position); } .KJ-TabBox li:nth-child(4).cur .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon8-background-position); } .KJ-TabBox li:nth-child(5).cur { background: linear-gradient(145deg, #FF6600, #E65C00); box-shadow: 0 4px 12px rgba(255, 102, 0, 0.4), 0 2px 6px rgba(255, 102, 0, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 102, 0, 0.6); } .KJ-TabBox li:nth-child(5) .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon1-background-position); } .KJ-TabBox li:nth-child(5).cur .KJ-TabImg { background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon2-background-position); } .KJ-TabBox div.cur{display:block!important;} .KJ-TabBox div{display:none;} @media screen and (max-width: 650px) { .KJ-TabBox ul,.KJ-TabBox li { font-size: 11px;} .KJ-TabBox li { height: 26px; line-height: 26px; } .KJ-TabBox { padding: 4px 5px; } } @media screen and (max-width: 450px) { .KJ-TabBox ul,.KJ-TabBox li { font-size: 10px;} .KJ-TabBox li { height: 24px; line-height: 24px; } .KJ-TabBox ul { gap: 2px; } .KJ-TabBox { padding: 3px 3px; } } @media screen and (max-width: 380px) { .KJ-TabBox ul,.KJ-TabBox li { font-size: 9px;} .KJ-TabBox li { height: 22px; line-height: 22px; padding: 0 4px; } .KJ-TabBox ul { gap: 2px; } .KJ-TabBox { padding: 2px 2px; } } .new-KJ-TabBox-box { font-size: 16px; box-sizing: border-box; color: #333; padding: 10px 8px; font-family: 'PingFang SC', 'microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif; background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); } .new-KJ-TabBox-box a { text-decoration: none; } .new-KJ-TabBox-box .kj-font-red { color: #ff4757; font-weight: 700; text-shadow: 0 1px 2px rgba(255, 71, 87, 0.2); } .new-KJ-TabBox-box-tit { display: flex; align-items: flex-start; font-size: 16px; margin-bottom: 8px; gap: 8px; } .new-KJ-TabBox-box-tit-l { font-weight: 600; color: #2c3e50; line-height: 1.5; padding-top: 2px; } .new-KJ-TabBox-box-tit-l #mingcheng { color: #3498db; font-weight: 700; text-shadow: 0 1px 2px rgba(52, 152, 219, 0.2); } .new-KJ-TabBox-box-tit-l font { display: inline-block; padding: 2px 4px; border-radius: 4px; background: linear-gradient(145deg, #fff5f5, #ffe5e5); } .new-KJ-TabBox-box-tit-m { flex: 1; text-align: right; font-weight: bold; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; } .kj-lotto-tit2 { display: flex; align-items: center; gap: 12px; justify-content: flex-end; } .new-KJ-TabBox-box-con { display: flex; margin: 8px 0; } .new-KJ-TabBox-box-con .kj-ball { flex: 1; display: flex; align-items: center; justify-content: center; height: 61px; text-align: center; border-radius: 4px; margin-right: 6px; box-sizing: border-box; flex-direction: column; background-color: #fff; } .new-KJ-TabBox-box-con .kj-ball:last-child { margin-right: 0; } .new-KJ-TabBox-box-con .kj-ball:nth-last-child(3) { margin-right: 6px; } .new-KJ-TabBox-box-con .kj-ball h2 { margin: 0; padding: 0; color: #fff; line-height: 24px; font-size: 28px; font-weight: 900; font-family: Tahoma, Geneva, sans-serif; } .new-KJ-TabBox-box-con .kj-ball .whsx { display: inline-block; height: 20px; line-height: 20px; margin-top: 6px; padding: 0 8px; border-radius: 10px; color: #555; font-size: 12px; font-weight: 600; background: linear-gradient(145deg, #f8f9fa, #e9ecef); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.08); } .new-KJ-TabBox-box-con .kj-add { display: flex; align-items: center; margin-right: 8px; font-size: 32px; font-weight: bold; } .new-KJ-TabBox-box-foot { display: flex; align-items: center; font-size: 15px; padding: 8px 6px; background: linear-gradient(145deg, #f8f9fa, #ffffff); border-radius: 8px; margin-top: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.05); } .new-KJ-TabBox-box-foot-l { flex: 1; color: #555; font-weight: 500; line-height: 1.8; } .new-KJ-TabBox-box-foot-l span { margin: 0 2px; } .new-KJ-TabBox-box-foot-l #nextMonth, .new-KJ-TabBox-box-foot-l #nextDay { display: inline-block; padding: 2px 6px; background: linear-gradient(145deg, #e3f2fd, #bbdefb); border-radius: 4px; color: #1976d2; font-weight: 600; box-shadow: 0 1px 3px rgba(25, 118, 210, 0.15); } .new-KJ-TabBox-box-foot-l #nextWeek { display: inline-block; padding: 2px 8px; background: linear-gradient(145deg, #fff3e0, #ffe0b2); border-radius: 4px; color: #f57c00; font-weight: 600; box-shadow: 0 1px 3px rgba(245, 124, 0, 0.15); } .new-KJ-TabBox-box-foot-l #nextTime { display: inline-block; padding: 2px 8px; background: linear-gradient(145deg, #e8f5e9, #c8e6c9); border-radius: 4px; color: #388e3c; font-weight: 600; box-shadow: 0 1px 3px rgba(56, 142, 60, 0.15); font-family: 'Arial', monospace; } .new-KJ-TabBox-box-foot-r-sx { display: inline-block; width: 40px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 4px; background: #FF9900; } @media screen and (max-width: 650px) { .new-KJ-TabBox-box { font-size: 13px; padding: 8px 6px; } .new-KJ-TabBox-box-tit { font-size: 14px; } .new-KJ-TabBox-box-con .kj-ball { margin-right: 4px; } .new-KJ-TabBox-box-con .kj-ball:nth-last-child(3) { margin-right: 4px; } .new-KJ-TabBox-box-con .kj-ball h2 { font-size: 23px; } .new-KJ-TabBox-box-con .kj-ball .whsx { margin-top: 4px; padding: 0 2px; font-size: 11px; } .new-KJ-TabBox-box-con .kj-add { margin-right: 4px; } .new-KJ-TabBox-box-con .kj-add { font-size: 23px; } .new-KJ-TabBox-box-foot { font-size: 11px; margin-top: 6px; } .new-KJ-TabBox-box-foot-l { font-size: 11px; line-height: 1.5; } .new-KJ-TabBox-box-foot-l span { margin: 0 1px; } .new-KJ-TabBox-box-foot-l #nextMonth, .new-KJ-TabBox-box-foot-l #nextDay { padding: 1px 4px; font-size: 10px; } .new-KJ-TabBox-box-foot-l #nextWeek { padding: 1px 5px; font-size: 10px; } .new-KJ-TabBox-box-foot-l #nextTime { padding: 1px 5px; font-size: 10px; } .new-KJ-TabBox-box-foot-r a { padding: 3px 8px; font-size: 11px; border-radius: 3px; } } @media screen and (max-width:450px) { .new-KJ-TabBox-box-tit-m .kj-lotto-tit2 .next_time { display: none; } .next_time { font-size: 13px; padding: 4px 12px; } .kj-lotto-tit2 { gap: 8px; } #hour_show,#minute_show,#second_show { width: 22px; height: 22px; font-size: 11px; } } .new-KJ-TabBox-box-foot { flex-wrap: wrap; } .new-KJ-TabBox-box-foot-l { white-space: nowrap; } @media screen and (max-width: 380px) { .new-KJ-TabBox-box-tit { font-size: 12px; } .new-KJ-TabBox-box-foot { font-size: 10px; } .new-KJ-TabBox-box-foot-l { font-size: 9px; line-height: 1.4; } .new-KJ-TabBox-box-foot-l span { margin: 0; } .new-KJ-TabBox-box-foot-l #nextMonth, .new-KJ-TabBox-box-foot-l #nextDay { padding: 0px 3px; font-size: 9px; } .new-KJ-TabBox-box-foot-l #nextWeek { padding: 0px 4px; font-size: 9px; } .new-KJ-TabBox-box-foot-l #nextTime { padding: 0px 4px; font-size: 9px; } .new-KJ-TabBox-box-foot-r a { padding: 2px 6px; font-size: 9px; border-radius: 3px; } } @media screen and (max-width: 340px) { .new-KJ-TabBox-box-tit { font-size: 11px; } .new-KJ-TabBox-box-foot { font-size: 9px; } .new-KJ-TabBox-box-foot-l { font-size: 8px; line-height: 1.3; } .new-KJ-TabBox-box-foot-l span { margin: 0; } .new-KJ-TabBox-box-foot-l #nextMonth, .new-KJ-TabBox-box-foot-l #nextDay { padding: 0px 2px; font-size: 8px; } .new-KJ-TabBox-box-foot-l #nextWeek { padding: 0px 3px; font-size: 8px; } .new-KJ-TabBox-box-foot-l #nextTime { padding: 0px 3px; font-size: 8px; } .new-KJ-TabBox-box-foot-r a { padding: 1px 5px; font-size: 8px; border-radius: 2px; } } #hour_show,#minute_show,#second_show{ width: 26px; height: 26px; background: linear-gradient(145deg, #28A5FD 0%, #57C8FE 50%, #6DD5FF 100%); border-radius: 6px; font-size: 13px; color: #fff; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 3px 8px rgba(40, 165, 253, 0.4), 0 1px 3px rgba(40, 165, 253, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); position: relative; overflow: hidden; font-family: 'Arial', 'Helvetica', sans-serif; letter-spacing: 0.5px; } #hour_show::before, #minute_show::before, #second_show::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.15), transparent); transform: rotate(45deg); } .next_time_html strong { transition: all 0.3s ease; } .next_time_html strong:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(40, 165, 253, 0.5), 0 2px 6px rgba(40, 165, 253, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5); } /* 已按需求徹底隱藏倒計時左側開獎時間及其佔位 */ .next_time, #timeBox { display: none !important; width: 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; overflow: hidden !important; } .next_time { display: inline-block; padding: 6px 16px; background: linear-gradient(145deg, #ffffff, #f0f0f0); border: 2px solid #d63422; border-radius: 8px; color: #d63422; font-weight: bold; font-size: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), inset 0 1px 2px rgba(255, 255, 255, 0.8), inset 0 -1px 2px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); position: relative; overflow: hidden; } .next_time::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s; } .next_time:hover::before { left: 100%; } .next_time_html{ display: flex; justify-content: flex-end; align-items: center; color: #28A5FD; font-weight: bold; font-size: 16px; gap: 4px; } .next_time_html::after { content: ''; } .new-KJ-TabBox-box-con .red{ width: 28px; height: 28px; background: url('data:image/png;base64,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') no-repeat center/cover; font-size: 11px; text-align: center; line-height: 28px; color: #333; } .new-KJ-TabBox-box-con .blue{ width: 28px; height: 28px; background: url('data:image/png;base64,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') no-repeat center/cover; font-size: 13px; text-align: center; line-height: 29px; color: #333; } .new-KJ-TabBox-box-con .green{ width: 28px; height: 28px; background: url('data:image/png;base64,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') no-repeat center/cover; font-size: 13px; text-align: center; line-height: 29px; color: #333; } .new-KJ-TabBox-box-con .hui{ width: 28px; height: 28px; background: url('data:image/png;base64,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') no-repeat center/cover; font-size: 13px; text-align: center; line-height: 29px; color: #333; } .whsx.reda { width: 36px !important; height: 15px !important; border-radius: 22px !important; background: linear-gradient(32.32deg, #D63422 13.84%, #FF6453 88.88%) !important; color: #fff !important; line-height: 15px !important; } .whsx.bluea { width: 36px !important; height: 15px !important; border-radius: 22px !important; background: linear-gradient(32.32deg, #28A5FD 13.84%, #57C8FE 88.88%) !important; color: #fff !important; line-height: 15px !important; } .whsx.greena { height: 15px !important; border-radius: 22px !important; background: linear-gradient(32.32deg, #00A962 13.84%, #24DD84 88.88%) !important; color: #fff !important; line-height: 15px !important; } .whsx.huia { width: 36px !important; height: 15px !important; border-radius: 22px !important; background: linear-gradient(32.32deg, #e2e2e2 13.84%, #939393 88.88%) !important; color: #fff !important; line-height: 15px !important; } /* 國風方印樣式：球體和下方文字框改為四方四正 */ .new-KJ-TabBox-box-con .kj-ball h2 div { width: 30px !important; height: 30px !important; border-radius: 3px !important; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #7a5a1f !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 4px rgba(0, 0, 0, 0.22), 0 2px 5px rgba(0, 0, 0, 0.2) !important; position: relative; overflow: hidden; } .new-KJ-TabBox-box-con .kj-ball h2 div::before { content: ''; position: absolute; inset: 2px; border: 1px solid rgba(255, 230, 180, 0.35); pointer-events: none; } .new-KJ-TabBox-box-con .kj-ball h2 div font { position: relative; z-index: 1; color: #fff8df; font-family: "KaiTi", "STKaiti", "Microsoft YaHei", sans-serif; font-weight: 700; line-height: 1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); } .new-KJ-TabBox-box-con .red { background: linear-gradient(165deg, #ef4b3f 0%, #c81911 55%, #8f0f0a 100%) !important; } .new-KJ-TabBox-box-con .blue { background: linear-gradient(165deg, #45a6ff 0%, #1f69d5 55%, #13439d 100%) !important; } .new-KJ-TabBox-box-con .green { background: linear-gradient(165deg, #38b76f 0%, #168a4a 55%, #0f6033 100%) !important; } .new-KJ-TabBox-box-con .hui { background: linear-gradient(165deg, #c7c7c7 0%, #9a9a9a 55%, #707070 100%) !important; } .new-KJ-TabBox-box-con .kj-ball .whsx { min-width: 38px; height: 18px !important; line-height: 18px !important; padding: 0 6px !important; border-radius: 2px !important; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #8a6728 !important; font-family: "KaiTi", "STKaiti", "Microsoft YaHei", sans-serif; font-weight: 700; letter-spacing: 1px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.18) !important; } .whsx.reda { width: auto !important; background: linear-gradient(180deg, #f3deac 0%, #e5c07e 100%) !important; color: #7b1d16 !important; } .whsx.bluea { width: auto !important; background: linear-gradient(180deg, #e7f1ff 0%, #c8ddff 100%) !important; color: #1b4e9a !important; } .whsx.greena { width: auto !important; background: linear-gradient(180deg, #e9f7ea 0%, #c9e7cb 100%) !important; color: #17603b !important; } .whsx.huia { width: auto !important; background: linear-gradient(180deg, #f0f0f0 0%, #d5d5d5 100%) !important; color: #555 !important; } .tubiao { display: inline-block; width: 14px; height: 14px; margin-right: 4px; background-image: var(--icon-image-url); background-repeat: no-repeat; background-position: var(--icon1-background-position); } .new-KJ-TabBox-box-foot-r a{ padding: 6px 16px; color: #ffffff !important; border-radius: 6px; display: inline-block; background: linear-gradient(145deg, #ff6b6b, #ee5a6f); text-decoration: none; font-weight: 600; font-size: 14px; box-shadow: 0 3px 8px rgba(255, 107, 107, 0.3), 0 1px 3px rgba(255, 107, 107, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 107, 107, 0.5); transition: all 0.3s ease; position: relative; overflow: hidden; } .new-KJ-TabBox-box-foot-r a::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s; } .new-KJ-TabBox-box-foot-r a:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(255, 107, 107, 0.4), 0 2px 6px rgba(255, 107, 107, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.4); } .new-KJ-TabBox-box-foot-r a:hover::before { left: 100%; } .new-KJ-TabBox-box-foot-r a:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.1); } .kj-c { display: inline-flex; width: 4%; font-size: 2rem; justify-content: center; } /* 頂部生肖年標籤：壓印蓋章風（鑲嵌在背景中，僅影響 #lunarYearTag） */ .lunar-year-tag { display: none; margin: 0 6px 0 5px; padding: 1px 9px; font-size: 12px; font-weight: 900; font-family: "STKaiti", "KaiTi", "FangSong", "Microsoft YaHei", sans-serif; color: rgba(147, 20, 20, 0.84); background: rgba(255, 255, 255, 0.06); border: 2px solid rgba(147, 20, 20, 0.58); border-radius: 2px; vertical-align: middle; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 2px rgba(147, 20, 20, 0.18), 0 1px 0 rgba(255, 255, 255, 0.45); letter-spacing: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35), 0 0 1px rgba(147, 20, 20, 0.15); line-height: 1.25; transform: translateY(1px) rotate(-2deg); opacity: 0.92; } /* ========== 春節喜慶主題（除夕至正月十五） ========== */ /* --- 標籤卡 Tab --- */ .KJ-TabBox.festive { background: linear-gradient(180deg, #fdf0e0, #fbe6cc); box-shadow: 0 2px 8px rgba(168, 7, 26, 0.12); } .KJ-TabBox.festive li { background: linear-gradient(145deg, #fff5e6, #ffe0b8) !important; border: 1px solid #e8c07a !important; color: #8c4a1a !important; } .KJ-TabBox.festive li.cur { background: linear-gradient(145deg, #cf1322, #a8071a) !important; border-color: #faad14 !important; color: #fadb14 !important; box-shadow: 0 3px 10px rgba(168, 7, 26, 0.4), inset 0 1px 1px rgba(255,255,255,0.15) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.2); } /* --- 主容器 --- */ .new-KJ-TabBox-box.festive { background: linear-gradient(180deg, #fef8f0 0%, #fff2e4 40%, #ffecd4 100%); border: 2px solid #d4a24e; border-radius: 12px; box-shadow: 0 0 0 1px rgba(212, 162, 78, 0.3), 0 4px 16px rgba(168, 7, 26, 0.1); position: relative; overflow: hidden; } /* 頂部紅金流光條 */ .new-KJ-TabBox-box.festive::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #faad14, #cf1322, #faad14, #cf1322, #faad14); background-size: 200% 100%; animation: festiveBar 4s linear infinite; } /* 底部紅金流光條 */ .new-KJ-TabBox-box.festive::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #cf1322, #faad14, #cf1322, #faad14, #cf1322); background-size: 200% 100%; animation: festiveBar 4s linear infinite reverse; } @keyframes festiveBar { 0% { background-position: 0% 0; } 100% { background-position: 200% 0; } } /* 四角如意紋 */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit::before, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit::after { content: '◆'; position: absolute; font-size: 10px; color: #d4a24e; opacity: 0.5; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit::before { top: 8px; left: 8px; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit::after { top: 8px; right: 8px; } /* 彩種名稱 */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit-l { color: #8c4a1a; font-weight: 700; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit-l #mingcheng { color: #cf1322; text-shadow: 0 1px 2px rgba(207, 19, 34, 0.2); } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit-l #lunarYearTag { /* 春節容器內保持“壓印蓋章”風，避免被紅金主題覆蓋為獨立色塊 */ padding: 1px 9px; font-size: 12px; font-weight: 900; color: rgba(160, 20, 20, 0.86); background: rgba(255, 248, 240, 0.08); border: 2px solid rgba(160, 20, 20, 0.6); border-radius: 2px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), inset 0 -1px 2px rgba(160, 20, 20, 0.2), 0 1px 0 rgba(255, 255, 255, 0.48); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.38), 0 0 1px rgba(160, 20, 20, 0.18); letter-spacing: 2px; transform: translateY(1px) rotate(-2deg); opacity: 0.94; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit-l .kj-font-red { color: #fadb14; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-tit-l #qishu { display: inline-block; min-width: 2.2em; text-align: center; padding: 1px 7px; background: linear-gradient(145deg, #cf1322, #a8071a); border: 1px solid #d4a24e; border-radius: 3px; color: #fadb14; box-shadow: 0 1px 3px rgba(168, 7, 26, 0.28); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .new-KJ-TabBox-box.festive .kj-font-red { color: #cf1322; text-shadow: 0 1px 2px rgba(207, 19, 34, 0.15); } /* --- 號碼球區域 --- */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con { background: linear-gradient(180deg, rgba(207,19,34,0.03) 0%, rgba(250,173,20,0.06) 100%); border-radius: 8px; padding: 4px 2px; margin: 8px -2px; } /* 號碼球金色光暈 */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 4px rgba(0, 0, 0, 0.22), 0 0 8px rgba(250, 173, 20, 0.45), 0 2px 4px rgba(0, 0, 0, 0.15) !important; border-radius: 3px !important; border: 1px solid #d4a24e !important; } /* 號碼字體 */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div font { text-shadow: 0 1px 3px rgba(0,0,0,0.3); } /* 生肖/五行標籤 - 紅底金字 */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx { background: linear-gradient(145deg, #cf1322, #a8071a) !important; border: 1px solid #d4a24e !important; color: #fadb14 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(168, 7, 26, 0.25) !important; border-radius: 2px !important; height: 18px !important; line-height: 18px !important; min-width: 38px; padding: 0 6px !important; } /* 特碼（第7球）球體 - 金色光暈 + 放大 */ .new-KJ-TabBox-box.festive #bose7 { box-shadow: 0 0 12px rgba(250, 173, 20, 0.7), 0 0 4px rgba(207, 19, 34, 0.3) !important; transform: scale(1.1); border: 2px solid #faad14 !important; animation: temaBallGlow 2s ease-in-out infinite; } @keyframes temaBallGlow { 0%, 100% { box-shadow: 0 0 10px rgba(250, 173, 20, 0.6), 0 0 4px rgba(207, 19, 34, 0.2); } 50% { box-shadow: 0 0 18px rgba(250, 173, 20, 0.9), 0 0 8px rgba(207, 19, 34, 0.4); } } /* 號碼字體高亮（前6個 + 特碼） */ .new-KJ-TabBox-box.festive #haoma1, .new-KJ-TabBox-box.festive #haoma2, .new-KJ-TabBox-box.festive #haoma3, .new-KJ-TabBox-box.festive #haoma4, .new-KJ-TabBox-box.festive #haoma5, .new-KJ-TabBox-box.festive #haoma6, .new-KJ-TabBox-box.festive #haoma7 { text-shadow: none !important; } /* 特碼（第7球）生肖標籤 - 與前6個統一樣式 */ /* + 號 */ .new-KJ-TabBox-box.festive .kj-c { color: #cf1322; text-shadow: 0 1px 2px rgba(207, 19, 34, 0.2); } /* --- 倒計時 --- */ .new-KJ-TabBox-box.festive .next_time_html strong { background: linear-gradient(180deg, #cf1322, #91091e) !important; border: 1px solid rgba(250, 173, 20, 0.4) !important; box-shadow: 0 3px 8px rgba(168, 7, 26, 0.4), inset 0 1px 2px rgba(255,255,255,0.15) !important; } .new-KJ-TabBox-box.festive .next_time_html { color: #cf1322 !important; } /* 開獎時間標籤 */ .new-KJ-TabBox-box.festive .next_time { background: linear-gradient(145deg, #cf1322, #a8071a) !important; border: 2px solid #faad14 !important; color: #fadb14 !important; box-shadow: 0 3px 8px rgba(168, 7, 26, 0.35) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.2); } /* --- 底部下期信息 --- */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot { background: linear-gradient(145deg, #fef6ec, #fdefd6); border: 1px solid rgba(212, 162, 78, 0.35); box-shadow: 0 2px 6px rgba(168, 7, 26, 0.06); } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-l { color: #111827; font-weight: 800; text-shadow: none; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-l #nextQiShu { display: inline-block; padding: 0 2px; background: transparent !important; border: 0 !important; border-radius: 0; color: #111827 !important; font-weight: 900; box-shadow: none !important; text-shadow: none; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-l #nextMonth, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-l #nextDay { background: transparent !important; color: #111827 !important; font-weight: 800; border: 0 !important; box-shadow: none !important; padding: 0 2px !important; text-shadow: none; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-l #nextWeek { background: transparent !important; color: #111827 !important; font-weight: 800; border: 0 !important; box-shadow: none !important; padding: 0 2px !important; text-shadow: none; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-l #nextTime { background: transparent !important; color: #111827 !important; font-weight: 800; border: 0 !important; box-shadow: none !important; padding: 0 2px !important; text-shadow: none; } /* --- 歷史記錄按鈕 --- */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-r a { background: linear-gradient(145deg, #cf1322, #a8071a) !important; border: 2px solid #faad14 !important; color: #fadb14 !important; box-shadow: 0 0 0 1px rgba(250, 173, 20, 0.3), 0 3px 10px rgba(168, 7, 26, 0.4), inset 0 1px 2px rgba(255,255,255,0.15) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.25); letter-spacing: 2px; animation: historyBtnGlow 2s ease-in-out infinite; } @keyframes historyBtnGlow { 0%, 100% { box-shadow: 0 0 0 1px rgba(250, 173, 20, 0.3), 0 3px 10px rgba(168, 7, 26, 0.4); } 50% { box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.6), 0 3px 14px rgba(250, 173, 20, 0.5); } } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-foot-r a:hover { background: linear-gradient(145deg, #e8222e, #cf1322) !important; box-shadow: 0 0 0 2px #faad14, 0 5px 16px rgba(250, 173, 20, 0.5) !important; transform: translateY(-2px); } @media screen and (max-width: 650px) { .lunar-year-tag { font-size: 10px; padding: 1px 7px; letter-spacing: 1.4px; border-width: 2px; } } @media screen and (max-width: 450px) { .lunar-year-tag { font-size: 9px; padding: 0 5px; letter-spacing: 1.1px; border-width: 2px; } } /* 日曆卡極簡風（純色版，粗大文字，質感增強） */ .new-KJ-TabBox-box-con .kj-ball, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball { height: 70px; border: 0 !important; border-radius: 0 !important; background: linear-gradient(180deg, #f9fbff 0%, #f3f6fb 100%); overflow: hidden; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 1px 2px rgba(15, 23, 42, 0.08), 0 4px 10px rgba(15, 23, 42, 0.06) !important; } .new-KJ-TabBox-box-con .kj-ball h2, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 { width: 100%; margin: 0; line-height: normal; } .new-KJ-TabBox-box-con .kj-ball h2 div, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div { width: 100% !important; height: 45px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; position: relative; background: var(--tile-bg, #b8c0cc) !important; border-bottom: 0 !important; } .new-KJ-TabBox-box-con .kj-ball h2 div::before, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div::before { display: none !important; } .new-KJ-TabBox-box-con .kj-ball h2 div::after, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: rgba(255, 255, 255, 0.16); pointer-events: none; } /* 走碼翻開特效：號碼從未開到開出時觸發 */ .new-KJ-TabBox-box-con .kj-ball.walk-flip-open h2 div, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball.walk-flip-open h2 div { transform-origin: top center; backface-visibility: hidden; will-change: transform, filter, opacity; animation: walkFlipOpen 0.48s cubic-bezier(0.2, 0.72, 0.2, 1); } @keyframes walkFlipOpen { 0% { transform: perspective(420px) rotateX(-82deg); opacity: 0.5; filter: brightness(0.82); } 60% { transform: perspective(420px) rotateX(8deg); opacity: 1; filter: brightness(1.06); } 100% { transform: perspective(420px) rotateX(0deg); opacity: 1; filter: brightness(1); } } .new-KJ-TabBox-box-con .kj-ball h2 div font, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div font { color: #ffffff !important; font-family: "Arial Black", "Microsoft YaHei", sans-serif; font-size: 29px !important; font-weight: 900; line-height: 1; letter-spacing: 0.9px; text-shadow: none !important; -webkit-text-stroke: 0 !important; position: relative; z-index: 1; } .new-KJ-TabBox-box-con .red, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .red { --tile-bg: #d93030; --tile-border: #ab2222; } .new-KJ-TabBox-box-con .blue, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .blue { --tile-bg: #1f78d1; --tile-border: #195fa5; } .new-KJ-TabBox-box-con .green, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .green { --tile-bg: #2d874a; --tile-border: #236a39; } .new-KJ-TabBox-box-con .hui, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .hui { --tile-bg: #cfd7e2; --tile-border: #b2bcc9; } .new-KJ-TabBox-box-con .hui font, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .hui font { color: #1f2937 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 1px 2px rgba(0, 0, 0, 0.1) !important; -webkit-text-stroke: 0; } /* 等待態高對比：文字和背景鋪滿整個號碼框 */ .new-KJ-TabBox-box-con .kj-ball.wait-fill, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball.wait-fill { background: #0f172a !important; border: 0 !important; box-shadow: 0 3px 8px rgba(2, 6, 23, 0.34), 0 10px 20px rgba(2, 6, 23, 0.26) !important; } .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div { height: 100% !important; background: #0f172a !important; border-bottom: 0 !important; } .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div::after, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div::after { display: none !important; } .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div font, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div font { color: #ffffff !important; font-size: 31px !important; letter-spacing: 1px; text-shadow: none !important; -webkit-text-stroke: 0 !important; } .new-KJ-TabBox-box-con .kj-ball.wait-fill .whsx, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball.wait-fill .whsx { display: none !important; } .new-KJ-TabBox-box-con .kj-ball .whsx, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx { width: 100% !important; min-width: 0 !important; height: 25px !important; margin-top: 0 !important; padding: 0 6px 4px !important; border-radius: 0 !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; display: inline-flex; align-items: center !important; justify-content: center; box-sizing: border-box; font-family: "Microsoft YaHei", sans-serif; font-size: 15px; font-weight: 900; letter-spacing: 0; line-height: 1.1 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72), 0 1px 2px rgba(0, 0, 0, 0.08); } .whsx.reda { background: #d93030 !important; color: #ffffff !important; border-top-color: #ab2222 !important; } .whsx.bluea { background: #1f78d1 !important; color: #ffffff !important; border-top-color: #195fa5 !important; } .whsx.greena { background: #2d874a !important; color: #ffffff !important; border-top-color: #236a39 !important; } .whsx.huia { background: #eef1f5 !important; color: #5a6676 !important; border-top-color: #d8dee7 !important; } /* 修復 festive 通用紅底覆蓋：按波色強制覆蓋下方文字框 */ .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.reda { background: #d93030 !important; color: #ffffff !important; border-top-color: #ab2222 !important; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.bluea { background: #1f78d1 !important; color: #ffffff !important; border-top-color: #195fa5 !important; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.greena { background: #2d874a !important; color: #ffffff !important; border-top-color: #236a39 !important; } .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.huia { background: #eef1f5 !important; color: #5a6676 !important; border-top-color: #d8dee7 !important; } /* 下方文字位置兜底：不同瀏覽器字體基線不一致時，統一上提1px */ .new-KJ-TabBox-box-con .kj-ball .whsx.reda, .new-KJ-TabBox-box-con .kj-ball .whsx.bluea, .new-KJ-TabBox-box-con .kj-ball .whsx.greena, .new-KJ-TabBox-box-con .kj-ball .whsx.huia, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.reda, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.bluea, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.greena, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx.huia { transform: translateY(-1px); } /* 關閉第7球高亮動畫，保持日曆卡統一 */ .new-KJ-TabBox-box.festive #bose7 { transform: none !important; box-shadow: none !important; border: 0 !important; animation: none !important; } @media screen and (max-width: 650px) { .new-KJ-TabBox-box-con .kj-ball, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball { height: 64px; } .new-KJ-TabBox-box-con .kj-ball h2 div, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div { height: 41px !important; } .new-KJ-TabBox-box-con .kj-ball h2 div font, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball h2 div font { font-size: 25px !important; } .new-KJ-TabBox-box-con .kj-ball .whsx, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball .whsx { height: 23px !important; padding: 0 5px 3px !important; font-size: 13px; line-height: 1.1 !important; } .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div font, .new-KJ-TabBox-box.festive .new-KJ-TabBox-box-con .kj-ball.wait-fill h2 div font { font-size: 27px !important; } } /* 加載動畫樣式 */ .loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 9999; backdrop-filter: blur(4px); } .loading-overlay.show { display: flex; } .loading-spinner { width: 60px; height: 60px; position: relative; } .loading-spinner::before, .loading-spinner::after { content: ''; position: absolute; border-radius: 50%; } .loading-spinner::before { width: 60px; height: 60px; border: 4px solid rgba(255, 255, 255, 0.2); } .loading-spinner::after { width: 60px; height: 60px; border: 4px solid transparent; border-top-color: #fff; border-right-color: #fff; animation: spinner 0.8s linear infinite; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-text { color: #fff; font-size: 16px; margin-top: 80px; position: absolute; font-weight: bold; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } /* 僅香港六合彩：命中隱藏窗口時隱藏生肖/五行（不影響號碼與開獎邏輯） */ .new-KJ-TabBox-box.hide-hk-sxwx .whsx { display: none !important; } .new-KJ-TabBox-box.hide-hk-sxwx #lunarYearTag { display: none !important; } .new-KJ-TabBox-box.hide-hk-sxwx .new-KJ-TabBox-box-con .kj-ball h2 { height: 100% !important; } .new-KJ-TabBox-box.hide-hk-sxwx .new-KJ-TabBox-box-con .kj-ball h2 div { height: 100% !important; }