*{box-sizing:border-box}.treasure-vault-page{margin:0;color:#fff7dd;min-height:100vh;padding-bottom:118px;background:radial-gradient(ellipse at 50% 30%,#5545a0 0,#201d58 34%,#0b1238 68%,#070b20 100%);font-family:"Microsoft YaHei",sans-serif}.treasure-vault-page:before{content:"";position:fixed;inset:52px 0 0;pointer-events:none;background:radial-gradient(circle at 12% 16%,#fff 0 1px,transparent 2px),radial-gradient(circle at 82% 12%,#fff 0 1px,transparent 2px),radial-gradient(circle at 72% 39%,#a9d5ff 0 1px,transparent 2px),radial-gradient(circle at 20% 51%,#d7c9ff 0 1px,transparent 2px);background-size:190px 210px,250px 230px,210px 270px,300px 290px;opacity:.55}.page-container{width:min(760px,100%);margin:auto;position:relative}.vault-hero{text-align:center;position:relative;padding:28px 70px 12px}.vault-hero:after{content:"";display:block;width:76%;height:2px;margin:10px auto;background:linear-gradient(90deg,transparent,#efc980,transparent)}.vault-hero .eyebrow{font-family:serif;color:#f2db9c;letter-spacing:6px;text-shadow:0 2px 5px #000}.vault-hero h1{font-family:STKaiti,KaiTi,serif;font-size:clamp(42px,8vw,66px);line-height:1;margin:8px;background:linear-gradient(#fffbd0 5%,#ffd46b 38%,#bd6b25 70%,#ffe99f);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 1px #6b281e);letter-spacing:8px}.vault-hero p{margin:10px;color:#daf4ff;text-shadow:0 2px 4px #15113e}.vault-hero #time{display:inline-block;padding:5px 22px;background:#101736aa;border-radius:4px;color:#6fffc5}.vault-side-actions{position:absolute;right:8px;top:35px;z-index:7;display:flex;flex-direction:column;gap:5px}.vault-pack-entry,.vault-rules-entry{position:relative;width:64px;height:64px;padding:31px 0 0;border:0;background:radial-gradient(circle at 50% 29%,#fff4b7,#9167c8 34%,transparent 36%);color:#fff0b6;font-family:KaiTi,serif;font-weight:bold;text-shadow:0 2px 3px #000;cursor:pointer}.vault-rules-entry{background:radial-gradient(circle at 50% 29%,#fff6cb,#4b86c8 34%,transparent 36%)}.vault-stage{position:relative;height:660px;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#7364c770 0,#40367c38 37%,transparent 64%)}.vault-stage:after{content:"";position:absolute;left:50%;bottom:35px;transform:translateX(-50%);width:560px;height:240px;background:radial-gradient(ellipse,#fff 0,#bde5ff99 16%,#765ec766 41%,transparent 70%);filter:blur(8px)}.key-card{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:7px 20px;background:#11152caa;border:1px solid #d7b46a66;border-radius:20px;color:#e9e6ff}.key-card strong{font-size:25px;color:#ffdc73}.key-card span:last-child{font-size:12px}.vault-orbit{position:absolute;z-index:1;left:50%;border:8px solid #d8a65f;border-left-color:#fff4b1;border-right-color:#7d57c6;border-radius:50%;transform:translateX(-50%) rotate(-10deg);box-shadow:0 0 9px #fff5bf,0 0 25px #c49cff,inset 0 0 18px #7543b7}.orbit-one{top:145px;width:590px;height:240px}.orbit-two{top:225px;width:480px;height:180px;transform:translateX(-50%) rotate(13deg)}.vault-pedestal{position:absolute;z-index:2;left:50%;bottom:55px;transform:translateX(-50%);width:380px;height:225px;clip-path:polygon(4% 5%,40% 14%,47% 42%,50% 0,53% 42%,60% 14%,96% 5%,78% 48%,57% 61%,50% 100%,43% 61%,22% 48%);background:linear-gradient(90deg,#a56d34,#fff2b1 28%,#a9c9ff 50%,#fff0a2 70%,#a16635);filter:drop-shadow(0 0 12px #e6d6ff)}.prize-grid{position:absolute;z-index:4;inset:66px 22px 180px}.prize{position:absolute;width:105px;min-height:112px;padding:8px;text-align:center;}.prize:nth-child(1){left:0;top:2%}.prize:nth-child(2){left:24%;top:20%}.prize:nth-child(3){left:48%;top:0}.prize:nth-child(4){right:12%;top:23%}.prize:nth-child(5){right:-1%;top:0}.prize:nth-child(6){left:3%;top:56%}.prize:nth-child(7){left:27%;top:70%}.prize:nth-child(8){left:54%;top:52%}.prize:nth-child(9){right:1%;top:69%}.prize:nth-child(n+10){left:calc(8% + (var(--prize-index,0) * 9%));top:38%}.prize{background:radial-gradient(circle,#eff9ffdd 0,#887dd988 44%,#6552ac22 62%,transparent 68%);border:0!important;border-radius:50%;box-shadow:none!important}.prize{animation:vaultFloat 3.6s ease-in-out infinite;will-change:transform}.prize:nth-child(2n){animation-name:vaultFloatLow;animation-delay:-1.3s}.prize:nth-child(3n){animation-delay:-2.4s;animation-duration:4.2s}.prize:nth-child(5n){animation-duration:3.2s}@keyframes vaultFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes vaultFloatLow{0%,100%{transform:translateY(62px)}50%{transform:translateY(47px)}}.prize img,.won img{width:66px;height:66px;object-fit:contain;display:block;margin:auto;filter:drop-shadow(0 0 8px #fff)}.prize{border:0;cursor:pointer;color:inherit}.prize:focus-visible{outline:2px solid #ffe69b;outline-offset:3px}.prize-pity-badge{position:absolute;z-index:4;left:-4px;top:-6px;display:grid;place-items:center;width:20px;height:34px;border:1px solid #ffe8a0;border-radius:5px;background:linear-gradient(145deg,#ffdf70 0 12%,#e94b38 13% 88%,#9d1f28);box-shadow:0 1px 5px #19040dcc;color:#fff9d6;font:700 10px/12px KaiTi,serif;letter-spacing:0;text-shadow:0 1px 2px #771414;transform:rotate(-4deg);writing-mode:vertical-rl;text-orientation:upright}.prize-pity-badge:after{content:"";position:absolute;inset:3px;border:1px solid #ffd98299;border-radius:3px;pointer-events:none}.prize-bottom-num{position:absolute;z-index:4;left:50%;bottom:-5px;translate:-50% 0;min-width:38px;padding:1px 9px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#151a30 18%,#151a30 82%,transparent);box-shadow:none;color:#fff0a8;font-size:10px;font-weight:700;line-height:14px;white-space:nowrap;text-align:center;text-shadow:0 1px 2px #000}.prize-bottom-num:before,.prize-bottom-num:after{content:"";position:absolute;top:50%;width:10px;height:1px;background:linear-gradient(90deg,transparent,#e5c66a);pointer-events:none}.prize-bottom-num:before{right:100%}.prize-bottom-num:after{left:100%;transform:scaleX(-1)}.prize-pity .prize-bottom-num{color:#ffe170;background:linear-gradient(90deg,transparent,#4c2a12 18%,#4c2a12 82%,transparent)}.prize-detail-image-wrap{position:relative;width:96px;height:96px}.prize-detail-image-wrap #prizeDetailImage{width:100%;height:100%}.prize-detail-limited{position:absolute;z-index:3;left:-13px;top:-12px;display:none;place-items:center;width:40px;height:40px;border:1px solid #fff0a8;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffec9c,#d83d36 58%,#73151c);box-shadow:0 0 0 3px #ffcf6933,0 2px 9px #26050dcc;color:#fff7cf;font:700 12px KaiTi,serif;letter-spacing:1px;text-shadow:0 1px 2px #5e1111;transform:rotate(-12deg)}.prize-detail-overlay{display:none;position:fixed;z-index:40000;inset:0;padding:20px;align-items:center;justify-content:center;background:#050817b8;backdrop-filter:blur(3px)}.prize-detail-overlay.show{display:flex}.prize-detail-card{position:relative;width:min(520px,94vw);min-height:350px;overflow:hidden;border:2px solid #e6d8ff;border-radius:4px;background:linear-gradient(#a264ca 0 38%,#f4f5f6 52%,#e8edf5);box-shadow:0 15px 55px #000b,inset 0 0 0 3px #60417e;color:#243253}.prize-detail-head{position:relative;display:grid;grid-template-columns:105px 1fr auto;gap:18px;align-items:center;padding:28px 30px 34px;background:linear-gradient(135deg,#8654b9,#b278d3);color:white}.prize-detail-head:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:30px;background:radial-gradient(ellipse,#fff9 0,transparent 66%)}.prize-detail-head img{width:96px;height:96px;padding:8px;object-fit:contain;border:1px solid #e4ccff;background:#784ba080;filter:drop-shadow(0 0 9px #fff8)}.prize-detail-head h3{margin:0 0 8px;font:700 25px KaiTi,serif;letter-spacing:2px}.prize-detail-head strong{color:#fff16d;font-size:17px}.prize-detail-quality{align-self:end;padding:9px 3px;width:66px;text-align:center;color:#fff391;font-weight:bold;text-shadow:0 2px 3px #302054}.prize-detail-body{padding:40px 34px}.prize-detail-body p{margin:0;color:#50658f;font-size:17px;font-weight:bold;line-height:1.8}.prize-detail-close{position:absolute;z-index:2;right:8px;top:6px;border:0;background:none;color:#fff;font-size:25px;cursor:pointer}.q4,.q5{background:radial-gradient(circle,#fff7beee 0,#e4955688 43%,transparent 70%)}.pity-note{position:absolute;z-index:6;bottom:42px;left:50%;transform:translateX(-50%);width:78%;padding:7px;text-align:center;background:linear-gradient(90deg,transparent,#15162bdc 20%,#15162bdc 80%,transparent);color:#fff;font-family:KaiTi,serif;font-size:17px}.vault-rules-sheet{max-width:620px;background:linear-gradient(145deg,#242651,#111735);border:1px solid #dcbf786b}.rules-body{position:relative;display:flex;gap:13px;padding:18px;background:#080d2680;border:1px solid #aeb7e31f;border-radius:11px}.rules-gem{flex:0 0 auto;color:#93cfff;font-style:normal;text-shadow:0 0 9px #6fbcff}.rules-body p{margin:0;color:#dbe2ff;line-height:1.9;font-size:14px;white-space:pre-line}.vault-confirm-sheet,.vault-coupon-sheet{max-width:520px}.vault-confirm-text{text-align:center;padding:18px;color:#cdd6f4}.vault-confirm-text strong{font-size:22px;color:#ffe29a}.vault-confirm-text p{margin:12px}.vault-confirm-total{font-size:18px;color:#ffce5c;font-weight:bold}.vault-confirm-actions{display:flex;gap:12px}.vault-confirm-actions button{flex:1}.vault-coupon-option{display:flex;align-items:center;gap:12px;margin:10px 0;padding:14px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0a;cursor:pointer}.vault-coupon-option span,.vault-coupon-option small{display:block}.vault-coupon-option b{color:#ffe29a}.vault-coupon-option small{margin-top:5px;color:#aab4d5}.vault-pack-notice{margin:0 0 15px;padding:12px;border:1px solid #dfb65e55;border-radius:10px;background:#dfb65e12;color:#ffe5a1}.vault-pack-sheet{max-width:680px}.pack{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:16px;padding:15px;margin:10px;background:linear-gradient(90deg,#303958,#1b2340);border:1px solid #c6d3f044;border-radius:8px}.pack img{width:72px;height:72px;object-fit:contain}.pack h3{margin:0}.pack p,.pack small{display:block;color:#c5cbe0}.pack strong{color:#ffdc66}.pack button{border:0;border-radius:22px;padding:11px 25px;background:linear-gradient(135deg,#ff7c5c,#ffc953);font-weight:bold}.pack button:disabled{filter:grayscale(1)}.drawbar{position:fixed;z-index:8;bottom:0;left:0;right:0;padding:13px max(14px,env(safe-area-inset-right)) calc(13px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:20px;background:linear-gradient(transparent,#090d29 25%,#090d29ed);backdrop-filter:blur(8px)}.draw-btn{position:relative;isolation:isolate;min-width:220px;height:78px;padding:8px 32px;border:1px solid #fff0b0;border-radius:12px;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);font-family:KaiTi,serif;cursor:pointer;transition:transform .2s,filter .2s;overflow:hidden}.draw-btn:before{content:"";position:absolute;z-index:-1;inset:4px;clip-path:inherit;border:1px solid #fff4c799}.draw-btn:after{content:"";position:absolute;z-index:-1;top:-80%;left:-35%;width:35%;height:250%;transform:rotate(25deg);background:#fff8d84d;transition:left .5s}.draw-btn:hover{transform:translateY(-3px);filter:brightness(1.08)}.draw-btn:hover:after{left:120%}.draw-once{background:linear-gradient(135deg,#d95a43,#ff9a5b 48%,#e76f3f);color:#fff4d0;box-shadow:0 5px 18px #e05f4360,inset 0 0 15px #ffdc7855}.draw-ten{background:linear-gradient(135deg,#ad6a15,#ffd964 48%,#c4861f);color:#6d3708;box-shadow:0 5px 20px #ffc54460,inset 0 0 16px #fff5b5}.draw-cost{display:block;font:12px "Microsoft YaHei",sans-serif;opacity:.9}.draw-cost i{font-style:normal;color:#c7eaff;text-shadow:0 0 6px #fff}.draw-btn b{display:block;font-size:25px;line-height:28px;letter-spacing:3px}.draw-btn small{display:block;font:10px "Microsoft YaHei",sans-serif;opacity:.72}#resultItems{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;padding:8px}.won{display:flex;flex:0 0 120px;flex-direction:column;align-items:center;width:120px;min-height:108px;margin:0;padding:10px;border:0;background:#ffffff0d;border-radius:12px;color:inherit;font:inherit;cursor:pointer;transition:transform .2s,background .2s}.won:hover{transform:translateY(-3px);background:#ffffff18}.won-image-wrap{position:relative;display:block;width:66px;height:66px}.won-image-wrap img{width:100%;height:100%}.won b{margin-top:5px}.vault-notice-overlay{position:fixed;inset:0;z-index:35000;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 45%,#30366a66,#020516c7);backdrop-filter:blur(5px);animation:vaultNoticeFade .18s ease}.vault-notice-overlay.closing{opacity:0;transition:opacity .18s}.vault-notice-box{position:relative;width:min(330px,88vw);padding:36px 24px 22px;text-align:center;overflow:hidden;border:1px solid #e4c67599;border-radius:18px;background:linear-gradient(155deg,#242b58 0,#111735 68%,#0c1129 100%);box-shadow:0 22px 65px #000b,inset 0 1px #fff4c733;color:#fff}.vault-notice-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#efca6e26,transparent 48%)}.vault-notice-icon{position:relative;width:58px;height:58px;margin:-5px auto 13px;display:grid;place-items:center;border:2px solid #ffd979;border-radius:50%;background:radial-gradient(circle,#e3a63d,#7f4819);box-shadow:0 0 0 6px #e9c35b17,0 0 25px #e6ad4a70;color:#fff6c7;font:bold 32px Georgia,serif}.vault-notice-box.is-error .vault-notice-icon{border-color:#ffbc7b;background:radial-gradient(circle,#e5784f,#7c2d28);box-shadow:0 0 0 6px #ff9b6618,0 0 25px #e8785570}.vault-notice-box h3{position:relative;margin:0 0 9px;font:700 23px KaiTi,serif;letter-spacing:3px;color:#ffe6a0}.vault-notice-box p{position:relative;margin:0 0 22px;color:#dce3ff;font-size:15px;line-height:1.7}.vault-notice-box button{position:relative;width:100%;padding:11px;border:1px solid #ffe5a5;border-radius:24px;background:linear-gradient(135deg,#bb741f,#f1c558,#a96716);box-shadow:inset 0 1px #fff7ca;color:#512d08;font-weight:700;font-size:15px;cursor:pointer}@keyframes vaultNoticeFade{from{opacity:0}.vault-notice-box{transform:scale(.9)}}
.vault-coupon-overlay{z-index:25000!important;align-items:center!important;justify-content:center!important;padding:20px!important}.vault-coupon-overlay .vault-coupon-sheet{position:relative!important;inset:auto!important;width:min(420px,92vw)!important;max-height:min(620px,82vh)!important;margin:0!important;border-radius:14px!important;transform:none!important;animation:vaultDialogIn .2s ease;background:#fff;color:#333;box-shadow:0 18px 55px #0009}.vault-coupon-overlay .act-modal-head{color:#333}.vault-coupon-overlay .act-modal-scroll{max-height:55vh;overflow-y:auto}.vault-coupon-option{display:flex;align-items:center;gap:12px;margin:9px 0;padding:13px;border:1px solid #ead8ae;border-radius:10px;background:#fffaf0;cursor:pointer}.vault-coupon-option input{width:18px;height:18px;accent-color:#d39b35}.vault-coupon-option span,.vault-coupon-option small{display:block}.vault-coupon-option b{color:#9b6515}.vault-coupon-option small{margin-top:4px;color:#888}.vault-dialog-overlay{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0008}.vault-dialog-box{width:min(340px,88vw);overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 18px 55px #0008;animation:vaultDialogIn .2s ease}.vault-dialog-content{padding:25px 21px;text-align:center;color:#3c3c3c;font-size:15px;line-height:1.75;white-space:pre-line}.vault-dialog-actions{display:flex;border-top:1px solid #eee}.vault-dialog-actions button{flex:1;padding:15px 8px;border:0;background:#fff;color:#777;font-size:15px;cursor:pointer}.vault-dialog-actions button+button{background:linear-gradient(135deg,#d39b35,#f2c45d);color:#fff;font-weight:700}@keyframes vaultDialogIn{from{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:none}}
/* 圆形奖池：按内外双环均匀排布，每个奖品拥有独立角度空间 */
.prize-grid{inset:70px 28px 120px;display:block;overflow:visible;border-radius:50%}.prize{position:absolute!important;left:var(--px,50%)!important;right:auto!important;top:var(--py,50%)!important;width:76px;min-height:76px;margin:-38px 0 0 -38px;animation:vaultPrizePulse 3.6s ease-in-out infinite!important}.prize:nth-child(2n){animation-delay:-1.3s!important}.prize:nth-child(3n){animation-delay:-2.4s!important}.prize-center{z-index:3;filter:drop-shadow(0 0 10px #ffe59c88)}@keyframes vaultPrizePulse{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:650px){.vault-hero{padding-left:65px;padding-right:65px}.vault-hero h1{font-size:42px}.vault-stage{height:590px}.orbit-one{width:520px;height:220px}.orbit-two{width:420px}.prize-grid{inset:72px 18px 96px;display:block;overflow:visible;padding:0;border-radius:50%}.prize{position:absolute!important;left:var(--px,50%)!important;right:auto!important;top:var(--py,50%)!important;width:62px;min-width:0;min-height:62px;margin:-31px 0 0 -31px;padding:3px}.prize-detail-head{grid-template-columns:82px 1fr;padding:24px 20px 32px}.prize-detail-head img{width:78px;height:78px}.prize-detail-head h3{font-size:22px}.prize-detail-quality{position:absolute;right:18px;bottom:12px;width:auto}.prize-detail-card{min-height:310px}.prize-detail-body{padding:35px 25px}@keyframes vaultFloatMobile{0%,100%{transform:translateY(18px)}50%{transform:translateY(7px)}}.prize img{width:50px;height:50px}.vault-pedestal{width:320px}.drawbar{gap:8px}.draw-btn{min-width:46%;height:72px;padding:7px 12px}.draw-btn b{font-size:21px}.draw-btn small{display:none}.pack{grid-template-columns:60px 1fr}.pack img{width:58px;height:58px}.pack button{grid-column:1/-1}.key-card{white-space:nowrap;font-size:12px;gap:7px}}