:root{--ink:#68415f;--pink:#f36586;--gold:#ffd568;--purple:#946bd8}*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;background:#ffe0cd}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:radial-gradient(circle at 7% 19%,rgba(255,255,255,.75) 0 32px,transparent 33px),radial-gradient(circle at 94% 34%,rgba(255,255,255,.6) 0 28px,transparent 29px),linear-gradient(180deg,#bdeaff,#f0d5ff 48%,#ffe1bd)}button{font:inherit}.box-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(1120px,calc(100% - 24px));height:68px;margin:auto}.box-brand{display:flex;align-items:center;gap:9px;color:#734a70;font-weight:900;text-decoration:none}.box-brand>span{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;background:#fff5c9;box-shadow:0 5px 0 #d5a450;font-size:23px}.box-nav{display:flex;align-items:center;gap:6px}.box-nav a,.box-nav button{display:flex;align-items:center;gap:4px;padding:7px 10px;border:2px solid white;border-radius:999px;color:#734a70;background:rgba(255,255,255,.8);box-shadow:0 5px 13px rgba(77,52,91,.13);font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap;cursor:pointer}.box-shell{width:min(920px,calc(100% - 16px));margin:auto;padding-bottom:35px}.box-hero{text-align:center}.box-hero>span{display:inline-block;padding:6px 16px;border-radius:99px;background:rgba(255,255,255,.72);font-size:11px;font-weight:900;letter-spacing:2px}.box-hero h1{margin:5px 0 0;color:white;font-size:clamp(45px,7vw,68px);line-height:1.05;letter-spacing:4px;-webkit-text-stroke:5px #f05e82;paint-order:stroke fill;text-shadow:0 7px 0 #b13c67,0 14px 24px rgba(102,48,83,.22)}.box-hero p{margin:8px 0 13px;color:#79526f;font-size:15px;font-weight:900;letter-spacing:1px}.blind-board{position:relative;width:min(760px,100%);margin:auto;padding:20px 25px 17px;border:6px solid white;border-radius:34px;background:rgba(255,248,218,.95);box-shadow:0 14px 0 #d58a6d,0 28px 50px rgba(84,50,82,.2),inset 0 0 0 5px #f0ba5d}.board-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-head h2{margin:0;color:#d94a6d;font-size:23px}.board-head p{margin:3px 0 0;color:#9b6b7c;font-size:11px;font-weight:800}.board-head button{padding:8px 12px;border:3px solid white;border-radius:99px;color:white;background:linear-gradient(#a47add,#7c54c0);box-shadow:0 5px 0 #573990;font-size:11px;font-weight:1000;cursor:pointer}.blind-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 12px;width:min(680px,100%);margin:26px auto 14px}.blind-box{position:relative;min-width:0;aspect-ratio:.82;border:0;padding:0;background:transparent;cursor:pointer;perspective:500px}.box-shadow{position:absolute;left:12%;right:12%;bottom:-4px;height:14px;border-radius:50%;background:rgba(94,50,76,.2);filter:blur(3px);transition:transform .35s}.gift-lid{position:absolute;z-index:4;left:3%;right:3%;top:4%;height:30%;border:4px solid white;border-radius:13px 13px 8px 8px;background:linear-gradient(145deg,var(--box-light),var(--box-dark));box-shadow:0 5px 0 rgba(112,49,76,.22);transform-origin:15% 100%;transition:transform .62s cubic-bezier(.2,1.1,.3,1),opacity .5s}.gift-lid::before{content:"";position:absolute;left:50%;top:-16px;width:34px;height:24px;translate:-50% 0;border:5px solid white;border-radius:50% 50% 5px 5px;background:var(--box-ribbon)}.gift-lid::after{content:"";position:absolute;left:42%;top:-4px;width:16%;height:calc(100% + 7px);background:var(--box-ribbon)}.gift-body{position:absolute;z-index:2;left:9%;right:9%;top:28%;bottom:4%;overflow:hidden;border:4px solid white;border-radius:9px 9px 15px 15px;background:linear-gradient(145deg,var(--box-light),var(--box-dark));box-shadow:0 6px 0 rgba(113,54,76,.24)}.gift-body::before{content:"";position:absolute;left:42%;top:0;width:16%;height:100%;background:var(--box-ribbon)}.gift-body::after{content:"?";position:absolute;left:50%;top:49%;translate:-50% -50%;display:grid;place-items:center;width:34px;height:34px;border:3px solid white;border-radius:50%;color:white;background:rgba(122,67,104,.36);font-size:22px;font-weight:1000}.box-number{position:absolute;z-index:5;left:50%;bottom:9%;translate:-50% 0;width:max-content;padding:3px 8px;border:2px solid white;border-radius:99px;color:#8b4966;background:#fff1b8;font-size:9px;font-weight:1000}.box-prize{position:absolute;z-index:3;left:50%;top:39%;translate:-50% 0;display:grid;place-items:center;width:74%;height:48%;opacity:0;transition:opacity .3s .38s,translate .5s .25s}.box-prize-icon{font-size:38px;filter:drop-shadow(0 4px 0 rgba(84,48,76,.15))}.box-prize-icon img{width:66px;height:49px;border:3px solid white;border-radius:9px;object-fit:cover}.box-prize b{display:block;max-width:100%;margin-top:3px;padding:2px 5px;border-radius:99px;color:#8d4867;background:#fff4c3;font-size:8px;line-height:1.15;text-align:center}.blind-box:hover,.blind-box:focus-visible{outline:none;transform:translateY(-5px)}.blind-box.opening{pointer-events:none;animation:boxWiggle .55s ease-in-out}.blind-box.opening .gift-lid,.blind-box.opened .gift-lid{transform:translate(-20px,-45px) rotate(-28deg);opacity:.92}.blind-box.opening .gift-body::after,.blind-box.opened .gift-body::after{opacity:0}.blind-box.opened .gift-body{background:linear-gradient(#fff4ca,#ffe0b0)}.blind-box.opened .gift-body::before{opacity:.25}.blind-box.opened .box-prize{opacity:1;translate:-50% -9px}.blind-box.opened .box-number{color:white;background:#e55375}.blind-box.opened .box-shadow{transform:scaleX(1.16)}.box-friends{display:flex;align-items:center;justify-content:center;gap:12px}.box-friends img{width:60px;aspect-ratio:1;object-fit:cover;border:3px solid white;border-radius:17px;box-shadow:0 5px 0 #d99b73;animation:friendBounce 2.4s ease-in-out infinite}.box-friends img:last-child{animation-delay:-1.2s}.box-friends span{padding:7px 12px;border:2px solid white;border-radius:99px;background:white;font-size:10px;font-weight:900}.box-result[hidden]{display:none}.box-result{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px}.box-result-backdrop{position:absolute;inset:0;background:rgba(57,31,65,.57);backdrop-filter:blur(5px)}.box-result-card{position:relative;overflow:hidden;width:min(400px,100%);padding:34px 24px 24px;border:6px solid white;border-radius:34px;text-align:center;background:linear-gradient(#fffbd2,#ffe0d0);box-shadow:0 25px 70px rgba(52,27,60,.42),inset 0 0 0 4px #efb65d;animation:resultPop .45s cubic-bezier(.2,1.15,.3,1.2)}.box-result-rays{position:absolute;inset:-100px;opacity:.15;background:repeating-conic-gradient(#f15f83 0 12deg,transparent 12deg 24deg);animation:raySpin 14s linear infinite}.box-result-card>*:not(.box-result-rays){position:relative;z-index:1}.box-result-close{position:absolute!important;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;color:#915f75;background:white;font-size:27px;cursor:pointer}.box-result-stars{font-size:28px}.box-result-card p{margin:4px 0;color:#a2687c;font-size:12px;font-weight:900;letter-spacing:3px}.box-result-card h2{margin:0;color:#df4e73;font-size:30px}.box-result-icon{display:grid;place-items:center;width:100px;height:100px;margin:13px auto;border-radius:50%;background:white;box-shadow:0 7px 0 #dfa959;font-size:57px}.box-result-icon img{width:84px;height:66px;border-radius:12px;object-fit:cover}.box-result-card>span{display:block;color:#8d6c79;font-size:11px;font-weight:900}.box-result-card>strong{display:block;margin:3px 0 16px;color:#80405f;font-size:29px}.box-result-card>button:last-child{width:100%;padding:11px;border:4px solid white;border-radius:16px;color:white;background:linear-gradient(#f17694,#d94c73);box-shadow:0 6px 0 #a33e61;font-size:16px;font-weight:1000;cursor:pointer}#boxConfetti{position:fixed;inset:0;z-index:40;width:100%;height:100%;pointer-events:none}@keyframes boxWiggle{20%{rotate:-4deg}40%{rotate:4deg}60%{rotate:-2deg}80%{rotate:2deg}}@keyframes friendBounce{50%{translate:0 -7px;rotate:5deg}}@keyframes resultPop{from{opacity:0;transform:translateY(35px) scale(.72)}}@keyframes raySpin{to{transform:rotate(360deg)}}
@media(max-width:690px){.box-topbar{height:60px;width:calc(100% - 14px)}.box-brand b{display:none}.box-brand>span{width:36px;height:36px}.box-nav{gap:3px}.box-nav a,.box-nav button{padding:6px 7px;font-size:9px}.box-nav button b{display:none}.box-shell{width:calc(100% - 10px)}.box-hero h1{font-size:41px;-webkit-text-stroke-width:4px;letter-spacing:2px}.box-hero p{font-size:12px;margin-bottom:9px}.box-hero>span{font-size:9px}.blind-board{padding:15px 9px 13px;border-width:4px;border-radius:26px}.board-head h2{font-size:17px}.board-head p{font-size:9px}.board-head button{padding:6px 8px;font-size:9px}.blind-grid{gap:13px 4px;margin-top:22px}.gift-lid{border-width:3px}.gift-body{border-width:3px}.gift-lid::before{width:27px;height:20px;border-width:4px}.box-number{padding:2px 5px;font-size:7px}.box-prize-icon{font-size:27px}.box-prize-icon img{width:43px;height:34px}.box-prize b{font-size:6px;padding:2px 3px}.box-friends img{width:51px}.box-result-backdrop{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.box-friends img,.box-result-rays{animation:none!important}}