/* 炼金术士-yl，向剧本杀同好问好 */
/* 原创作品：炼金术士 (The Alchemist)，未经授权请勿转载或再发布 */
.mode-scene{display:grid;place-items:center;padding:48px 20px;background:radial-gradient(circle at 20% 15%,rgba(113,142,120,.14),transparent 30%),linear-gradient(150deg,#101915,#070b09)}.mode-shell{width:min(1080px,100%)}.mode-heading{text-align:center;margin-bottom:42px}.mode-heading h1{margin-top:12px;font-size:clamp(38px,7vw,72px);font-weight:520}.mode-heading>p:last-child{margin-top:14px;color:rgba(235,226,208,.56);font-size:14px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mode-card{position:relative;min-height:280px;padding:28px;border:1px solid rgba(224,201,152,.2);color:var(--paper-100);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01));cursor:pointer;text-align:left;overflow:hidden;transition:.45s var(--ease-slow)}.mode-card:hover{transform:translateY(-6px);border-color:rgba(224,201,152,.65);background:rgba(255,255,255,.06);box-shadow:0 25px 60px rgba(0,0,0,.3)}.mode-mark{display:block;color:var(--cinnabar-bright);font-family:var(--sans);font-size:12px;letter-spacing:.2em}.mode-card strong{display:block;margin-top:72px;font-size:34px;font-weight:520;letter-spacing:.08em}.mode-card small{display:block;margin-top:14px;color:rgba(235,226,208,.5);font-size:12px;line-height:1.8}.mode-card::after{content:"→";position:absolute;right:24px;bottom:22px;color:var(--gold-400);font-size:22px}.mode-back{margin:30px auto 0;display:block;color:rgba(235,226,208,.58)}
.module-shell{width:min(1120px,100%);margin:0 auto;padding:36px 22px 90px;color:var(--ink-800);background:linear-gradient(180deg,#f6eddd,#fbf6eb);min-height:100vh;min-height:100svh}.module-title{margin:58px 0 38px;max-width:700px}.module-title h1{margin-top:10px;font-size:clamp(34px,6vw,58px);font-weight:520}.module-title>p:last-child{margin-top:14px;color:#756655;font-size:14px}.divination-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px;padding:28px;border:1px solid rgba(112,88,58,.16);background:#fffaf0}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.topic-grid label,.divination-methods label{position:relative;min-width:0;overflow:hidden}.topic-grid label input,.divination-methods input{position:absolute;left:0;top:0;width:1px;height:1px;min-width:0;padding:0;margin:0;opacity:0;pointer-events:none}.topic-grid span,.divination-methods span{height:48px;display:grid;place-items:center;border:1px solid rgba(102,80,54,.2);cursor:pointer}.topic-grid input:checked+span{color:var(--paper-50);background:var(--jade-700);border-color:var(--jade-700)}.divination-form textarea{width:100%;padding:14px;border:1px solid rgba(102,80,54,.22);color:var(--ink-800);background:#fffdf8;resize:vertical}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.number-grid input{height:52px;padding:0 12px;border:1px solid rgba(102,80,54,.22);background:#fff}.divination-result,.synastry-result{margin-top:34px}.divination-report,.synastry-report{padding:clamp(24px,4vw,42px);border:1px solid rgba(112,88,58,.18);background:#fffaf0}.report-kicker{color:var(--jade-500);font-family:var(--sans);font-size:11px;letter-spacing:.18em}.divination-report h2,.synastry-report h2{margin-top:8px;font-size:clamp(28px,5vw,46px);font-weight:520}.question-line{margin-top:10px;color:#776957;font-size:13px}.gua-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.hex-card{padding:18px;border:1px solid rgba(112,88,58,.16);background:rgba(255,255,255,.45)}.hex-name strong{display:block;font-size:20px}.hex-name span{color:#8b7b67;font-size:10px}.hex-lines{display:flex;flex-direction:column;gap:8px;margin:18px 0}.yao{position:relative;height:12px;display:flex;align-items:center}.yao i{display:block;width:100%;height:7px;background:var(--ink-700)}.yao.is-yin i{background:linear-gradient(90deg,var(--ink-700) 0 42%,transparent 42% 58%,var(--ink-700) 58% 100%)}.yao.is-moving i{background:var(--cinnabar)}.yao b{position:absolute;right:-2px;top:-5px;color:#a49480;font-family:var(--sans);font-size:8px}.hex-card p{color:#756655;font-size:12px}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.reading-grid article{padding:18px;border:1px solid rgba(112,88,58,.13);background:rgba(255,255,255,.3)}.reading-grid article>span{display:block;color:var(--jade-500);font-family:var(--sans);font-size:10px;letter-spacing:.15em}.reading-grid article>strong{display:block;margin-top:8px;font-size:18px}.reading-grid article>p{margin-top:8px;color:#766858;font-size:12px;line-height:1.85}.reading-note{margin-top:22px;padding:14px 16px;border-left:2px solid rgba(157,49,45,.45);color:#796b5b;background:rgba(157,49,45,.045);font-size:12px}.liuyao-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.liuyao-meta span{padding:10px;border:1px solid rgba(112,88,58,.13);font-size:11px;text-align:center}.liuyao-table{margin-top:22px;border:1px solid rgba(112,88,58,.16)}.liuyao-row{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;border-bottom:1px solid rgba(112,88,58,.1);text-align:center}.liuyao-row:last-child{border-bottom:0}.liuyao-row>*{padding:11px 5px;font-size:11px}.liuyao-row.head{color:var(--paper-50);background:var(--jade-700)}.liuyao-row.is-moving{background:rgba(157,49,45,.06)}.relative.is-wanted{color:var(--cinnabar);font-weight:700}.yao-text{color:var(--ink-700);letter-spacing:-.08em}.synastry-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.synastry-person{padding:20px;border:1px solid rgba(112,88,58,.16);background:rgba(255,255,255,.35)}.synastry-person legend{padding:0 8px;color:var(--cinnabar);font-size:16px}.synastry-person .field{margin-bottom:14px}.synastry-person select,.synastry-person input{width:100%;height:44px;border:1px solid rgba(102,80,54,.2);background:#fffdf8}.synastry-masters{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:24px;padding:20px;background:rgba(129,148,127,.08)}.synastry-masters>div{text-align:center}.synastry-masters span{display:block;color:#837463;font-size:11px}.synastry-masters strong{display:block;margin-top:7px;font-size:20px}.synastry-masters small{display:block;margin-top:5px;color:#918270;font-size:10px}.synastry-masters>i{font-style:normal;color:var(--cinnabar);font-size:24px}.meter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.meter-card{padding:16px;border:1px solid rgba(112,88,58,.14);background:#fff}.meter-card>span{font-size:10px;color:#8b7b67}.meter-card>strong{display:block;margin-top:6px;font-size:26px}.meter{height:5px;margin-top:8px;background:#eee4d5}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--jade-500),var(--gold-500))}.meter-card p{margin-top:8px;color:#81715d;font-size:10px;line-height:1.7}.pair-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid rgba(112,88,58,.1);font-size:11px}.pair-row strong{color:var(--ink-700)}.pair-row em{font-style:normal;color:#8b7b67}.pair-row.good em{color:var(--jade-700)}.pair-row.caution em,.pair-row.change em{color:var(--cinnabar)}
@media(max-width:780px){.mode-grid,.gua-grid,.reading-grid,.synastry-pair,.meter-grid{grid-template-columns:1fr}.mode-card{min-height:190px}.mode-card strong{margin-top:38px}.module-shell{padding:24px 12px 70px}.divination-form{grid-template-columns:1fr;padding:20px}.topic-grid{grid-template-columns:repeat(2,1fr)}.number-grid{grid-template-columns:1fr}.synastry-masters{grid-template-columns:1fr}.liuyao-meta{grid-template-columns:1fr 1fr}.liuyao-row>*{padding:8px 2px;font-size:9px}}
.cover-scene::before{content:"";position:absolute;inset:18px;z-index:2;border:1px solid rgba(224,201,152,.2);pointer-events:none}.cover-scene::after{content:"";position:absolute;inset:26px;z-index:2;border:1px solid rgba(129,148,127,.1);pointer-events:none}.cover-content{position:relative;z-index:3}.cover-other-actions{display:flex;align-items:flex-start;justify-content:center;gap:28px;margin-top:22px}.cover-other-actions .cover-secondary{margin-top:0}.cover-secondary{display:grid;justify-items:center;gap:9px;margin-top:22px;padding:0;border:0;color:var(--gold-300);background:transparent;cursor:pointer;font-family:var(--sans);transition:transform .3s var(--ease-slow),color .3s ease}
.cover-secondary-icon{position:relative;display:grid;place-items:center;width:72px;aspect-ratio:1;border:1px solid rgba(224,201,152,.48);border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(224,201,152,.13),rgba(10,15,13,.3) 68%);box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.03);transition:transform .35s var(--ease-slow),border-color .3s ease,box-shadow .3s ease}
.cover-secondary-icon::before{content:"";position:absolute;inset:6px;border:1px dashed rgba(224,201,152,.3);border-radius:50%}
.cover-secondary-icon svg{position:relative;z-index:1;width:40px;height:40px;color:var(--gold-300);filter:drop-shadow(0 2px 8px rgba(224,201,152,.16))}
.cover-secondary-label{color:rgba(239,232,215,.72);font-size:11px;letter-spacing:.18em;text-indent:.18em}
.cover-secondary:hover{transform:translateY(-3px);color:#f5dfae}
.cover-secondary:hover .cover-secondary-icon{transform:rotate(-5deg) scale(1.06);border-color:rgba(224,201,152,.9);box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 28px rgba(224,201,152,.1)}
.cover-secondary:active{transform:translateY(-1px) scale(.98)}
@media(max-width:680px){.cover-other-actions{gap:20px}.cover-secondary-icon{width:64px}.cover-secondary-icon svg{width:35px;height:35px}.cover-scene::before{inset:10px}.cover-scene::after{inset:16px}}
.method-panels{margin-top:2px}.method-panel{display:grid;gap:18px;padding:22px;border:1px solid rgba(112,88,58,.16);background:rgba(129,148,127,.06)}.method-panel[hidden]{display:none}.time-rune{display:grid;justify-items:center;padding:22px;text-align:center}.time-rune>span{color:var(--cinnabar);font-size:14px;letter-spacing:.3em}.time-rune strong{margin-top:12px;font-size:clamp(26px,5vw,44px);font-weight:520}.time-rune small{margin-top:9px;color:#82715e;font-size:11px}.coin-stage{display:flex;justify-content:center;gap:24px;padding:24px 0 8px;perspective:800px}.coin-visual{position:relative;width:88px;aspect-ratio:1;display:grid;place-items:center;border:2px solid rgba(174,142,80,.7);border-radius:50%;color:#755d32;background:radial-gradient(circle at 35% 30%,#f4e0aa,#c6a05e 62%,#8e6b34);box-shadow:0 12px 28px rgba(59,42,25,.22),inset 0 0 0 6px rgba(255,255,255,.12)}.coin-visual::after{content:"";position:absolute;inset:22px;border:1px solid rgba(91,63,25,.5)}.coin-visual span{position:relative;z-index:1;font-size:23px}.coin-visual.is-flipping{animation:coin-flip .55s cubic-bezier(.2,.8,.3,1)}@keyframes coin-flip{50%{transform:rotateY(180deg) rotateZ(15deg) translateY(-10px)}}.toss-hint{text-align:center;color:#796958;font-size:12px}.toss-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.toss-actions .ghost-button{color:var(--jade-700);border:1px solid rgba(50,72,58,.22);padding:0 16px}.toss-history{display:flex;flex-direction:column;gap:7px}.toss-line{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(112,88,58,.12);background:#fff}.toss-line b{font-size:11px}.toss-line>span{color:#8a7965;font-size:10px}.toss-line.is-changing{border-color:rgba(157,49,45,.4);background:rgba(157,49,45,.05)}.mini-coins{display:flex;justify-content:center;gap:7px}.mini-coins i{width:24px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(136,101,50,.5);border-radius:50%;background:#ead4a5;color:#775b2c;font-size:10px;font-style:normal}.toss-history:not(:empty){margin-top:4px}