/* 靈性美學館：御守能量自我覺察測驗 V4 */
.hero-art{height:auto!important;min-height:610px;display:grid;place-items:center;perspective:1100px}
.hero-art .orbit.one{width:500px;height:500px}.hero-art .orbit.two{width:380px;height:380px}
.energy-quiz{position:relative;z-index:2;width:min(470px,100%);min-height:555px;padding:32px 34px 27px;background:linear-gradient(155deg,rgba(18,27,15,.96),rgba(7,13,7,.9));border:1px solid rgba(197,162,111,.46);box-shadow:0 34px 90px rgba(0,0,0,.54),inset 0 0 72px rgba(165,130,84,.1);backdrop-filter:blur(11px);transform:rotateY(-2deg);animation:energyQuizFloat 6s ease-in-out infinite;overflow:hidden}
.energy-quiz:before,.energy-quiz:after{content:'';position:absolute;inset:11px;border:1px solid rgba(197,162,111,.18);pointer-events:none}.energy-quiz:after{inset:21px;opacity:.55}
.energy-quiz .quiz-inner{position:relative;z-index:2;min-height:496px;display:flex;flex-direction:column}.energy-quiz .quiz-mark{width:76px;margin:0 auto 9px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5)) brightness(1.08)}
.quiz-kicker{text-align:center;font-family:var(--en);font-size:9.5px;letter-spacing:.35em;color:rgba(225,189,128,.8)}.energy-quiz .quiz-title{text-align:center;font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:.14em;color:#e0bc7e;margin-top:3px}.quiz-sub{text-align:center;font-size:12.5px;line-height:1.85;color:rgba(245,240,232,.67);margin:8px auto 15px;max-width:340px}.quiz-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(197,162,111,.5),transparent);margin-bottom:15px}
.quiz-panel{display:none;animation:energyPanelIn .5s var(--ease)}.quiz-panel.active{display:block}.quiz-start{text-align:center;padding-top:4px}.quiz-start-symbol{width:96px;height:96px;border:1px solid rgba(197,162,111,.4);border-radius:50%;display:grid;place-items:center;margin:5px auto 15px;position:relative;box-shadow:inset 0 0 28px rgba(197,162,111,.1),0 0 28px rgba(197,162,111,.08)}.quiz-start-symbol:before{content:'心';font-family:var(--serif);font-size:35px;color:#dfbc7e}.quiz-start-symbol:after{content:'';position:absolute;inset:8px;border:1px solid rgba(197,162,111,.22);border-radius:50%;animation:energyPulse 3s ease-in-out infinite}.quiz-start-symbol i{position:absolute;width:5px;height:5px;border-radius:50%;background:#dfbc7e;box-shadow:0 0 12px #dfbc7e;animation:beadOrbit 5s linear infinite}.quiz-invocation{display:grid;gap:5px;margin:0 auto 14px;padding:0 4px;text-align:center;font-family:var(--serif);color:rgba(245,240,232,.88);font-size:14px;line-height:1.7;letter-spacing:.07em}.quiz-invocation p{margin:0}.quiz-invocation-main{font-size:16px;font-weight:600;color:#f0dfc2;letter-spacing:.05em;white-space:nowrap}.quiz-notice{font-size:11.5px;line-height:1.8;color:rgba(245,240,232,.46);margin-top:11px}
.quiz-start-btn,.quiz-next-btn,.quiz-result-btn,.quiz-reveal-btn{width:100%;border:1px solid rgba(197,162,111,.6);background:linear-gradient(135deg,rgba(143,112,72,.9),rgba(210,174,112,.95));color:#161108;padding:12px 16px;font-family:var(--serif);letter-spacing:.13em;cursor:pointer;transition:.25s var(--ease);box-shadow:0 10px 28px rgba(0,0,0,.18)}.quiz-start-btn:hover,.quiz-next-btn:hover,.quiz-result-btn:hover,.quiz-reveal-btn:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 14px 34px rgba(0,0,0,.26)}
.quiz-progress-row{display:flex;align-items:center;justify-content:space-between;color:rgba(245,240,232,.48);font-size:10.5px;letter-spacing:.12em;margin-bottom:8px}.quiz-progress{height:3px;background:rgba(245,240,232,.1);overflow:hidden;margin-bottom:8px}.quiz-progress i{display:block;height:100%;width:16.66%;background:linear-gradient(90deg,#8e7047,#dfbc7e);transition:width .42s var(--ease)}.quiz-beads{display:flex;justify-content:center;gap:10px;margin:7px 0 12px}.quiz-beads i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(197,162,111,.35);background:rgba(255,255,255,.03);transition:.35s var(--ease)}.quiz-beads i.on{background:#d9b777;box-shadow:0 0 14px rgba(217,183,119,.9);transform:scale(1.25)}.quiz-question{font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.65;letter-spacing:.07em;color:#f0dfc2;margin-bottom:11px}.quiz-options{display:grid;gap:8px}.quiz-option{position:relative;width:100%;text-align:left;border:1px solid rgba(197,162,111,.18);background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.035));color:rgba(245,240,232,.74);padding:10px 12px 10px 43px;cursor:pointer;font-size:12.5px;line-height:1.55;transition:.23s var(--ease);overflow:hidden}.quiz-option:before{content:attr(data-mark);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:21px;height:21px;border:1px solid rgba(197,162,111,.35);border-radius:50%;display:grid;place-items:center;color:#c8a66f;font-family:var(--en);font-size:11px}.quiz-option:hover{border-color:rgba(197,162,111,.5);background:rgba(165,130,84,.1);transform:translateX(4px)}.quiz-option.selected{border-color:#d5b477;background:rgba(165,130,84,.19);color:#f4e6cf;transform:translateX(5px);box-shadow:inset 3px 0 0 #d5b477}.quiz-option.selected:before{background:#d5b477;color:#172014;box-shadow:0 0 16px rgba(213,180,119,.65)}.option-ripple{position:absolute;border-radius:50%;background:rgba(225,189,128,.25);transform:scale(0);animation:optionRipple .62s ease-out;pointer-events:none}.quiz-next-btn{margin-top:12px}.quiz-next-btn:disabled{opacity:.32;cursor:not-allowed;transform:none;filter:none;box-shadow:none}

/* 六角能量雷達 */
.result-stage{display:none;animation:energyPanelIn .48s var(--ease)}.result-stage.active{display:block}.radar-heading{text-align:center;font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:.12em;color:#f0d29a;margin-bottom:2px}.radar-copy{text-align:center;font-size:11.5px;color:rgba(245,240,232,.54);margin-bottom:7px}.radar-shell{position:relative;width:min(310px,100%);aspect-ratio:1;margin:0 auto 4px}.energy-radar{width:100%;height:100%;overflow:visible}.radar-grid polygon{fill:none;stroke:rgba(197,162,111,.18);stroke-width:1}.radar-grid polygon:last-child{stroke:rgba(197,162,111,.35)}.radar-axis line{stroke:rgba(197,162,111,.2);stroke-width:1}.radar-label{fill:rgba(245,240,232,.7);font-family:var(--serif);font-size:11px;letter-spacing:1px}.radar-shape{fill:rgba(213,180,119,.2);stroke:#d9b777;stroke-width:2.2;filter:drop-shadow(0 0 9px rgba(217,183,119,.5));transition:points 1.05s cubic-bezier(.22,.61,.36,1)}.radar-point{fill:#f1d49e;stroke:#172014;stroke-width:2;filter:drop-shadow(0 0 5px rgba(241,212,158,.9));transition:cx 1.05s cubic-bezier(.22,.61,.36,1),cy 1.05s cubic-bezier(.22,.61,.36,1)}.radar-scan{position:absolute;inset:13%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 320deg,rgba(217,183,119,.18) 345deg,rgba(217,183,119,.42) 359deg,transparent 360deg);mix-blend-mode:screen;animation:radarScan 3.6s linear infinite;pointer-events:none;mask-image:radial-gradient(circle,transparent 0 20%,black 25% 100%)}.radar-core{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:#e1bd80;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(225,189,128,.9);animation:corePulse 1.8s ease-in-out infinite}.axis-summary{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:3px 0 12px}.axis-pill{border:1px solid rgba(197,162,111,.22);padding:4px 9px;color:rgba(245,240,232,.55);font-size:10px;letter-spacing:.08em}.axis-pill.strong{background:rgba(165,130,84,.18);border-color:#c8a66f;color:#edcf98;box-shadow:0 0 16px rgba(197,162,111,.12)}.quiz-reveal-btn{opacity:0;transform:translateY(8px);pointer-events:none}.quiz-reveal-btn.ready{opacity:1;transform:none;pointer-events:auto}

/* 御守實體揭曉 */
.omamori-stage{text-align:center}.result-energy{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid rgba(197,162,111,.3);color:#d9b777;font-size:10.5px;letter-spacing:.12em;margin-bottom:7px}.result-name{font-family:var(--serif);font-size:24px;font-weight:400;color:#f0d29a;letter-spacing:.12em}.result-visual-wrap{position:relative;width:180px;height:198px;margin:2px auto 2px;display:grid;place-items:center}.result-visual-wrap:before,.result-visual-wrap:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(197,162,111,.25);inset:16px;animation:revealRing 3.2s ease-in-out infinite}.result-visual-wrap:after{inset:36px;animation-delay:.4s}.result-visual{position:relative;z-index:2;width:145px;height:175px;display:grid;place-items:center}.result-visual svg{width:100%;height:100%;filter:drop-shadow(0 20px 18px rgba(0,0,0,.42));animation:omamoriAwaken 2.4s ease-in-out infinite}.result-spark{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:#f2d399;box-shadow:0 0 12px #f2d399;animation:sparkFly 1.8s ease-out forwards}.result-lead{font-family:var(--serif);font-size:14px;line-height:1.85;color:rgba(245,240,232,.86);margin-top:6px}.result-copy{font-size:12px;line-height:1.8;color:rgba(245,240,232,.59);margin-top:7px}.result-actions{display:grid;gap:8px;margin-top:13px}.quiz-restart{border:0;background:none;color:rgba(245,240,232,.5);font-size:11.5px;letter-spacing:.1em;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.quiz-restart:hover{color:#e0bc7e}.quiz-disclaimer{text-align:center;font-size:10px;line-height:1.55;color:rgba(245,240,232,.34);margin-top:auto;padding-top:10px}

.product-card.recommended{border-color:#9d7d4f;box-shadow:0 0 0 2px rgba(165,130,84,.12),0 28px 72px rgba(66,46,25,.2);animation:recommendGlow 2.1s ease-in-out 2}.product-card.recommended:after{content:'測驗推薦';position:absolute;z-index:5;right:18px;top:18px;padding:7px 12px;background:#a58254;color:#161108;font-size:11px;letter-spacing:.12em}

@keyframes energyQuizFloat{0%,100%{transform:rotateY(-2deg) translateY(0)}50%{transform:rotateY(0deg) translateY(-8px)}}
@keyframes energyPanelIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes energyPulse{0%,100%{transform:scale(.92);opacity:.28}50%{transform:scale(1.08);opacity:.78}}
@keyframes beadOrbit{to{transform:rotate(360deg) translateX(46px) rotate(-360deg)}}
@keyframes optionRipple{to{transform:scale(4);opacity:0}}
@keyframes radarScan{to{transform:rotate(360deg)}}
@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}
@keyframes revealRing{0%,100%{transform:scale(.88);opacity:.18}50%{transform:scale(1.08);opacity:.55}}
@keyframes omamoriAwaken{0%,100%{transform:translateY(0) rotate(-1deg) scale(.98)}50%{transform:translateY(-9px) rotate(1deg) scale(1.035)}}
@keyframes sparkFly{0%{transform:translate(0,0) scale(.3);opacity:0}18%{opacity:1}100%{transform:translate(var(--tx),var(--ty)) scale(1.1);opacity:0}}
@keyframes recommendGlow{0%,100%{box-shadow:0 0 0 2px rgba(165,130,84,.12),0 28px 72px rgba(66,46,25,.2)}50%{box-shadow:0 0 0 4px rgba(197,162,111,.25),0 30px 82px rgba(121,88,48,.32)}}

@media(max-width:980px){.hero-art{min-height:625px}.energy-quiz{transform:none;animation:none}}
@media(max-width:760px){.hero-art{min-height:650px!important;height:auto!important}.hero-art .orbit.one{width:360px;height:360px}.hero-art .orbit.two{width:278px;height:278px}.energy-quiz{width:min(100%,420px);min-height:610px;padding:27px 23px 23px}.energy-quiz .quiz-title{font-size:21px}.quiz-invocation{font-size:13px;line-height:1.65}.quiz-invocation-main{font-size:15px;white-space:normal}.radar-shell{width:min(285px,100%)}.result-visual-wrap{width:165px;height:184px}.result-visual{width:132px;height:162px}}
@media(prefers-reduced-motion:reduce){.energy-quiz,.quiz-start-symbol:after,.radar-scan,.radar-core,.result-visual svg,.result-visual-wrap:before,.result-visual-wrap:after{animation:none!important}}