:root{--red:#ef3f28;--orange:#ff8a1f;--gold:#ffd86a;--cream:#fff5de;--ink:#56291c}*{box-sizing:border-box}html{background:#142752}body{margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#142752}.phone-shell{width:min(100%,430px);min-height:100vh;margin:auto;overflow:hidden;background:linear-gradient(#3d70ec 0 23%,#ffe0a9 45%,#fff6df 100%);box-shadow:0 0 80px #0008}.hero{height:398px;position:relative;overflow:hidden}.hero img{display:block;width:100%;height:auto}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(transparent,#ffedc7)}.hero-hot{position:absolute;border:0;background:transparent;cursor:pointer}.rules-hot{right:0;top:12px;width:89px;height:67px}.prizes-hot{right:0;top:83px;width:89px;height:67px}.content{position:relative;z-index:2;margin-top:-24px;padding:0 14px 26px}.notice{height:61px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:23px 23px 0 0;background:#fffaf0;color:#bd5b2d;font-size:13px;font-weight:650;box-shadow:0 -8px 20px #db792e2e}.notice b{flex:none;padding:7px 10px;border-radius:22px;background:#ff6c49;color:white;font-size:12px}.notice em{font-style:normal;font-size:18px}.lottery-frame{position:relative;padding:17px;border:7px solid #ff9845;border-radius:0 0 27px 27px;background:#ffdd75;box-shadow:inset 0 0 0 4px #fff0a2,0 13px 28px #d7763752}.bulbs{position:absolute;inset:4px;border:4px dotted #fffbd0;border-radius:18px;filter:drop-shadow(0 0 5px #fff)}.prize-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.prize-cell,.draw-button{height:112px;border-radius:13px}.prize-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#fffdfa,#fff6ea);border:1px solid #ffd2ae;box-shadow:0 3px 3px #b84c2940;transition:.12s}.prize-cell i{width:58px;height:58px;display:grid;place-items:center;font-size:45px;font-style:normal;line-height:1}.prize-cell i img{width:100%;height:100%;object-fit:contain}.prize-cell strong{max-width:100%;padding:0 4px;color:#bb321f;font-size:13px;text-align:center;line-height:1.25}.prize-cell.active{position:relative;z-index:2;transform:scale(1.045);border:4px solid #fff338;background:linear-gradient(#fffbea,#ffe8a3);box-shadow:0 0 21px #fff43b,0 0 8px #ff6b20 inset}.draw-button{border:3px solid #ffd058;background:linear-gradient(#ff9d45,#ed3a1e);color:white;box-shadow:inset 0 0 0 3px #fff29a55,0 5px 0 #b82c19;text-shadow:0 2px #b72f20;cursor:pointer}.draw-button:disabled{filter:saturate(.45);cursor:wait}.draw-button span{font-size:30px;font-weight:1000;line-height:1.02}.draw-button small{display:block;margin-top:7px;font-size:12px;text-shadow:none}.task-title{width:max-content;margin:18px auto 8px;padding:7px 26px;color:white;background:linear-gradient(90deg,#fa8a4d,#e93f29,#fa8a4d);font-size:18px;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);text-shadow:0 2px #b62f20}.task-list{padding:5px 16px;border-radius:21px;background:#fffbf4;box-shadow:0 10px 25px #d7783e38}.task-item{min-height:74px;display:grid;grid-template-columns:48px 1fr 48px 75px;gap:8px;align-items:center;border-bottom:1px solid #f0ddcd}.task-item:last-child{border:0}.task-icon{width:44px;height:44px;border-radius:12px;background-image:url('/h5/assets/task-icons.png');background-size:104px 104px;background-repeat:no-repeat}.task-icon.video{background-position:-52px 0}.task-icon.share{background-position:0 -52px}.task-icon.shopping{background-position:-52px -52px}.task-copy strong{font-size:15px}.task-copy small{display:block;margin-top:4px;color:#8d8178;font-size:12px}.reward{color:#f14834;font-size:15px;font-weight:900;text-align:center}.task-action{min-width:72px;border:0;border-radius:23px;padding:9px 8px;background:linear-gradient(#ffbd22,#fa7b00);color:white;font-weight:800;cursor:pointer}.task-action.done{background:#e6e2dd;color:#88847f}.task-action.pending{background:#fff0c6;color:#c88115}.record-banner{width:100%;margin-top:13px;padding:13px 11px;border:0;border-radius:26px;background:linear-gradient(90deg,#ff7656,#f14b34);color:white;font-size:13px;font-weight:800;box-shadow:0 8px 20px #dc54333b}.record-banner>span{font-size:23px}.record-banner b{float:right;padding:5px 9px;border-radius:18px;background:#fff2de;color:#ed4937}.overlay{position:fixed;z-index:30;inset:0;display:none;place-items:center;padding:20px;background:#180d259c}.overlay.show{display:grid}.dialog{position:relative;width:min(350px,100%);max-height:88vh;overflow:auto;padding:26px 23px;border:4px solid #ff9f43;border-radius:28px;background:linear-gradient(#fffdf5,#fff1d7);box-shadow:0 25px 80px #0008;text-align:center}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#bd6547;font-size:29px}.login-gift,.result-icon{font-size:67px}.login-card h1{margin:0 0 8px;color:#e8422d;font-size:24px}.login-card p{margin:0 0 18px;color:#937565;font-size:13px}.login-card label{display:block;margin:12px 0;color:#654434;text-align:left;font-size:13px;font-weight:700}.login-card input{width:100%;margin-top:7px;padding:12px;border:1px solid #edcbb6;border-radius:12px;background:white;font-size:15px;outline:none}.code-line{display:flex;gap:8px}.code-line input{flex:1}.code-line button{flex:none;margin-top:7px;border:0;border-radius:12px;background:#fff0d1;color:#e85031;font-weight:800}.login-card>small{color:#da6546}.primary,.secondary,.link-button{display:block;width:100%;margin-top:12px;padding:12px;border:0;border-radius:23px;font-weight:900;text-decoration:none}.primary{background:linear-gradient(#ff7844,#e93c26);color:white}.secondary{background:#fff0dc;color:#bd6343}.rules-content{white-space:pre-wrap;text-align:left;line-height:1.8}.result-card h2{margin:0;color:#ee432d}.result-card h3{color:#a82f20}.drawer{position:fixed;z-index:42;left:50%;bottom:0;width:min(100%,430px);max-height:78vh;transform:translate(-50%,105%);transition:.28s ease;background:#fff8e8;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px #31171666}.drawer.show{transform:translate(-50%,0)}.drawer-mask{position:fixed;z-index:41;inset:0;display:none;background:#21101a8c}.drawer-mask.show{display:block}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #efd8c3}.drawer-head small{color:#e75639}.drawer-head h2{margin:2px 0}.drawer-head button{border:0;background:transparent;font-size:28px}.my-prizes{max-height:60vh;overflow:auto;padding:12px 18px 24px}.prize-record{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eddccf}.prize-record .ico{font-size:34px}.prize-record strong{display:block}.prize-record small{color:#927f73}.prize-record a,.prize-record button{border:0;border-radius:18px;padding:7px 10px;background:#ff6c48;color:white;text-decoration:none}.empty{padding:45px 10px;text-align:center;color:#a38e7e}.toast{position:fixed;z-index:60;left:50%;bottom:34px;max-width:330px;transform:translate(-50%,80px);opacity:0;padding:11px 17px;border-radius:25px;background:#38231feF;color:white;text-align:center;font-size:13px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:370px){.hero{height:342px}.content{margin-top:-20px;padding-inline:9px}.prize-cell,.draw-button{height:99px}.prize-cell i{width:50px;height:50px;font-size:39px}.draw-button span{font-size:26px}.task-item{grid-template-columns:44px 1fr 44px 69px}.task-list{padding-inline:11px}}

.result-icon img{width:80px;height:80px;object-fit:contain}

/* Interaction refinements */
.prize-cell.active{position:relative;z-index:2;transform:scale(1.07);border:4px solid #fff1a6;background:linear-gradient(#fffef2,#ffd968);box-shadow:0 0 0 3px var(--gold),0 0 26px #ffd43b,0 0 12px #ff7a20 inset;animation:cell-glow .42s ease-in-out infinite alternate}
@keyframes cell-glow{to{filter:brightness(1.12);box-shadow:0 0 0 4px #fff0a1,0 0 34px #ffca28,0 0 16px #ff6a00 inset}}
.task-item{min-height:78px;grid-template-columns:52px minmax(0,1fr) 70px 86px;gap:6px}
.task-copy{min-width:0;align-self:center}
.task-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.task-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-action{width:82px;justify-self:end}
.record-banner{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:7px;align-items:center;padding:11px;text-align:left}
.record-gift{font-size:25px;text-align:center}
.record-banner>.record-copy{font-size:12px;line-height:1.35}
.record-banner b{float:none;padding:6px 9px;white-space:nowrap}
@media(max-width:370px){.task-item{grid-template-columns:44px minmax(0,1fr) 54px 72px;gap:4px}.task-list{padding-inline:9px}.task-action{width:68px;min-width:68px;padding-inline:5px}.record-banner{grid-template-columns:32px minmax(0,1fr) auto;padding-inline:8px}.record-gift{font-size:21px}.record-banner>.record-copy{font-size:11px}.record-banner b{font-size:11px;padding-inline:7px}}