:root{font-family:"Noto Serif SC",Microsoft YaHei,serif;color:#ffe8c7;background:#140800}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:#fff}.page{min-height:100dvh;display:grid;place-items:center;padding:20px}.card{width:min(92vw,430px);border:1px solid rgba(255,200,115,.45);padding:26px 20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.brand{margin:0;opacity:.88;letter-spacing:1.2px;font-size:13px}h1{margin:10px 0 8px;color:#ffd68f;font-size:32px}.desc{margin:0;line-height:1.55;color:#fff1db}.status{margin:20px 0;padding:12px 14px;border:1px solid rgba(255,222,175,.26);line-height:1.5}.status.error{color:#ffd2d2;border-color:#ff7c7c80}.draw-btn{width:100%;border:0;padding:13px 14px;font-size:18px;font-weight:600;cursor:pointer;color:#401005;transition:transform .2s ease,filter .2s ease}.draw-btn:not(:disabled):active{transform:translateY(1px) scale(.995)}.draw-btn:disabled{cursor:not-allowed;filter:grayscale(.35) brightness(.88)}.result{margin-top:18px;border-top:1px dashed rgba(255,210,144,.38);padding-top:14px}.result p{margin:6px 0}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}.lottery-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:#fff7ea}.content-wrapper{width:100%}.bg1{width:100%;height:auto;display:block}.bg2-wrapper,.bg3-wrapper{position:relative}.bg1-image{width:100%;height:auto;display:block;object-fit:contain}.remaining-draws{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fe2261;font-size:1rem;font-weight:700}.status-bar{width:calc(100% - 24px);margin:12px auto 0;padding:10px 14px;border-radius:12px;background:#891422e6;color:#fff4d6;font-size:.9rem;line-height:1.5}.text-draws{position:absolute;left:50%;top:0;transform:translate(-50%);width:82%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#fff2ca;font-size:.8rem}.text-draws b,.text-draws h3{font-size:.9rem;font-weight:700;padding:3% 0;line-height:2}.text-draws h3{margin-bottom:3%}.txt-box{width:100%;height:100%;overflow-y:auto}.cards-demo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2.6%;padding:7% 10%;transform:translateY(-3%)}.card-demo{flex:1;height:100%;max-width:27%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-icon{width:80%;height:80%;object-fit:cover;will-change:transform,filter,opacity}.card-demo.is-rolling .card-icon{animation:slotRoll .18s linear infinite}.draw-trigger{cursor:pointer}.tip-popup-mask,.phone-popup-mask,.status-popup-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.tip-popup-card{width:min(84vw,360px);padding:24px 20px 18px;border-radius:18px;background:linear-gradient(180deg,#fffaf2,#ffe9c6);box-shadow:0 18px 40px #5c180a3d;text-align:center}.tip-popup-title{color:#8f1f1c;font-size:1.08rem;font-weight:700}.tip-popup-message{margin:14px 0 18px;color:#7b2f1f;font-size:.95rem;line-height:1.6;word-break:break-word}.tip-popup-btn{width:100%;height:42px;border:none;border-radius:999px;color:#fff7ef;font-size:.96rem;font-weight:700;background:linear-gradient(180deg,#f24b4b,#bf2020)}.phone-popup-card{position:relative;width:min(88vw,420px);padding:24px 18px 20px;border-radius:18px;background:linear-gradient(180deg,#fffaf2,#ffe9c6);box-shadow:0 18px 40px #5c180a3d}.phone-popup-close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:24px;line-height:1;color:#b35b29}.phone-popup-title{color:#8f1f1c;font-size:1.1rem;font-weight:700;text-align:center}.phone-popup-desc{margin-top:8px;margin-bottom:16px;color:#9f6a47;font-size:.88rem;text-align:center}.field-label{display:block;margin-bottom:8px;color:#7b2f1f;font-size:.9rem;font-weight:600}.field-input{width:100%;height:44px;margin-bottom:14px;padding:0 14px;border:1px solid #efc08d;border-radius:12px;outline:none;font-size:.95rem;color:#5f281a;background:#fffffff5}.phone-display{width:100%;height:44px;margin-bottom:14px;padding:0 14px;border:1px solid #efc08d;border-radius:12px;display:flex;align-items:center;color:#7b2f1f;font-size:.95rem;background:#fff8ecfa}.captcha-row{display:flex;gap:10px}.captcha-input{margin-bottom:0;flex:1}.captcha-btn,.confirm-btn{border:none;border-radius:12px;font-weight:700}.captcha-btn{flex-shrink:0;width:122px;height:44px;color:#8f1f1c;background:#ffd487}.confirm-btn{width:100%;height:46px;margin-top:18px;color:#fff7ef;background:linear-gradient(180deg,#f24b4b,#bf2020)}.captcha-btn:disabled,.confirm-btn:disabled{opacity:.65}.status-popup-body{display:flex;flex-direction:column;align-items:center;gap:14px}.status-popup-image{width:min(82vw,520px);height:auto;display:block}.status-popup-text{padding:8px 18px;border-radius:999px;background:#621011d1;color:#fff4d1;font-size:.95rem;line-height:1.5;text-align:center}@keyframes slotRoll{0%{transform:translateY(0) scaleY(1);opacity:1;filter:blur(0px) brightness(1)}45%{transform:translateY(14%) scaleY(.86);opacity:.72;filter:blur(.8px) brightness(1.05)}50%{transform:translateY(-14%) scaleY(.86);opacity:.72;filter:blur(.8px) brightness(1.05)}to{transform:translateY(0) scaleY(1);opacity:1;filter:blur(0px) brightness(1)}}.btn-image{width:100%;height:100%;object-fit:contain}.record-trigger{cursor:pointer}.record-popup-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.record-popup-card{position:relative;width:min(90vw,480px);max-height:80vh;padding:24px 18px 20px;border-radius:18px;background:linear-gradient(180deg,#fffaf2,#ffe9c6);box-shadow:0 18px 40px #5c180a3d;display:flex;flex-direction:column}.record-popup-close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:24px;line-height:1;color:#b35b29;cursor:pointer}.record-popup-title{color:#8f1f1c;font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:16px}.record-list-wrapper{flex:1;overflow-y:auto;min-height:200px}.record-loading,.record-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#9f6a47;font-size:.9rem}.record-list{display:flex;flex-direction:column;gap:12px}.record-item{padding:14px;border-radius:12px;background:#ffffffd9;border:1px solid #f5d9b5}.record-item-failed{background:linear-gradient(180deg,#fff3f0,#ffe0da);border-color:#f24b4b;box-shadow:0 8px 18px #bf202029}.record-alert{margin-bottom:10px;padding:8px 10px;border-radius:10px;color:#b91c1c;font-size:.86rem;font-weight:700;line-height:1.4;background:#ffffffb8;border:1px solid rgba(242,75,75,.32)}.record-row{display:flex;align-items:center;margin-bottom:8px;font-size:.9rem}.record-row:last-child{margin-bottom:0}.record-label{color:#9f6a47;font-weight:600;min-width:80px}.record-value{color:#5f281a;flex:1}.record-amount{color:#f24b4b;font-weight:700;font-size:1rem}.record-loadmore{margin-top:16px;text-align:center}.loadmore-btn{width:100%;height:42px;border:none;border-radius:12px;color:#8f1f1c;font-size:.9rem;font-weight:700;background:#ffd487;cursor:pointer}.loadmore-btn:disabled{opacity:.65;cursor:not-allowed}