:root{--ink:#614263;--pink:#f36586;--gold:#ffd660;--blue:#65cce8}*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;background:#c9efff}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,.76) 0 33px,transparent 34px),radial-gradient(circle at 94% 34%,rgba(255,255,255,.58) 0 28px,transparent 29px),linear-gradient(180deg,#ade9ff,#e5d7ff 53%,#ffe2bd)}button{font:inherit}.balloon-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(1120px,calc(100% - 24px));height:67px;margin:auto}.balloon-brand{display:flex;align-items:center;gap:9px;color:#704970;font-weight:900;text-decoration:none}.balloon-brand>span{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;background:#fff4c5;box-shadow:0 5px 0 #d3a14d;font-size:23px}.balloon-nav{display:flex;align-items:center;gap:5px}.balloon-nav a,.balloon-nav button{display:flex;align-items:center;gap:4px;padding:7px 10px;border:2px solid white;border-radius:999px;color:#704970;background:rgba(255,255,255,.8);box-shadow:0 5px 13px rgba(72,51,92,.13);font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap;cursor:pointer}.balloon-shell{width:min(940px,calc(100% - 14px));margin:auto;padding-bottom:35px}.balloon-hero{text-align:center}.balloon-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}.balloon-hero h1{margin:5px 0 0;color:white;font-size:clamp(43px,7vw,66px);line-height:1.05;letter-spacing:3px;-webkit-text-stroke:5px #f05e82;paint-order:stroke fill;text-shadow:0 7px 0 #ac3d66,0 14px 24px rgba(98,46,79,.22)}.balloon-hero p{margin:8px 0 12px;color:#755276;font-size:14px;font-weight:900}.balloon-board{position:relative;width:min(760px,100%);margin:auto;padding:18px 23px 15px;border:6px solid white;border-radius:34px;background:rgba(255,248,218,.95);box-shadow:0 14px 0 #d58a6c,0 28px 50px rgba(84,50,82,.19),inset 0 0 0 5px #efb95c}.balloon-board-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.balloon-board-head h2{margin:0;color:#d94b6d;font-size:22px}.balloon-board-head p{margin:3px 0 0;color:#9c6c7b;font-size:10px;font-weight:800}.pop-progress{display:flex;align-items:baseline;gap:2px;padding:5px 10px;border:3px solid white;border-radius:16px;color:#874965;background:#ffe171;box-shadow:0 4px 0 #c9854f}.pop-progress span{font-size:8px}.pop-progress b{font-size:24px}.pop-progress i{font-size:10px;font-style:normal;font-weight:900}.balloon-board-head>button{padding:7px 10px;border:3px solid white;border-radius:99px;color:white;background:linear-gradient(#9d78d9,#7653ba);box-shadow:0 5px 0 #53388a;font-size:10px;font-weight:1000;cursor:pointer}.balloon-field{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 10px;width:min(680px,100%);margin:20px auto 12px}.balloon{position:relative;min-width:0;aspect-ratio:.86;border:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 7px 2px rgba(86,51,81,.16));transition:transform .18s}.balloon:hover,.balloon:focus-visible{outline:none;transform:translateY(-6px) rotate(2deg)}.balloon-body{position:absolute;left:12%;right:12%;top:2%;height:70%;border:4px solid white;border-radius:50% 50% 47% 47%;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.8) 0 7%,transparent 8%),linear-gradient(145deg,var(--balloon-light),var(--balloon-dark));box-shadow:inset -8px -10px 13px rgba(100,45,75,.13);transform:rotate(var(--tilt));animation:balloonFloat 2.6s ease-in-out infinite;animation-delay:var(--delay)}.balloon-body::after{content:"";position:absolute;left:50%;bottom:-11px;translate:-50% 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid var(--balloon-dark)}.balloon-string{position:absolute;left:50%;top:70%;width:2px;height:28%;background:#987188;transform-origin:top;transform:rotate(var(--string-tilt))}.balloon-number{position:absolute;z-index:2;left:50%;top:33%;translate:-50% -50%;display:grid;place-items:center;width:30px;height:30px;border:3px solid white;border-radius:50%;color:white;background:rgba(103,55,91,.3);font-size:12px;font-weight:1000}.pop-particles{position:absolute;z-index:5;left:50%;top:34%;width:10px;height:10px;opacity:0}.pop-particles i{position:absolute;width:8px;height:8px;border-radius:2px;background:var(--particle);transform:rotate(var(--r)) translateY(0)}.pop-particles i:nth-child(1){--r:0deg}.pop-particles i:nth-child(2){--r:45deg}.pop-particles i:nth-child(3){--r:90deg}.pop-particles i:nth-child(4){--r:135deg}.pop-particles i:nth-child(5){--r:180deg}.pop-particles i:nth-child(6){--r:225deg}.pop-particles i:nth-child(7){--r:270deg}.pop-particles i:nth-child(8){--r:315deg}.balloon.popping .balloon-body{animation:balloonPop .22s ease-out forwards}.balloon.popping .balloon-number{opacity:0}.balloon.popping .pop-particles{opacity:1}.balloon.popping .pop-particles i{animation:particleFly .48s ease-out forwards}.balloon.popped{pointer-events:none;filter:none}.balloon.popped .balloon-body,.balloon.popped .balloon-string,.balloon.popped .balloon-number{display:none}.balloon.popped::after{content:"啵!";position:absolute;inset:20% 0 auto;text-align:center;color:#e25577;font-size:15px;font-weight:1000;animation:popWord .7s ease-out forwards}.balloon-friends{display:flex;align-items:center;justify-content:center;gap:12px}.balloon-friends img{width:58px;aspect-ratio:1;object-fit:cover;border:3px solid white;border-radius:17px;box-shadow:0 5px 0 #d89a73;animation:friendBounce 2.4s ease-in-out infinite}.balloon-friends img:last-child{animation-delay:-1.2s}.balloon-friends span{padding:7px 12px;border:2px solid white;border-radius:99px;background:white;font-size:10px;font-weight:900}.balloon-friends b{color:#e14f72}.balloon-result[hidden]{display:none}.balloon-result{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px}.balloon-result-backdrop{position:absolute;inset:0;background:rgba(51,30,64,.58);backdrop-filter:blur(5px)}.balloon-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(#fffbd0,#ffe0d2);box-shadow:0 25px 70px rgba(50,27,61,.42),inset 0 0 0 4px #efb65d;animation:resultPop .45s cubic-bezier(.2,1.15,.3,1.2)}.balloon-result-rays{position:absolute;inset:-100px;opacity:.15;background:repeating-conic-gradient(#f15f82 0 12deg,transparent 12deg 24deg);animation:raySpin 14s linear infinite}.balloon-result-card>*:not(.balloon-result-rays){position:relative;z-index:1}.balloon-result-close{position:absolute!important;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;color:#8e5e73;background:white;font-size:27px;cursor:pointer}.balloon-result-stars{font-size:28px}.balloon-result-card p{margin:4px 0;color:#9a687c;font-size:12px;font-weight:900;letter-spacing:3px}.balloon-result-card h2{margin:0;color:#e14c70;font-size:30px}.balloon-result-icon{display:grid;place-items:center;width:100px;height:100px;margin:13px auto;border-radius:50%;background:white;box-shadow:0 7px 0 #dda957;font-size:57px}.balloon-result-icon img{width:84px;height:66px;border-radius:12px;object-fit:cover}.balloon-result-card>span{display:block;color:#8b6c79;font-size:11px;font-weight:900}.balloon-result-card>strong{display:block;margin:3px 0 16px;color:#7c405e;font-size:29px}.balloon-result-card>button:last-child{width:100%;padding:11px;border:4px solid white;border-radius:16px;color:white;background:linear-gradient(#f17793,#d94c72);box-shadow:0 6px 0 #9f3d5e;font-size:16px;font-weight:1000;cursor:pointer}#balloonConfetti{position:fixed;inset:0;z-index:40;width:100%;height:100%;pointer-events:none}@keyframes balloonFloat{50%{translate:0 -7px;rotate:2deg}}@keyframes balloonPop{60%{scale:1.18}to{scale:.05;opacity:0}}@keyframes particleFly{to{transform:rotate(var(--r)) translateY(-52px) scale(.2);opacity:0}}@keyframes popWord{to{translate:0 -35px;opacity:0}}@keyframes friendBounce{50%{translate:0 -7px;rotate:4deg}}@keyframes resultPop{from{opacity:0;transform:translateY(35px) scale(.72)}}@keyframes raySpin{to{transform:rotate(360deg)}}
@media(max-width:690px){.balloon-topbar{height:60px;width:calc(100% - 14px)}.balloon-brand b{display:none}.balloon-brand>span{width:36px;height:36px}.balloon-nav{gap:3px}.balloon-nav a,.balloon-nav button{padding:6px 7px;font-size:9px}.balloon-nav button b{display:none}.balloon-shell{width:calc(100% - 9px)}.balloon-hero h1{font-size:37px;-webkit-text-stroke-width:4px;letter-spacing:1px}.balloon-hero p{font-size:11px;margin-bottom:8px}.balloon-hero>span{font-size:9px}.balloon-board{padding:14px 8px 12px;border-width:4px;border-radius:26px}.balloon-board-head{grid-template-columns:1fr auto;gap:6px}.balloon-board-head h2{font-size:17px}.balloon-board-head p{font-size:8px}.pop-progress{padding:4px 7px}.pop-progress b{font-size:20px}.balloon-board-head>button{grid-column:2;padding:5px 7px;font-size:8px}.balloon-field{gap:7px 2px;margin-top:13px}.balloon-body{border-width:3px}.balloon-number{width:24px;height:24px;border-width:2px;font-size:9px}.balloon-friends img{width:50px}.balloon-result-backdrop{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.balloon-body,.balloon-friends img,.balloon-result-rays{animation:none!important}}