@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1419;--surface:#152128;--ink:#f3eee4;--muted:#9faead;--gold:#e7cb8b;--line:#bca47240;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;min-width:300px}body:has(dialog[open]){overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-family:"Songti SC","STSong","SimSun",serif;font-weight:400;letter-spacing:.05em;line-height:1.35}button{border:0}input{width:100%;border:0;border-bottom:1px solid #7c898680;border-radius:0;background:transparent;color:var(--ink);padding:18px 0;font-size:18px}input::placeholder{color:#81908f}input:focus{outline:0;border-color:var(--gold)}label{font-size:14px;color:#ccd1c8}button:focus-visible{position:relative;z-index:3}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,#27515040,transparent 58%),radial-gradient(ellipse at 5% 100%,#32362130,transparent 40%)}.site-header{position:absolute;inset:0 0 auto;z-index:10;padding:28px 4.2%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:16px;font-family:Georgia,serif;font-size:25px;letter-spacing:3px}.brand-mark{font-size:29px;width:44px;height:44px;border:1px solid #d4b77a95;display:grid;place-items:center;position:relative;color:var(--gold)}.brand-mark span{position:absolute;right:-7px;bottom:-8px;font-size:19px;background:var(--bg);line-height:1}.brand-sub{font:12px "Microsoft YaHei",sans-serif;letter-spacing:2px;display:block;margin-top:5px;color:#e0ddcf}.quiet-button{background:#0b141935;border:1px solid #c4c5b52b;padding:10px 15px;font-size:14px;backdrop-filter:blur(8px)}.quiet-button span{margin-left:22px;color:var(--gold)}.scene{position:relative;min-height:100svh}.intro{height:100svh;min-height:660px;overflow:hidden}.mosaic-wall{position:absolute;inset:-5%;background:url('assets/wall.webp') center/cover;filter:blur(2px) saturate(.62);transform:scale(1.04) rotate(-5deg);animation:wallDrift 25s ease-in-out infinite alternate;will-change:transform}.wall-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#0b1419b3 5%,#0b14191f 80%),linear-gradient(0deg,#0b1419 0%,#0b141959 35%,#0b141950 67%,#0b1419a3)}.enter-surface{position:absolute;inset:0;width:100%;background:none;display:flex;justify-content:center;align-items:center;padding:100px 24px 80px}.intro-copy{display:flex;align-items:center;flex-direction:column;text-shadow:0 4px 40px #0009}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--gold);font-family:Georgia,"Microsoft YaHei",serif;line-height:1.8}.intro-title{display:block;font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(70px,8.8vw,128px);letter-spacing:.19em;line-height:1.45;font-weight:400;padding-left:.19em}.intro-title span{color:#ecd49a}.intro-subtitle{font-size:17px;letter-spacing:.26em;color:#ece7d9}.enter-orbit{width:72px;height:72px;display:grid;place-items:center;margin-top:44px;border:1px solid #ead29470;transform:rotate(45deg);position:relative}.enter-orbit:before{content:"";position:absolute;inset:8px;border:1px solid #ead29440}.enter-orbit span{color:var(--gold);font-size:31px;transform:rotate(-45deg);animation:breathe 3s ease-in-out infinite}.enter-label{font-size:14px;letter-spacing:.16em;color:#ece7d9;margin-top:30px}.intro-footer{position:absolute;bottom:32px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#c6cbbf;pointer-events:none}.intro-footer b{font-size:26px;color:var(--gold);font-family:Georgia,serif;font-weight:400;margin-right:8px}.intro-footer i{font-style:normal;color:#7f918b;padding:0 10px}.footer-label{letter-spacing:.15em}.transition-veil{position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(ellipse,#d7c195c9,#0b1419 72%);opacity:0}.transitioning .transition-veil{animation:transitionGlow 1.4s var(--ease)}.transitioning .mosaic-wall{animation:wallRush 1.5s var(--ease) forwards}.ritual{padding:130px 7vw 55px}.ritual-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:.92fr 1.1fr;gap:5vw;min-height:560px;align-items:center}.question-side{max-width:450px}.chapter-line{height:1px;width:44px;background:#e7cb8b60;display:inline-block;vertical-align:middle;margin:0 12px}.gold-note{font-family:"Songti SC","SimSun",serif;color:var(--gold);font-size:17px;letter-spacing:.16em}.question-heading{margin:34px 0}.question-heading h1{font-size:46px;margin-top:13px}.field-hint{font-size:13px;line-height:1.7;color:var(--muted);margin-top:10px}.field-error{font-size:14px;line-height:1.5;color:#f2ba9d;min-height:21px;margin:6px 0}.primary{display:flex;align-items:center;justify-content:center;gap:35px;min-height:52px;width:100%;padding:15px 22px;color:#1b2627;background:linear-gradient(115deg,#f0ddb0,#d8b46f);font-weight:600;font-size:15px;letter-spacing:.04em;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.1)}.primary:active{transform:scale(.98)}.primary span{margin-left:auto;font-size:20px}.progress{margin-top:34px}.progress-caption{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.progress-caption strong{font-family:Georgia,serif;font-weight:400;color:var(--gold);font-size:18px}.progress-track{height:2px;background:#a8bab41f;margin-top:11px}.progress-track div{height:2px;width:0;background:var(--gold);box-shadow:0 0 12px #f3cd8b;transition:width .8s var(--ease)}.deck-side{height:530px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.deck-halo{position:absolute;width:480px;max-width:110%;aspect-ratio:1;border:1px solid #d3bb8430;border-radius:50%;transform:rotateX(30deg);box-shadow:0 0 100px #b8bc5c08}.deck-halo:before,.deck-halo:after{content:"";position:absolute;inset:21px;border:1px solid #d3bb8415;border-radius:50%}.deck-halo:after{inset:-25px;border-style:dashed}.deck-caption{font:11px Georgia,serif;letter-spacing:.3em;color:#b4bda999;position:absolute;top:7px}.back-deck{position:relative;width:100%;height:360px;perspective:1000px}.card-back{width:205px;height:306px;position:absolute;left:calc(50% - 102px);top:24px;border:1px solid #bba16c;border-radius:10px;background:radial-gradient(ellipse,#304341,#132126 70%);box-shadow:0 18px 35px #0007;transform:translateX(calc(var(--pos)*54px)) translateY(calc(var(--lift)*12px)) rotate(calc(var(--pos)*12deg));transition:transform 1s var(--ease)}.card-back:before{content:"";position:absolute;inset:9px;border:1px solid #bca37173;border-radius:5px;background:repeating-linear-gradient(45deg,transparent 0px,transparent 12px,#ddc58b06 12px,#ddc58b06 13px)}.card-inner{position:absolute;inset:21px;border:1px solid #bca37138;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold)}.card-symbol{border:1px solid #dfc4868c;height:83px;width:83px;transform:rotate(45deg);display:grid;place-items:center;margin-bottom:36px}.card-symbol span{transform:rotate(-45deg);font-family:Georgia,serif;font-size:35px}.card-inner small{font:10px Georgia,serif;letter-spacing:.2em}.card-corner{position:absolute;top:7px;left:9px;font:13px Georgia,serif;color:#cebb8d}.card-corner.bottom{inset:auto 9px 7px auto;transform:rotate(180deg)}.deck-foot{position:absolute;bottom:5px;display:flex;align-items:center;gap:25px;color:#b4b9aa}.deck-foot p{font-size:13px;letter-spacing:.08em}.deck-foot>span{color:var(--gold)}.selected-heroes{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.hero-chip{border:1px solid #d8bd7d60;color:var(--gold);background:#ceb87912;padding:7px 10px;font-size:14px}.hero-chip span{padding-left:12px}.hero-input-row{display:flex;align-items:center}.hero-input-row input{font-size:16px}.add-button{background:transparent;border-bottom:1px solid #7c898680;min-height:60px;color:var(--gold);font-size:24px}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 0;min-height:34px}.suggestion{background:#8eafa011;border:1px solid #98aa9a30;font-size:13px;padding:7px 10px;color:#d5d8c8}.suggestion:hover{border-color:var(--gold)}.form-links{display:flex;justify-content:space-between;margin-top:13px}.text-button{background:transparent;color:#d5c28e;font-size:14px;padding:9px 0;display:inline-block}.outline-button{background:transparent;border:1px solid #a5ab9655;color:#e5dfcc;font-size:14px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;min-height:46px}.divination{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100svh;text-align:center;padding:130px 24px 70px}.divination h1{font-size:42px;margin:18px 0 25px}.divination>p:last-of-type{font-size:14px;color:var(--muted)}.divination-ring{width:170px;height:170px;border:1px solid #ddc18470;border-radius:50%;display:grid;place-items:center;color:#ebd294;font-size:70px;margin-bottom:48px;position:relative;animation:breathe 1.7s ease-in-out infinite}.divination-ring:before{content:"";position:absolute;inset:-20px;border:1px dashed #ddc18450;border-radius:50%;animation:spin 14s linear infinite}.divination .text-button{margin-top:30px}.results{padding:133px 35px 50px;text-align:center}.results-heading h1{font-size:43px;margin:12px 0}.results-heading>p{font-size:14px;line-height:1.8;color:var(--muted)}.result-cards{display:flex;align-items:center;justify-content:center;gap:22px;margin:50px auto 35px;max-width:1300px;flex-wrap:wrap}.result-card{width:260px;flex:0 0 260px;position:relative;transform:rotate(var(--tilt,0deg));perspective:1200px;animation:arrive 1s var(--ease) both;animation-delay:var(--delay,0ms)}.result-card:hover{z-index:2}.card-frame{background:linear-gradient(120deg,#f1d697,#c8a464 45%,#ead6a9);padding:7px;border-radius:10px;box-shadow:0 12px 48px #0006;transition:transform .4s var(--ease)}.result-card:hover .card-frame{transform:translateY(-8px)}.portrait-button{display:block;background:#f8f5ed;width:100%;padding:0;border-radius:5px 5px 0 0;overflow:hidden}.portrait-button img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:white;transition:transform .4s}.portrait-button:hover img{transform:scale(1.025)}.card-meta{display:flex;justify-content:space-between;align-items:center;background:#152328;text-align:left;padding:15px 13px;border-radius:0 0 5px 5px}.card-meta strong{font-family:"SimSun",serif;font-size:25px;font-weight:400;color:#f0dab0}.card-meta span{font-size:12px;color:#b3c0b7}.card-caption{font-size:12px;color:#a6b3ab;margin-top:12px}.card-meta button{background:none;color:var(--gold);font-size:14px}.result-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:35px}.save-hint{font-size:13px;color:var(--muted);margin-top:24px}.empty-result{padding:50px 12px;text-align:center;color:var(--muted);line-height:1.8}.empty-result>span{font-size:50px;color:var(--gold)}.empty-result h2{font-size:22px;color:var(--ink);margin:15px 0}.empty-result .primary{max-width:300px;margin:25px auto 0}.gallery{max-width:1450px;margin:auto;padding:140px 4.5% 70px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-heading h1{font-size:38px;margin:10px 0}.gallery-toolbar{display:flex;align-items:center;gap:35px;margin:30px 0 14px}.search-label{display:flex;align-items:center;flex:1;gap:12px;border-bottom:1px solid #85978860;font-size:26px;color:var(--gold)}.search-label input{border:0;font-size:16px;padding:15px 0}.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:28px}.gallery-item{text-align:left;padding:0;background:#15242a;border:1px solid #bda86f35}.gallery-item img{width:100%;aspect-ratio:1;object-fit:contain;display:block;background:#fff}.gallery-item .gallery-info{display:flex;justify-content:space-between;align-items:center;padding:12px;color:#b9c6bf;font-size:12px}.gallery-info strong{font-size:19px;color:var(--gold);font-family:"SimSun",serif;font-weight:400}.image-dialog{color:var(--ink);background:#152329;border:1px solid #bfa97680;padding:22px;width:min(570px,94vw);max-height:94svh;overflow:auto;border-radius:12px;box-shadow:0 25px 100px #000b}.image-dialog::backdrop{background:#050b11dc;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-heading h2{font-size:22px;font-weight:400;margin-top:6px}.close-button{background:none;font-size:32px;color:#daceb3;width:44px;height:44px}.image-dialog img{width:100%;max-height:62svh;object-fit:contain;display:block;background:#fff;-webkit-touch-callout:default;user-select:auto}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.dialog-actions a{padding:13px;font-size:14px;text-align:center;letter-spacing:0}.dialog-save-note{font-size:13px;color:#c5cbbc;text-align:center;margin-top:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(15px);padding:12px 23px;background:#eedaa9;color:#152329;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;font-size:14px}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.noscript{position:fixed;bottom:30px;background:#17232b;padding:20px;z-index:100}.scene:target{scroll-margin-top:30px}
@keyframes wallDrift{from{transform:scale(1.04) rotate(-5deg) translateY(-1%)}to{transform:scale(1.13) rotate(-3deg) translateY(1%)}}@keyframes wallRush{to{transform:scale(1.8) rotate(0);filter:blur(18px);opacity:.2}}@keyframes transitionGlow{0%,100%{opacity:0}40%,65%{opacity:1}}@keyframes breathe{0%,100%{opacity:.65;filter:drop-shadow(0 0 10px #eed18d20)}50%{opacity:1;filter:drop-shadow(0 0 25px #eed18d90)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(45px) rotateY(95deg) rotate(var(--tilt,0deg))}to{opacity:1;transform:translateY(0) rotateY(0) rotate(var(--tilt,0deg))}}
@media(min-width:1000px){.result-cards.fan{gap:0}.fan .result-card+.result-card{margin-left:-16px}.fan .result-card{transform-origin:center 110%}.fan .result-card:nth-child(odd){margin-top:25px}}
@media(max-width:1000px){.ritual{padding-left:6vw;padding-right:6vw}.ritual-layout{gap:25px;grid-template-columns:1fr 1fr}.card-back{width:175px;height:264px;left:calc(50% - 87px);transform:translateX(calc(var(--pos)*34px)) translateY(calc(var(--lift)*10px)) rotate(calc(var(--pos)*10deg))}.deck-side{height:460px}.card-symbol{width:65px;height:65px}.back-deck{height:310px}.question-heading h1{font-size:38px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.site-header{padding:22px 22px}.brand{gap:12px;font-size:22px}.brand-mark{width:36px;height:36px;font-size:24px}.brand-sub{font-size:11px;letter-spacing:1px}.quiet-button{font-size:12px;padding:9px 11px}.quiet-button span{margin-left:7px}.intro{min-height:600px}.mosaic-wall{background-image:url('assets/wall-mobile.webp');inset:-2%;filter:blur(1.1px) saturate(.7);transform:rotate(-4deg)}.wall-shade{background:radial-gradient(ellipse at 50% 45%,#0b1419c2,transparent 90%),linear-gradient(0deg,#0b1419 0%,#0b14195e 45%,#0b141954 75%,#0b1419ba)}.intro-title{font-size:clamp(60px,13.5vw,96px);letter-spacing:.13em;padding-left:.13em;margin:15px 0}.intro-subtitle{font-size:14px;letter-spacing:.12em}.intro-copy>.eyebrow{font-size:10px;letter-spacing:.2em}.enter-orbit{margin-top:43px;width:58px;height:58px}.enter-label{font-size:12px;margin-top:28px}.intro-footer{left:22px;right:22px;bottom:27px;font-size:11px;justify-content:center}.intro-footer b{font-size:22px}.intro-footer i{padding:0 5px}.footer-label{display:none}.ritual{padding:100px 25px 38px}.ritual-layout{display:flex;flex-direction:column-reverse;gap:25px;min-height:0}.question-side{max-width:440px;width:100%}.deck-side{height:225px;width:100%;max-width:430px}.deck-caption{display:none}.deck-halo{width:245px;max-width:90%;height:205px;aspect-ratio:auto}.back-deck{height:215px}.card-back{width:110px;height:166px;left:calc(50% - 55px);top:8px;transform:translateX(calc(var(--pos)*34px)) translateY(calc(var(--lift)*8px)) rotate(calc(var(--pos)*12deg))}.card-back:before{inset:5px}.card-inner{inset:13px}.card-symbol{height:39px;width:39px;margin:20px 0 17px}.card-symbol span{font-size:22px}.card-inner small{font-size:7px}.card-corner{font-size:8px}.deck-foot{bottom:-2px;gap:17px}.deck-foot p{font-size:11px}.question-heading{margin:20px 0}.question-heading h1{font-size:31px;line-height:1.3;margin-top:8px}.question-heading h1 br{display:none}.gold-note{font-size:14px}.eyebrow{font-size:11px;letter-spacing:.13em}.chapter-line{width:30px}.question-side input{font-size:17px;padding:15px 0}.progress{margin-top:25px}.field-hint{font-size:12px}.field-error{font-size:13px}.primary{min-height:50px;font-size:14px}.suggestions{gap:6px;margin-top:12px}.suggestion{font-size:12px;padding:6px 9px}.hero-input-row input{font-size:14px}.add-button{min-height:54px}.divination h1{font-size:32px}.divination-ring{width:130px;height:130px;font-size:55px}.results{padding:120px 20px 45px}.results-heading h1{font-size:29px}.results-heading>p{font-size:13px}.result-cards{margin-top:35px;gap:24px;max-width:580px}.result-card{width:min(260px,74vw);flex:0 0 min(260px,74vw)}.result-cards.multi{gap:12px;align-items:flex-start}.multi .result-card{width:calc(50% - 6px);flex:0 0 calc(50% - 6px);transform:none!important}.multi .card-frame{padding:5px;border-radius:8px}.multi .card-meta{padding:10px 8px;gap:6px}.multi .card-meta strong{font-size:21px}.multi .card-meta span{font-size:10px}.multi .card-meta button{font-size:12px}.multi .card-caption{font-size:11px}.result-actions{gap:18px}.save-hint{font-size:12px}.gallery{padding:110px 20px 50px}.gallery-heading{align-items:flex-start;gap:12px}.gallery-heading h1{font-size:25px}.gallery-heading .outline-button{font-size:12px;padding:10px;min-height:40px}.gallery-toolbar{margin-top:15px;gap:10px;flex-wrap:wrap}.search-label{min-width:100%}.gallery-toolbar .text-button{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.gallery-info{gap:5px}.gallery-item .gallery-info{padding:10px;font-size:11px}.gallery-info strong{font-size:21px}.image-dialog{padding:16px;max-height:94svh}.dialog-heading h2{font-size:19px}.dialog-actions{gap:9px}.dialog-actions a{font-size:12px}.result-actions .text-button{font-size:13px}}
@media(max-height:750px) and (max-width:700px){.ritual{padding-top:94px}.deck-side{height:180px}.back-deck{transform:scale(.82);height:175px}.deck-halo{height:170px;width:205px}.deck-foot{display:none}.ritual-layout{gap:17px}.question-heading{margin:16px 0}.progress{margin-top:22px}.question-heading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.result-card{opacity:1}.mosaic-wall{will-change:auto}}