:root main[data-page=que]{--night-1:#1d0d2c;--night-2:#3a1a3f;--night-text:#fbeedd;--night-soft:hsla(34,79%,93%,.72);--night-line:rgba(244,170,54,.45)}[data-theme=dark] main[data-page=que]{--night-1:#07010f;--night-2:#26105a}main[data-page=que] .page-hero.flow-hero{padding-bottom:72px}main[data-page=que] .stepper{list-style:none;margin:28px auto 0;padding:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;counter-reset:sp}main[data-page=que] .stepper li{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--text);padding:6px 14px 6px 6px;border-radius:30px;background:var(--surface-2);box-shadow:var(--shadow);transition:color .3s}[data-theme=dark] main[data-page=que] .stepper li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}main[data-page=que] .stepper li:before{counter-increment:sp;content:counter(sp);width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display),serif;font-weight:700;background:var(--bg-soft);color:var(--a2)}[data-theme=dark] main[data-page=que] .stepper li:before{background:hsla(0,0%,100%,.08)}main[data-page=que] .stepper li[aria-current=step]{color:var(--heading)}main[data-page=que] .stepper li.done:before,main[data-page=que] .stepper li[aria-current=step]:before{background:var(--grad);color:#fff}main[data-page=que] .stage{position:relative;max-width:1000px;margin:22px auto 0;border-radius:28px;overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-lg);text-align:left;transition:background .5s ease}[data-theme=dark] main[data-page=que] .stage{background:rgba(26,11,58,.78);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}main[data-page=que] .stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,var(--night-2) 0,var(--night-1) 72%);opacity:0;transition:opacity .6s ease;pointer-events:none}main[data-page=que] .stage.is-night:before{opacity:1}main[data-page=que] .panel-step{position:relative;z-index:1;min-height:540px;padding:52px 56px}main[data-page=que] .panel-step[hidden]{display:none}main[data-page=que] .panel-step h2:focus{outline:none}main[data-page=que] .p-intro{display:grid;grid-template-columns:300px 1fr;grid-gap:52px;gap:52px;align-items:center}main[data-page=que] .seal-q{width:100%;max-width:300px;margin:0 auto}main[data-page=que] .seal-q .sq-face{fill:var(--ring-face)}main[data-page=que] .seal-q .sq-face2{fill:var(--ring-face-2)}main[data-page=que] .seal-q .sq-line{stroke:var(--ring-line);fill:none}main[data-page=que] .seal-q .sq-acc{fill:var(--a2)}main[data-page=que] .seal-q .sq-ink{fill:var(--ring-ink)}main[data-page=que] .seal-q .sq-han{font-family:"Noto Serif CJK TC","Noto Serif TC",SimSun,PMingLiU,serif;font-size:92px;fill:var(--heading)}main[data-page=que] .seal-q .sq-code{font-family:var(--font-body),sans-serif;font-size:13px;font-weight:600;letter-spacing:3px;fill:var(--a2)}main[data-page=que] .seal-q .spin-slow{transform-origin:150px 150px;animation:spin 120s linear infinite}main[data-page=que] .p-intro .code{font-size:12px;letter-spacing:3px;color:var(--a2);font-weight:600;text-transform:uppercase}main[data-page=que] .p-intro h2{font-size:clamp(28px,3.6vw,40px);margin:6px 0 12px}main[data-page=que] .p-intro .desc{font-size:15.5px;max-width:520px}main[data-page=que] .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:22px 0 28px;padding:0}main[data-page=que] .facts div{padding:12px 16px;border-radius:16px;background:var(--bg-alt)}[data-theme=dark] main[data-page=que] .facts div{background:hsla(0,0%,100%,.05);box-shadow:inset 0 0 0 1px var(--line)}main[data-page=que] .facts dt{font-size:12px;letter-spacing:.5px;color:var(--text)}main[data-page=que] .facts dd{margin:0;font-weight:600;color:var(--heading);font-size:14.5px}main[data-page=que] .intro-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}main[data-page=que] .night{color:var(--night-soft);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}main[data-page=que] .night h2{color:var(--night-text)}main[data-page=que] .back-btn{position:absolute;left:20px;top:20px;z-index:3;display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;font-family:inherit;font-size:13.5px;padding:8px 14px 8px 10px;border-radius:30px;background:hsla(0,0%,100%,.08);color:var(--night-text)}main[data-page=que] .back-btn:hover{background:hsla(0,0%,100%,.16)}main[data-page=que] .back-btn svg{width:18px;height:18px}main[data-page=que] .breathe{position:relative;width:220px;height:220px;margin:18px auto 26px}main[data-page=que] .breathe i{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--night-line);animation:breathe 5s ease-in-out infinite}main[data-page=que] .breathe i:nth-child(2){inset:22px;animation-delay:-1.6s}main[data-page=que] .breathe i:nth-child(3){inset:46px;animation-delay:-3.2s}main[data-page=que] .breathe b{position:absolute;inset:84px;border-radius:50%;background:radial-gradient(circle,rgba(244,170,54,.9),rgba(243,115,53,.25) 60%,transparent 72%);animation:glow 5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.86);opacity:.35}50%{transform:scale(1.06);opacity:1}}@keyframes glow{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.15);opacity:1}}main[data-page=que] .p-calm h2{font-size:clamp(34px,5vw,52px);font-style:italic;font-weight:400;margin:0;letter-spacing:2px}main[data-page=que] .p-calm .calm-line{font-family:var(--font-verse),serif;font-style:italic;font-size:clamp(18px,2.4vw,22px);color:var(--night-text);margin:0 0 8px}main[data-page=que] .p-calm .calm-sub{font-size:14px;max-width:380px;margin:0 auto}main[data-page=que] .timebar{width:180px;height:3px;border-radius:3px;background:hsla(0,0%,100%,.12);margin:30px auto 0;overflow:hidden}main[data-page=que] .timebar i{display:block;height:100%;width:0;background:var(--grad)}main[data-page=que] .timebar.run i{animation:fill var(--dur,5s) linear forwards}@keyframes fill{to{width:100%}}main[data-page=que] .skip{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:3;border:0;background:none;cursor:pointer;font-family:inherit;font-size:12.5px;letter-spacing:1px;color:var(--night-soft);padding:8px 12px;text-decoration:underline;text-underline-offset:4px}main[data-page=que] .skip:hover{color:var(--night-text)}main[data-page=que] .tube{width:210px;height:260px;margin:0 auto 8px}main[data-page=que] .tube .shake{transform-origin:105px 250px;animation:shake .96s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0) translateY(0)}35%{transform:rotate(3.5deg) translateY(-14px)}70%{transform:rotate(-3.5deg) translateY(-5px)}}main[data-page=que] .tube .stick{animation:rattle .48s ease-in-out infinite alternate}main[data-page=que] .tube .stick:nth-child(2n){animation-delay:-.24s}@keyframes rattle{to{transform:translateY(-4px)}}main[data-page=que] .prayer{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center}main[data-page=que] .prayer-line{font-family:var(--font-verse),serif;font-style:italic;font-size:clamp(21px,3vw,28px);color:var(--night-text);margin:0;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}main[data-page=que] .prayer-line.show{opacity:1;transform:none}main[data-page=que] .prayer-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}main[data-page=que] .prayer-dots i{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.2);transition:background .3s,width .3s}main[data-page=que] .prayer-dots i.on{background:var(--a1)}main[data-page=que] .p-draw .hint{font-size:13px;margin-top:10px}main[data-page=que] .veil{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;background:rgba(7,1,15,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--night-text)}main[data-page=que] .veil[hidden]{display:none}main[data-page=que] .veil .spinner{width:54px;height:54px;border-radius:50%;border:3px solid hsla(0,0%,100%,.14);border-top:3px solid var(--a1);animation:spin 1s linear infinite}main[data-page=que] .veil strong{font-family:var(--font-display),serif;font-size:22px}main[data-page=que] .veil span{font-size:13.5px;color:var(--night-soft)}main[data-page=que] .flow-note{max-width:1000px;margin:18px auto 0;font-size:13px;display:flex;gap:8px;justify-content:center;align-items:center;text-align:center}main[data-page=que] .flow-note svg{width:16px;height:16px;flex:0 0 16px;color:var(--a2)}main[data-page=que] .info-card h2{font-size:22px}main[data-page=que] .info-card dl{margin:0;display:grid;grid-gap:12px;gap:12px}main[data-page=que] .info-card dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding-bottom:10px;box-shadow:inset 0 -1px 0 var(--line)}main[data-page=que] .info-card dl div:last-child{box-shadow:none;padding-bottom:0}main[data-page=que] .info-card dd{margin:0;color:var(--heading);font-weight:600;text-align:right}main[data-page=que] .verse-card{text-align:center}main[data-page=que] .verse-card .verse{font-size:18px;line-height:1.7;margin:8px 0 6px}main[data-page=que] .verse-card small{font-size:12.5px}main[data-page=que] .rel-grid{grid-template-columns:repeat(5,1fr)}@media (max-width:1100px){main[data-page=que] .rel-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){main[data-page=que] .rel-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){main[data-page=que] .panel-step{padding:40px 28px;min-height:520px}main[data-page=que] .p-intro{grid-template-columns:1fr;gap:26px;text-align:center}main[data-page=que] .seal-q{max-width:220px}main[data-page=que] .p-intro .desc{margin-left:auto;margin-right:auto}main[data-page=que] .intro-actions{justify-content:center}main[data-page=que] .facts{text-align:left}}@media (max-width:480px){main[data-page=que] .page-hero.flow-hero{padding-bottom:48px}main[data-page=que] .stage{border-radius:22px}main[data-page=que] .panel-step{padding:64px 18px 56px;min-height:500px}main[data-page=que] .p-intro{padding-top:32px}main[data-page=que] .seal-q{max-width:180px}main[data-page=que] .facts{grid-template-columns:1fr}main[data-page=que] .intro-actions .btn{width:100%;justify-content:center}main[data-page=que] .stepper li{font-size:12.5px;padding-right:10px}main[data-page=que] .breathe{width:180px;height:180px}main[data-page=que] .breathe b{inset:66px}main[data-page=que] .tube{width:170px;height:210px}}@media (prefers-reduced-motion:reduce){main[data-page=que] .prayer-line{opacity:1;transform:none}}main[data-page=que] .draw-error{max-width:460px;margin:0 auto}main[data-page=que] .draw-error h2{font-size:clamp(26px,3.4vw,34px);margin-bottom:10px}main[data-page=que] .draw-error p{color:var(--night-text);margin-bottom:22px}main[data-page=que] .draw-error .intro-actions{justify-content:center}main[data-page=que] .draw-error .text-link{color:var(--a1)}