:root{--ink:#2a1825;--ink-soft:#6b5263;--rose:#d8376b;--rose-deep:#b71e52;--blush:#ff7b9c;--coral:#ff9674;--gold:#e0a53a;--cream:#fff6ef;--cream-2:#fffdf9;--line:#b81e5229;--glass:#ffffffb8;--shadow:0 24px 70px -34px #aa1e528c;--radius:8px;--sans:"Noto Sans SC", system-ui, "Segoe UI", "Microsoft YaHei", sans-serif;--display:"ZCOOL XiaoWei", "Noto Sans SC", serif;font-family:var(--sans);color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--cream);margin:0}button{font-family:inherit}#root{height:100svh;position:relative;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.soft-aurora-container{width:100%;height:100%}.particles-container{width:100%;height:100%;position:relative}.shiny-text{display:inline-block}.noise-overlay{pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.star-border-container{border-radius:20px;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.border-gradient-top{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.inner-content{color:#fff;text-align:center;z-index:1;background:#000;border:1px solid #222;border-radius:20px;padding:16px 26px;font-size:16px;position:relative}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.app{height:100%;position:relative;overflow:hidden auto}.bg-layer,.noise-layer,.cursor-layer,.mode-tint{pointer-events:none;position:fixed;inset:0}.bg-layer{z-index:0}.bg-layer .soft-aurora-container{position:absolute;inset:0}.mode-tint{z-index:1;transition:background .7s}.mode-10 .mode-tint{background:radial-gradient(130% 130% at 50% 0,#ff9eb21a,#ff9eb200 60%)}.mode-20 .mode-tint{background:radial-gradient(130% 130% at 50% 0,#e0a53a2e,#ff96aa1a 60%)}.heart-rain{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.heart{opacity:0;will-change:transform, opacity;animation:linear infinite heart-fall;position:absolute;top:-12%}.heart svg{width:100%;height:100%;display:block}@keyframes heart-fall{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.45}85%{opacity:.35}to{transform:translateY(115vh) translateX(var(--drift,0px)) rotate(var(--rot,0deg));opacity:0}}.noise-layer{z-index:2;opacity:.5}.cursor-layer{z-index:4}.stage{z-index:3;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex;position:relative}.intro{text-align:center;width:min(760px,100%);padding:26px 0 56px}.intro-heart{width:34px;height:34px;color:var(--rose);filter:drop-shadow(0 8px 18px #d8376b59);margin:0 auto 18px;display:block}.display-title{font-family:var(--display);color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(46px,8vw,92px);line-height:1.06}.display-title p{margin:0}.intro-sub{max-width:520px;color:var(--ink-soft);margin:26px auto 0;font-size:17px;line-height:1.85}.count-picker{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-radius:999px;gap:4px;margin-top:30px;padding:4px;display:inline-flex}.count-opt{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:9px 26px;font-size:15px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.count-opt.active{background:linear-gradient(135deg, var(--rose), var(--rose-deep));color:#fff;box-shadow:0 8px 20px -12px #b71e52b3}.count-note{color:var(--rose-deep);margin-top:14px;font-size:14px;font-weight:700}.count-note p{margin:0}.start-wrap{flex-direction:column;align-items:center;gap:16px;margin-top:30px;display:flex}.start-hint{color:var(--ink-soft);font-size:13px}.start-btn,.again-btn{cursor:pointer;border:0;border-radius:999px;display:inline-flex}.start-btn .inner-content,.again-btn .inner-content{background:linear-gradient(135deg, var(--rose) 0%, var(--rose-deep) 100%);color:#fff;letter-spacing:2px;border:1px solid #b71e5238;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:15px 34px;font-size:16px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 16px 34px -16px #b71e52b8}.start-btn:hover .inner-content,.again-btn:hover .inner-content{transform:translateY(-2px);box-shadow:0 20px 40px -18px #b71e52d1}.quiz{width:min(680px,100%)}.quiz-head{align-items:center;gap:18px;margin-bottom:22px;display:flex}.quiz-count{color:var(--rose-deep);white-space:nowrap;font-size:14px;font-weight:700}.quiz-current{font-variant-numeric:tabular-nums;display:inline-block}.quiz-total{color:var(--ink-soft);font-weight:500}.progress{background:#b71e521f;border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--blush), var(--rose));height:100%;display:block}.q-card{background:var(--glass);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffbf;padding:clamp(28px,4vw,44px)}.q-title{color:var(--ink);letter-spacing:0;margin:0 0 28px;font-size:clamp(22px,3vw,30px);line-height:1.45}.options{flex-direction:column;gap:12px;display:flex}.option{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffb8;align-items:center;gap:14px;padding:12px 16px;font-size:16px;line-height:1.5;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.option:hover{background:#fff;border-color:#d8376b80;transform:translate(4px);box-shadow:0 12px 26px -20px #b71e528c}.option:active{transform:translate(2px)scale(.995)}.option:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.opt-key{width:30px;height:30px;color:var(--rose-deep);background:#d8376b1a;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.opt-text{flex:1}.result{width:min(620px,100%);padding:24px 0;position:relative}.result-particles{z-index:0;pointer-events:none;position:absolute;inset:-120px}.result-card{z-index:1;text-align:center;background:var(--glass);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffc7;padding:clamp(34px,5vw,54px) clamp(24px,5vw,48px);position:relative}.result-label{letter-spacing:3px;margin-bottom:14px;font-size:14px;font-weight:700;display:inline-block}.result-title{font-family:var(--display);color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(34px,6vw,56px);line-height:1.1}.score-summary{flex-direction:column;align-items:center;gap:5px;margin:20px auto 0;display:flex}.score-line{align-items:baseline;gap:8px;display:flex}.score-num{color:var(--rose-deep);font-variant-numeric:tabular-nums;font-size:38px;font-weight:900;line-height:1}.score-unit{color:var(--ink-soft);font-size:16px;font-weight:500}.score-caption{color:var(--ink-soft);letter-spacing:1px;font-size:12px}.radar{aspect-ratio:1;width:min(420px,100%);margin:56px auto 12px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;display:block}.radar-grid{fill:none;stroke:#b71e5224;stroke-width:1px}.radar-axis{stroke:#b71e521f;stroke-width:1px}.radar-fill{fill:#d8376b38;stroke:var(--rose);stroke-width:2px;stroke-linejoin:round}.radar-dot{fill:#fff;stroke:var(--rose);stroke-width:2px}.radar-data{transform-box:fill-box;transform-origin:50%;animation:.8s cubic-bezier(.22,1,.36,1) both radar-pop}@keyframes radar-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.radar-label{fill:var(--ink-soft);font-size:13px;font-weight:700}.radar-value{fill:var(--rose-deep);font-size:10px;font-weight:700}.result-desc{max-width:440px;color:var(--ink);margin:0 auto;font-size:16px;line-height:1.9}.result-advice{max-width:440px;color:var(--rose-deep);margin:18px auto 0;font-size:14px;font-weight:500}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}@media (width<=640px){.stage{padding:28px 18px}.intro{padding:36px 0 40px}.display-title{font-size:42px}.option{min-height:54px;font-size:15px}.result-particles{inset:-80px}}.app.is-mobile{background:radial-gradient(120% 90% at 15% 10%,#ffafc373,#0000 55%),radial-gradient(120% 90% at 85% 20%,#ff96aa59,#0000 50%),radial-gradient(120% 100% at 50% 100%,#e0a53a38,#0000 60%),#fff6ef}.gate{text-align:center;width:min(440px,100%);padding:30px 0 40px}.gate-title{font-family:var(--display);color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(26px,5vw,38px)}.gate-sub{color:var(--ink-soft);margin:14px auto 0;font-size:14px;line-height:1.7}.gate-form{flex-direction:column;gap:12px;margin-top:28px;display:flex}.gate-input{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:2px;background:#fffc;outline:none;padding:15px 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}.gate-input:focus{border-color:var(--rose);box-shadow:0 0 0 3px #d8376b24}.gate-btn{cursor:pointer;background:linear-gradient(135deg, var(--rose), var(--rose-deep));color:#fff;letter-spacing:2px;border:0;border-radius:999px;padding:15px 34px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 16px 34px -18px #b71e52cc}.gate-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -20px #b71e52e6}.gate-error{color:var(--rose-deep);margin:14px 0 0;font-size:13px;font-weight:700}.poster-btn{border:1px solid var(--line);cursor:pointer;color:var(--rose-deep);background:#ffffffb3;border-radius:999px;padding:14px 30px;font-size:15px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.poster-btn:hover{background:#fff;border-color:#d8376b80;transform:translateY(-2px)}.poster-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a18258c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.poster-box{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:14px;max-width:min(420px,100%);padding:16px;display:flex;box-shadow:0 30px 80px -30px #00000080}.poster-img{border-radius:6px;width:100%;height:auto;display:block}.poster-actions{gap:10px;width:100%;display:flex}.poster-save,.poster-close{cursor:pointer;text-align:center;border:0;border-radius:999px;flex:1;padding:13px 0;font-size:15px;font-weight:700;text-decoration:none}.poster-save{background:linear-gradient(135deg, var(--rose), var(--rose-deep));color:#fff}.poster-close{color:var(--rose-deep);background:#b71e521a}.poster-tip{color:var(--ink-soft);font-size:12px}