.quiz-root #q-card{animation:.25s quiz-card-in}@keyframes quiz-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.quiz-root .q-opt{text-align:left;color:#10182b;cursor:pointer;background:#fff;border:1px solid #10182b24;border-radius:.9rem;width:100%;padding:.9rem 1.25rem;font-size:1rem;font-weight:600;transition:all .15s;display:block}.quiz-root .q-opt:hover{background:#fdf9ec;border-color:#d4a832;transform:translateY(-1px)}.quiz-root .q-opt.picked{background:linear-gradient(135deg,#f8e8a8,#fff8e4);border-color:#b8941d;box-shadow:inset 0 0 0 1px #b8941d}.quiz-root .result-hero{text-align:center;background:#fff;border:1px solid #10182b0f;border-radius:1.5rem;padding:2.75rem 1.5rem;box-shadow:0 24px 60px #10182b1a}.quiz-root .result-hero.rh-in{animation:.55s cubic-bezier(.2,.8,.25,1.1) both quiz-hero-in}@keyframes quiz-hero-in{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:none}}.quiz-root .rh-kicker{color:#b8941d;letter-spacing:.2em;margin-bottom:1.75rem;font-size:.8rem;font-weight:700}.quiz-root .rh-face{margin-bottom:1.5rem;display:inline-block;position:relative}.quiz-root .rh-face:before{content:"";z-index:0;background:radial-gradient(circle,#eac24a8c,#eac24a00 70%);position:absolute;inset:-16%}.quiz-root .rh-img{z-index:1;aspect-ratio:3/4;object-fit:cover;outline-offset:4px;border:3px solid #d4a832;border-radius:1rem;outline:3px solid #d4a83259;width:13rem;display:block;position:relative;box-shadow:0 18px 44px #10182b4d}.quiz-root .rh-pct{z-index:2;color:#10182b;background:linear-gradient(145deg,#f8d968,#d4a832);border:3px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:4.8rem;height:4.8rem;display:flex;position:absolute;bottom:-1.1rem;right:-1.5rem;box-shadow:0 10px 24px #b8941d73}.quiz-root .rh-pct b{font-size:1.3rem;font-weight:800;line-height:1}.quiz-root .rh-pct b i{font-size:.85rem;font-style:normal}.quiz-root .rh-pct small{letter-spacing:.05em;margin-top:.15rem;font-size:.68rem;font-weight:700}@media (width<=640px){.quiz-root .rh-img{width:11rem}.quiz-root .rh-pct{width:4.2rem;height:4.2rem;right:-1.1rem}.quiz-root .rh-pct b{font-size:1.1rem}}.quiz-root .rh-emoji{margin:0 auto 1rem;font-size:3.5rem;line-height:1}.quiz-root .rh-name{color:#10182b;letter-spacing:.05em;font-family:ZCOOL XiaoWei,Noto Serif SC,Source Han Serif SC,Songti SC,STSong,SimSun,serif;font-size:2.25rem;font-weight:700}.quiz-root .rh-title{color:#b8941d;margin:.5rem 0 1rem;font-size:1.05rem;font-weight:700}.quiz-root .rh-summary{color:#10182bcc;max-width:36rem;margin:0 auto 1.25rem;line-height:1.9}.quiz-root .rh-taggroups{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.quiz-root .rh-taggroup{background:#fdfbf4;border:1px solid #10182b14;border-radius:1rem;flex:15rem;max-width:19rem;padding:.85rem 1rem .95rem}.quiz-root .rh-taggroup.warn{background:#fbf7ec;border-color:#b8941d38}.quiz-root .rh-taggroup-label{letter-spacing:.12em;color:#b8941d;margin-bottom:.6rem;font-size:.78rem;font-weight:700}.quiz-root .rh-taggroup.warn .rh-taggroup-label{color:#9a6b0a}.quiz-root .rh-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.quiz-root .rh-tag{color:#f8e8a8;background:#10182b;border-radius:9999px;padding:.3rem .85rem;font-size:.8rem;font-weight:700}.quiz-root .rh-taggroup.warn .rh-tag{color:#7a5a0a;background:#b8941d1f;border:1px solid #b8941d47}.quiz-root .rh-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.quiz-root .rh-link{color:#b8941d;border:1px solid #d4a832;border-radius:9999px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:700;transition:all .15s}.quiz-root .rh-link:hover{color:#10182b;background:#d4a832}.quiz-root button.rh-link{cursor:pointer;background:0 0;font-family:inherit}.quiz-root button.rh-link:disabled{opacity:.5}.quiz-root .result-bars h3{color:#10182b;text-align:center;letter-spacing:.08em;align-items:center;gap:1rem;margin:2rem 0 1.25rem;font-family:ZCOOL XiaoWei,Noto Serif SC,Source Han Serif SC,Songti SC,STSong,SimSun,serif;font-size:1.4rem;display:flex}.quiz-root .result-bars h3:before,.quiz-root .result-bars h3:after{content:"";background:linear-gradient(90deg,#0000,#d4a83299);flex:1;height:1px}.quiz-root .result-bars h3:after{background:linear-gradient(90deg,#d4a83299,#0000)}.quiz-root .bar-row{background:#fff;border:1px solid #10182b0f;border-radius:1rem;align-items:center;gap:.9rem;margin-bottom:.75rem;padding:.7rem 1rem;animation:.45s both quiz-row-in;display:flex}@keyframes quiz-row-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.quiz-root .bar-row.top{background:linear-gradient(135deg,#fffbe9,#fdf3d0);border-color:#d4a832a6;box-shadow:0 10px 26px #b8941d2e}.quiz-root .bar-rank{color:#10182b99;background:#10182b14;border-radius:50%;flex:0 0 1.6rem;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:800;display:flex}.quiz-root .bar-row.top .bar-rank{color:#10182b;background:linear-gradient(145deg,#f8d968,#d4a832)}.quiz-root .bar-left{flex:0 0 3.4rem}.quiz-root .bar-thumb{aspect-ratio:3/4;object-fit:cover;border:1px solid #d4a83266;border-radius:.45rem;width:100%;display:block;box-shadow:0 4px 12px #10182b26}.quiz-root .bar-emoji{aspect-ratio:3/4;justify-content:center;align-items:center;width:3.4rem;font-size:1.6rem;display:flex}.quiz-root .bar-right{flex:auto;min-width:0}.quiz-root .bar-head{color:#10182b;justify-content:space-between;align-items:center;font-weight:700;display:flex}.quiz-root .bar-note{color:#b8941d;font-size:.85rem}.quiz-root .bar-track{background:#10182b14;border-radius:9999px;height:.55rem;margin:.5rem 0;overflow:hidden}.quiz-root .bar-fill{background:linear-gradient(90deg,#b8941d,#eac24a);border-radius:9999px;height:100%;transition:width .8s ease-out .15s}.quiz-root .bar-desc{color:#10182b8c;font-size:.85rem}.sc-overlay{z-index:200;background:#070a14e0;justify-content:center;align-items:center;padding:1.5rem;animation:.2s sc-fade-in;display:flex;position:fixed;inset:0}@keyframes sc-fade-in{0%{opacity:0}to{opacity:1}}.sc-dialog{flex-direction:column;align-items:center;gap:1.1rem;max-width:100%;display:flex}.sc-img{border:1px solid #d4a83280;border-radius:1.1rem;max-width:min(88vw,26rem);max-height:72vh;box-shadow:0 30px 90px #0009}.sc-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.sc-btn{cursor:pointer;color:#10182b;background:linear-gradient(145deg,#f8d968,#d4a832);border:1px solid #d4a83299;border-radius:9999px;padding:.65rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .15s}.sc-btn.sc-copy{color:#f8d968;background:0 0}.sc-btn.sc-copy:hover{background:#d4a8322e}.sc-btn.sc-ghost{color:#ffffffa6;background:0 0;border-color:#ffffff40}.sc-btn.sc-ghost:hover{color:#fff;border-color:#ffffff80}.sc-btn.sc-sys{color:#f8d968;background:0 0}.sc-btn.sc-sys:hover{background:#d4a8322e}.sc-soc{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.sc-soc-label{color:#ffffff80;font-size:.85rem}.sc-soc-pill{color:#fffc;border:1px solid #ffffff40;border-radius:9999px;padding:.35rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s}.sc-soc-pill:hover{color:#f8d968;background:#d4a8321f;border-color:#d4a832}.sc-hint{color:#f8d968;opacity:0;min-height:1.2rem;font-size:.85rem;font-weight:700;transition:opacity .2s}.sc-hint.show{opacity:1}