:root{color:#29335c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff4ba;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page-shell{background:radial-gradient(circle at 18% 15%,#ff8fb373 0 8%,#0000 9%),radial-gradient(circle at 84% 10%,#9de2ffbf 0 7%,#0000 8%),radial-gradient(circle at 78% 88%,#9ff3c4b8 0 10%,#0000 11%),linear-gradient(140deg,#fff4ba 0%,#ffe2ef 45%,#dff7ff 100%);min-height:100vh;padding:22px 14px;position:relative;overflow:hidden}.page-shell:before,.page-shell:after{content:"";border:3px dashed #2b37601f;border-radius:999px;width:170px;height:170px;position:absolute;inset:auto}.page-shell:before{top:-70px;right:-52px}.page-shell:after{bottom:-72px;left:-55px}.card{z-index:1;width:min(100%,460px);margin:0 auto;position:relative}.app-card{gap:18px;display:grid}.hero{text-align:center;padding:18px 10px 2px}.eyebrow{color:#f05f91;letter-spacing:.08em;text-transform:uppercase;background:#fffc;border:2px solid #29335c;border-radius:999px;margin:0 0 10px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:3px 3px #29335c}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;text-shadow:3px 3px #fff,6px 6px #ff8fb3bf;margin-bottom:10px;font-size:clamp(34px,11vw,54px);line-height:.95}.hero p:last-child{color:#516080;margin-bottom:0;font-size:16px;line-height:1.7}.gacha{filter:drop-shadow(0 18px 24px #4c345c2e);width:252px;height:330px;margin:0 auto;position:relative}.gacha-top{background:radial-gradient(circle at 35% 28%,#ffffffe6 0 8%,#0000 9%),linear-gradient(160deg,#ffffffb8,#9de2ff85);border:7px solid #29335c;border-radius:46% 46% 36% 36%;width:208px;height:176px;position:absolute;top:0;left:22px;overflow:hidden}.gacha-body{background:linear-gradient(145deg,#ff8fb3,#ff6f9d);border:7px solid #29335c;border-radius:28px 28px 20px 20px;width:180px;height:140px;position:absolute;top:150px;left:36px}.gacha-body:before{content:"";background:#fff4ba;border:5px solid #29335c;border-radius:999px;width:56px;height:26px;position:absolute;top:18px;left:22px}.gacha-foot{background:#9ff3c4;border:7px solid #29335c;border-radius:18px 18px 28px 28px;height:42px;position:absolute;bottom:4px;left:20px;right:20px}.handle{background:#fff4ba;border:7px solid #29335c;border-radius:50%;width:58px;height:58px;position:absolute;top:28px;right:25px}.handle:after{content:"";background:#29335c;border-radius:999px;width:34px;height:10px;position:absolute;top:18px;left:5px}.door{letter-spacing:.08em;background:#fff;border:5px solid #29335c;border-radius:14px;place-items:center;width:76px;height:34px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:13px;left:52px}.capsule{color:#29335c;border:5px solid #29335c;border-radius:999px;place-items:center;width:58px;height:58px;font-size:18px;font-weight:900;display:grid;position:absolute}.capsule-a{background:#fff4ba;top:78px;left:20px}.capsule-b{background:#ff8fb3;top:54px;right:22px}.capsule-c{background:#9de2ff;top:112px;right:66px}.capsule-d{background:#9ff3c4;top:20px;left:70px}.is-cranking .handle{animation:.45s linear infinite spin}.is-cranking .capsule{animation:.35s ease-in-out infinite alternate shake}.falling-capsule{background:linear-gradient(#fff4ba 0 50%,#9de2ff 51%);border:5px solid #29335c;border-radius:999px;place-items:center;width:64px;height:64px;font-size:20px;font-weight:900;animation:1.4s ease-in-out forwards drop;display:grid;position:absolute;bottom:34px;left:94px}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:4px solid #29335c;border-radius:30px;padding:22px;box-shadow:8px 8px #2b376029}.panel h2{letter-spacing:-.04em;margin-bottom:10px;font-size:23px;line-height:1.25}.panel p{color:#5d6985;line-height:1.75}.primary-button,.ghost-button,.option-button{cursor:pointer;border:0;transition:transform .18s,box-shadow .18s}.primary-button:active,.ghost-button:active,.option-button:active{box-shadow:none;transform:translateY(3px)}.primary-button{color:#29335c;background:#ffcf4d;border:4px solid #29335c;border-radius:18px;width:100%;min-height:56px;font-size:18px;font-weight:900;box-shadow:5px 5px #29335c}.ghost-button{color:#29335c;background:#fff;border:3px solid #29335c;border-radius:17px;width:100%;min-height:52px;font-weight:900;box-shadow:4px 4px #2b37608c}.progress-line{background:#fff;border:3px solid #29335c;border-radius:999px;height:12px;margin-bottom:14px;overflow:hidden}.progress-line span{border-radius:inherit;background:linear-gradient(90deg,#ff8fb3,#ffcf4d,#9ff3c4);height:100%;transition:width .24s;display:block}.question-count,.result-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;color:#f05f91!important}.options-grid{gap:12px;margin-top:18px;display:grid}.option-button{color:#29335c;text-align:left;background:#fff9db;border:3px solid #29335c;border-radius:18px;width:100%;min-height:58px;padding:14px 16px;font-weight:800;line-height:1.45;box-shadow:4px 4px #2b376099}.option-button:nth-child(2){background:#e7f8ff}.option-button:nth-child(3){background:#ffe2ef}.option-button:nth-child(4){background:#e5ffef}.loading-panel,.result-panel{text-align:center}.result-panel h2{text-shadow:2px 2px #fff,4px 4px #ffcf4d;margin-bottom:6px;font-size:34px}.result-badge{background:linear-gradient(#ff8fb3 0 50%,#9de2ff 51%);border:5px solid #29335c;border-radius:999px;place-items:center;width:76px;height:76px;margin:12px auto 18px;font-size:24px;font-weight:900;display:grid;box-shadow:5px 5px #2b376059}.result-list{text-align:left;gap:10px;margin:0;display:grid}.result-list div{background:#ffffffb8;border:2px solid #2b37602e;border-radius:16px;padding:12px 14px}.result-list dt{color:#f05f91;margin-bottom:4px;font-size:12px;font-weight:900}.result-list dd{color:#29335c;margin:0;font-weight:800;line-height:1.45}blockquote{color:#44506f;background:#fff8d9;border:3px dashed #ff8fb3;border-radius:20px;margin:18px 0;padding:16px;font-size:16px;font-weight:800;line-height:1.65}.actions{gap:12px;display:grid}.share-tip{margin:16px 0 0;font-size:13px}.sticker{z-index:0;background:#fff;border:3px solid #29335c;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;position:absolute;box-shadow:4px 4px #2b37602e}.sticker-star{color:#ffcf4d;top:80px;left:14px;rotate:-14deg}.sticker-flower{color:#ff8fb3;top:210px;right:10px;rotate:13deg}.sticker-candy{color:#9ff3c4;bottom:88px;right:26px;rotate:-8deg}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%{transform:translate(-4px,2px)rotate(-8deg)}to{transform:translate(5px,-3px)rotate(8deg)}}@keyframes drop{0%{opacity:0;transform:translateY(-78px)scale(.75)rotate(-30deg)}42%{opacity:1}to{opacity:1;transform:translateY(72px)scale(1)rotate(18deg)}}@media (width>=760px){.page-shell{place-items:center;padding:34px;display:grid}.app-card{width:460px}}