*{box-sizing:border-box}html{background:#e2e7ed}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#333}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #faad14;outline-offset:2px}[hidden]{display:none!important}.page{width:100%;max-width:450px;margin:auto;background:#eaf2fb;min-height:100vh;padding-bottom:128px;overflow:hidden}.hero{position:relative}.hero>img{width:100%;display:block}.hero-claim{position:absolute;left:24%;top:83%;width:52%;height:14%;border-radius:40px}.features{margin:16px 17px 22px;background:#fff;border-radius:9px;display:grid;grid-template-columns:repeat(4,1fr);padding:12px 3px 14px;position:relative}.features a{text-align:center;display:flex;flex-direction:column;font-size:15px}.features i{font-style:normal;font-size:28px;height:40px}.features b{color:#c58b17;margin-bottom:6px}.features small{font-size:11px;color:#7f8b87;line-height:14px}.features .red{color:#e83232}.lottery{margin:0 10px 24px}.lottery-tabs{display:flex;gap:4px}.lottery-tabs button{width:33.333%;border:0;background:white;border-radius:9px 9px 0 0;padding:10px 0 8px;color:#111}.lottery-tabs b{font-size:20px;display:block}.lottery-tabs small{font-size:14px;display:block;margin-top:3px}.lottery-tabs button[aria-selected=true]{background:#08c453;color:#fff}.draw-panel{background:white;border:1px solid #08c453;border-radius:0 0 7px 7px;padding:12px 9px}.draw-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:5px;min-height:24px}.draw-head a{color:#00b842;font-size:13px;white-space:nowrap}#countdown{color:red;font-size:12px}#period{color:#008939}.balls{display:flex;align-items:flex-start;justify-content:space-between;margin:10px 0;min-height:70px}.ball-item{text-align:center;min-width:0;width:13%}.ball{width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 28%,white 0 37%,#e0fff5 40%,#00b66a 45%,#009449 66%,#005f39 78%,#d5f6e8 80%);box-shadow:inset 0 2px 4px #fff9;color:#111}.ball.red{background:radial-gradient(circle at 38% 28%,white 0 37%,#ffe4df 40%,#fb3739 45%,#e51d1f 66%,#b90813 78%,#ffd0ce 80%)}.ball.blue{background:radial-gradient(circle at 38% 28%,white 0 37%,#e4eaff 40%,#4e7aff 45%,#3056dc 66%,#172ba2 78%,#d2dfff 80%)}.ball b{font-size:24px;transform:translateY(-2px)}.ball-item small{display:block;font-size:13px;margin-top:5px;white-space:nowrap}.plus{font-size:25px;line-height:48px;color:#999;padding:0 1px}#next-draw{color:red;font-size:14px;text-align:center;margin:8px 0}.draw-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7a8984}#refresh{border:0;color:#fff;background:#e51616;padding:3px 10px}.live{display:block;width:max-content;max-width:100%;margin:10px auto 0;border-radius:25px;background:#08c453;color:#fff;padding:7px 14px;font-size:15px}.reference-section{margin:0 17px 24px}.banner img{width:100%;display:block}.table-slot table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:15px}.table-slot th{background:#005341;color:#fff;height:35px;font-weight:400}.table-slot td{border:1px solid #d0d8df;height:35px;white-space:nowrap}.table-slot td:last-child{color:#ff3232}.table-slot a{color:#ff3434}.mini-claim{display:inline-block;border:1px solid #ecad00;border-radius:20px;background:linear-gradient(#fff8b9,#ffed00 55%,#ffd400);font-size:12px;padding:1px 18px}.reference-label{font-size:10px;color:#8a969c;text-align:center;margin:6px 0}.wechat{background:#ffd30d;margin:0 17px;display:block;text-align:center;padding:15px 4px;font-size:15px;color:#514100}.comments h2{text-align:center;font-size:16px;line-height:1.5;font-weight:400;color:#b55ce8;margin:25px 0 12px}.comment{display:flex;gap:10px;padding:21px 0 0;font-size:16px;line-height:1.45}.comment>img{width:40px;height:40px;object-fit:cover}.comment-content{flex:1;min-width:0}.comment-content p{margin:0 0 4px}.comment-meta{display:flex;justify-content:space-between;color:#999;margin:3px 0}.comment-reply{color:#777}.page-footer{text-align:center;color:#869392;font-size:11px;padding:8px 0}.floating{position:fixed;left:50%;transform:translateX(-50%);width:min(100%,450px);height:0;top:0;z-index:20;pointer-events:none}.floating a{pointer-events:auto}.service{position:absolute;right:0;top:39vh;width:77px}.service img{width:100%;display:block}.side-links{position:fixed;right:7px;top:76vh;display:flex;flex-direction:column;gap:28px}.side-links a{position:relative;border:3px double #e8c8b9;border-radius:50%;background:radial-gradient(#fff,#f1f3f8 60%,#ead2c4);color:#285376;font-size:12px;width:49px;height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:13px}.side-links small{position:absolute;bottom:-9px;background:#ff4d42;color:#fff;border-radius:9px;font-size:11px;padding:0 5px}.bottom-bar{position:fixed;z-index:30;bottom:max(15px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 34px),416px)}.notice{margin:0 auto -1px;width:83%;border:2px solid #ffa7af;border-radius:25px;background:#ed3f5a;color:#fff;font-size:12px;text-align:center;padding:10px 3px;white-space:nowrap}.advisor{border:2px solid #fff;border-radius:40px;background:linear-gradient(110deg,#e5e5e5ed,#fff9);box-shadow:0 4px 20px #9ea6ab25;display:flex;align-items:center;padding:6px 10px;gap:10px;height:70px;backdrop-filter:blur(8px)}.portrait{position:relative}.portrait img{display:block;border-radius:50%;width:49px;height:49px}.portrait em{position:absolute;right:0;top:0;font-style:normal;background:#f13;color:#fff;border-radius:50%;font-size:12px;width:15px;text-align:center}.advisor-copy{color:#a56322;flex:1;white-space:nowrap}.advisor-copy b{font-size:16px;font-weight:400}.advisor-copy small{display:block;font-size:12px;margin-top:5px}.advisor strong{color:#f34b00;border:2px solid #ffdb4e;border-radius:24px;background:linear-gradient(#fffad0,#ffe700 60%,#ffd20a);box-shadow:0 0 0 2px #fff;font-size:17px;padding:7px 10px;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:300px;max-width:100%;max-height:90dvh;overflow-y:auto;background:#fff;border-radius:13px;position:relative;padding:10px 17px;color:#454545;text-align:center}.modal header{display:flex;align-items:center;justify-content:space-between;margin:0 -2px 10px;color:#005341;white-space:nowrap}.modal header b{font-size:16px}.close-modal{font-size:12px;background:none;border:0;color:#005341;padding:0 0 0 5px}.ribbon{position:absolute;left:-23px;top:14px;transform:rotate(-45deg);font-size:12px;background:#ec3030;color:white;width:100px;z-index:1;pointer-events:none}.popup-banner{display:block;width:100%;border-radius:4px}.modal h3{font-size:21px;line-height:27px;border-radius:25px;color:#fff;background:#005440;width:max-content;margin:9px auto 6px;padding:0 5px}.modal p{font-size:14px;margin:6px 0}.modal-claim{display:block;background:#005440;color:#fff000;font-size:22px;font-weight:bold;width:76%;margin:8px auto;border-radius:30px;padding:6px}.modal .modal-note{font-size:13px;color:#005440;font-weight:bold}.modal-open{overflow:hidden}#toast{position:fixed;left:50%;top:30%;transform:translateX(-50%);background:#111e;color:#fff;padding:14px 18px;max-width:85%;width:max-content;border-radius:8px;z-index:200;font-size:14px}@media(max-width:390px){.features{margin-bottom:18px}.features b{font-size:13px}.features small{font-size:9px}.ball b{font-size:21px}.draw-head{font-size:12px}.lottery-tabs b{font-size:18px}.ball-item small{font-size:11px}.advisor-copy b{font-size:14px}.advisor-copy small{font-size:10px}.advisor{gap:6px;padding:6px}.advisor strong{font-size:15px;padding:7px}.table-slot table{font-size:13px}.comment{font-size:14px}.notice{font-size:10px}.modal header b{font-size:15px}}

.features i img{height:34px;width:auto;display:block;margin:0 auto}.modal header b{font-size:15px}.modal-reference:after{content:"参考图静态资料";display:block;color:#999;font-size:10px;margin-top:5px}
.ball{background:radial-gradient(circle at 32% 20%,#d9fff0 0,#38dc91 24%,#00a85a 55%,#008b47 73%,#b8efd6 78%,#007a40 86%)}.ball.red{background:radial-gradient(circle at 32% 20%,#ffe3df 0,#ff7370 24%,#fb3434 55%,#d41922 73%,#ffc9c5 78%,#b7151b 86%)}.ball.blue{background:radial-gradient(circle at 32% 20%,#e4eaff 0,#8ba4ff 24%,#4e72ef 55%,#2844bf 73%,#c3cfff 78%,#223baa 86%)}.ball b{width:72%;height:72%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff 55%,#e9eff1);display:grid;place-items:center;transform:translateY(-1px);box-shadow:0 1px 3px #0002}.modal header b{padding-left:15px;font-size:14px}

/* 服务卡片：柔和双层投影，增加立体感 */
.features {
  box-shadow: 0 8px 20px rgba(29, 65, 95, 0.14),
              0 2px 6px rgba(29, 65, 95, 0.06);
}

/* 弹窗标题右移，避开推荐标签 */
.modal header b {
  padding-left: 38px;
}

/* 关闭按钮加粗，取消黄色焦点框 */
.modal .close-modal {
  font-size: 14px;
  font-weight: 700;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}

.modal .close-modal:focus-visible {
  outline: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}