*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(ellipse at top,#1a0533 0,#0a0015 60%);color:#e8d5b7;font-family:Georgia,serif;display:flex;flex-direction:column;align-items:center;padding:40px 20px 80px}h1{font-size:2.8rem;letter-spacing:.18em;color:#f0d080;text-shadow:0 0 30px #f0d08066;margin-bottom:6px}.subtitle{font-size:.95rem;letter-spacing:.2em;color:#a08060;margin-bottom:36px;text-transform:uppercase}.btn-back{position:fixed;top:18px;left:22px;background:transparent;border:1px solid #7050a044;border-radius:20px;color:#7060a0;font-family:inherit;font-size:.8rem;letter-spacing:.1em;padding:6px 16px;cursor:pointer;text-decoration:none;transition:all .2s;z-index:50}.btn-back:hover{border-color:#9060d0;color:#c8b0f0}.landing{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px}.landing-hero{text-align:center;margin-bottom:56px}.landing-ornament{font-size:1rem;letter-spacing:.5em;color:#5a4070;margin-bottom:20px}.landing-title{font-size:3.6rem;letter-spacing:.3em;color:#f0d080;text-shadow:0 0 40px #f0d08055;margin-bottom:16px}.landing-tagline{font-size:1.05rem;color:#c8b090;letter-spacing:.06em;line-height:1.8;margin-bottom:20px}.landing-tagline-zh{font-size:.95rem;color:#8a7060}.landing-intro{font-size:.92rem;color:#7a6880;line-height:1.8;max-width:520px;margin:0 auto}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;width:100%}.method-card{display:flex;flex-direction:column;gap:12px;padding:32px 28px;border-radius:16px;border:1px solid #7050a033;background:linear-gradient(135deg,#120328,#1a0640);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}.method-card--tarot:hover{transform:translateY(-4px);border-color:#c090f0;box-shadow:0 0 40px #9060d033,0 8px 30px #00000066}.method-card--iching:hover{transform:translateY(-4px);border-color:#90c060;box-shadow:0 0 40px #5a9a2033,0 8px 30px #00000066}.method-card--disabled{opacity:.4;cursor:default;pointer-events:none}.method-icon{font-size:2rem;color:#f0d080;line-height:1}.method-card--iching .method-icon{color:#90c060}.method-card--soon .method-icon{color:#607090}.method-titles{display:flex;align-items:baseline;gap:10px}.method-title{font-size:1.5rem;letter-spacing:.08em;color:#f0d080}.method-card--iching .method-title{color:#a0d070}.method-card--soon .method-title{color:#607090}.method-title-sub{font-size:.82rem;color:#7060a0;letter-spacing:.12em}.method-card--iching .method-title-sub{color:#5a8040}.method-desc{font-size:.88rem;color:#9080a0;line-height:1.7}.method-card--iching .method-desc{color:#708060}.method-detail{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#5a4870;margin-top:4px}.method-card--iching .method-detail{color:#3a6030}.question-card,.question-page{display:flex;flex-direction:column;align-items:center;width:100%}.question-card{gap:20px;max-width:520px;background:linear-gradient(135deg,#120328,#1e0840);border:1px solid #7050a055;border-radius:16px;padding:40px 36px;box-shadow:0 0 60px #9060d018,0 8px 40px #00000066}.question-prompt{font-size:1.1rem;color:#c8b0e8;letter-spacing:.08em;text-align:center}.question-textarea{width:100%;background:#ffffff0a;border:1px solid #7050a055;border-radius:10px;padding:14px 16px;color:#e8d5b7;font-family:inherit;font-size:.95rem;line-height:1.6;resize:none;outline:none;transition:border-color .2s}.question-textarea::placeholder{color:#7060a0}.question-textarea:focus{border-color:#c090f0}.btn-consult{background:linear-gradient(135deg,#7030b0,#4010a0);border:1px solid #c090f0;border-radius:30px;color:#f0e8ff;font-family:inherit;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;padding:14px 40px;cursor:pointer;transition:all .25s;box-shadow:0 0 20px #9060d044}.btn-consult:hover{background:linear-gradient(135deg,#8040c0,#5020b0);box-shadow:0 0 32px #9060d077;transform:translateY(-1px)}.question-display{font-size:.88rem;color:#9070b0;letter-spacing:.05em;margin-bottom:24px;max-width:600px;text-align:center;font-style:italic}.question-label{color:#7050a0;font-style:normal;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}.grid-controls{display:flex;align-items:center;gap:20px;width:100%;max-width:860px;margin-bottom:14px}.grid-hint{flex:1 1;font-size:.8rem;letter-spacing:.15em;color:#7060a0;text-transform:uppercase}.btn-shuffle{background:transparent;border:1px solid #7050a055;border-radius:8px;color:#a090c0;font-family:inherit;font-size:.82rem;letter-spacing:.1em;padding:8px 20px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-shuffle:hover{border-color:#9060d0;color:#c8b0f0;box-shadow:0 0 12px #9060d033}.card-grid{display:grid;grid-template-columns:repeat(13,1fr);grid-gap:5px;gap:5px;max-width:860px;width:100%}.grid-card{aspect-ratio:3/5;border-radius:5px;border:1px solid #7050a044;background:linear-gradient(135deg,#1a0533,#2a1050);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#50408066;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s,opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.card-grid:not(.locked) .grid-card:hover{transform:translateY(-5px) scale(1.1);border-color:#c090f0;box-shadow:0 0 16px #9060d077;color:#9070c0;z-index:10}.grid-card.selected{border-color:#f0d080;box-shadow:0 0 22px #f0d08077;color:#f0d080;transform:translateY(-4px) scale(1.08);z-index:10}.grid-card.dimmed{opacity:.18;cursor:default}.overlay{position:fixed;inset:0;background:rgba(5,0,15,.88);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s}.overlay.visible{opacity:1;pointer-events:all}.modal{position:relative;display:flex;gap:36px;align-items:flex-start;max-width:740px;width:100%;max-height:90vh;padding:48px 40px 40px;background:linear-gradient(135deg,#120328,#1e0840);border:1px solid #7050a055;border-radius:16px;box-shadow:0 0 80px #9060d022,0 8px 60px #00000088;overflow-y:auto}.btn-close{position:absolute;top:14px;right:18px;background:transparent;border:none;color:#7060a0;font-size:1.3rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s;font-family:inherit}.btn-close:hover{color:#c090f0}.card-scene{width:200px;height:340px;perspective:900px;flex-shrink:0}.card-flip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}.card-flip.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;overflow:hidden;border:1px solid #7050a066;box-shadow:0 8px 40px #00000088}.card-back{background:linear-gradient(135deg,#1a0533,#2a1050);display:flex;align-items:center;justify-content:center;font-size:3.5rem}.card-front{transform:rotateY(180deg);background:#0a0015}.card-front img{width:100%;height:100%;object-fit:cover;display:block}.modal-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:20px;padding-top:4px}.card-name{font-size:1.5rem;color:#f0d080;letter-spacing:.08em;margin-bottom:4px}.orientation{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}.orientation.upright{color:#80d0a0}.orientation.reversed{color:#d07080}.keywords{font-size:.82rem;color:#a090c0;letter-spacing:.1em;margin-bottom:14px}.meaning{font-size:.92rem;line-height:1.7;color:#c8b898;border-top:1px solid #7050a033;padding-top:14px}.fortune-box{background:#ffffff07;border:1px solid #7050a033;border-radius:10px;padding:18px 22px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.fortune-box.visible{opacity:1;transform:translateY(0)}.fortune-label{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:#a08060;margin-bottom:10px}.fortune-text{font-size:.95rem;line-height:1.8;color:#d8c8a8;white-space:pre-wrap}.fortune-text.loading:after{content:"▋";animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.error{color:#d07080;font-size:.88rem;margin-top:16px}.spread-toggle{display:flex;gap:8px;margin-bottom:20px}.spread-btn{background:transparent;border:1px solid #7050a055;border-radius:20px;color:#7060a0;font-family:inherit;font-size:.82rem;letter-spacing:.12em;padding:7px 22px;cursor:pointer;transition:all .2s}.spread-btn:hover{border-color:#9060d0;color:#c8b0f0}.spread-btn.active{background:linear-gradient(135deg,#7030b044,#4010a044);border-color:#c090f0;color:#e8d5b7;box-shadow:0 0 12px #9060d033}.modal.three-card{flex-direction:column;align-items:center;max-width:820px;gap:24px}.three-card-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.spread-slot{display:flex;flex-direction:column;align-items:center;gap:10px}.spread-position{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#a08060}.card-scene-sm{width:130px;height:215px;perspective:600px;flex-shrink:0}.spread-card-info{text-align:center}.card-name-sm{font-size:.9rem;color:#f0d080;letter-spacing:.06em;margin-bottom:2px}.three-card-reading{width:100%;max-width:680px}@media (max-width:560px){.modal{flex-direction:column;align-items:center;padding:48px 24px 32px;gap:24px}}.ic-page{display:flex;flex-direction:column;align-items:center;width:100%}.ic-back{border-color:#3a5a1a44;color:#5a7a3a}.ic-back:hover{border-color:#8ab060;color:#b0d080}.ic-lang-toggle{position:fixed;top:18px;right:22px;background:transparent;border:1px solid #5a7a3a55;border-radius:20px;color:#7a9a5a;font-family:inherit;font-size:.8rem;letter-spacing:.12em;padding:6px 16px;cursor:pointer;transition:all .2s;z-index:50}.ic-lang-toggle:hover{border-color:#8ab060;color:#b0d080}.ic-title{font-size:2.6rem;letter-spacing:.25em;color:#a0d070!important;text-shadow:0 0 30px #7ab04055!important}.ic-subtitle{font-size:.88rem;letter-spacing:.3em;color:#6a8a4a;margin-bottom:36px;text-transform:uppercase}.ic-question-display{font-size:.88rem;color:#8a9a6a;letter-spacing:.05em;margin-bottom:24px;max-width:560px;text-align:center;font-style:italic}.ic-question-label{font-style:normal;color:#5a7a3a;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}.ic-card{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:420px;background:linear-gradient(135deg,#0a1a07,#121f0a);border:1px solid #4a6a2a44;border-radius:16px;padding:40px 36px;box-shadow:0 0 60px #3a6a1a18,0 8px 40px #00000066}.ic-prompt{font-size:1.05rem;color:#b0c890;letter-spacing:.08em;text-align:center}.ic-textarea{width:100%;background:#ffffff08;border:1px solid #4a6a2a44;border-radius:10px;padding:14px 16px;color:#d4c89a;font-family:inherit;font-size:.95rem;line-height:1.6;resize:none;outline:none;transition:border-color .2s}.ic-textarea::placeholder{color:#4a6a2a88}.ic-textarea:focus{border-color:#8ab060}.ic-btn-primary{background:linear-gradient(135deg,#2a5a18,#1a3a0a);border:1px solid #8ab060;border-radius:30px;color:#d4e8b0;font-family:inherit;font-size:.9rem;letter-spacing:.2em;padding:14px 40px;cursor:pointer;transition:all .25s;box-shadow:0 0 20px #3a6a1a44}.ic-btn-primary:hover{background:linear-gradient(135deg,#3a7a22,#2a5018);box-shadow:0 0 32px #5a9a2877;transform:translateY(-1px)}.ic-btn-secondary{background:transparent;border:1px solid #4a6a2a55;border-radius:20px;color:#6a8a4a;font-family:inherit;font-size:.82rem;letter-spacing:.15em;padding:9px 28px;cursor:pointer;transition:all .2s;margin-top:8px}.ic-btn-secondary:hover{border-color:#8ab060;color:#a0c070}.ic-toss-title{font-size:.85rem;letter-spacing:.25em;color:#7a9a5a;text-transform:uppercase}.ic-coins-row{display:flex;gap:20px}.ic-coin{width:64px;height:64px;border-radius:50%;border:2px solid #8ab06066;background:radial-gradient(circle at 35% 35%,#2a4a18,#0e1e08);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#c8a84b;box-shadow:0 0 16px #3a6a1a33,inset 0 1px 0 #5a8a3044}.ic-coin.spinning{animation:ic-spin .08s linear infinite}@keyframes ic-spin{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg);opacity:.6}to{transform:rotateY(0deg)}}.ic-hex-preview{min-height:80px;justify-content:center}.hex-lines,.ic-hex-preview{display:flex;align-items:center}.hex-lines{flex-direction:column;gap:7px}.hex-line{display:flex;align-items:center;gap:8px;color:#c8a84b;line-height:1}.hex-line.changing{color:#e87040}.line-yang,.line-yin{font-family:monospace;font-size:1.5rem;letter-spacing:.02em}.changing-dot{font-size:.9rem;color:#e87040}.ic-toss-hint{font-size:.75rem;letter-spacing:.2em;color:#5a7a3a;text-transform:uppercase}.ic-btn-toss{background:linear-gradient(135deg,#2a5a18,#1a3a0a);border:1px solid #8ab060;border-radius:30px;color:#d4e8b0;font-family:inherit;font-size:.88rem;letter-spacing:.2em;padding:12px 36px;cursor:pointer;transition:all .2s;box-shadow:0 0 16px #3a6a1a33}.ic-btn-toss:hover:not(:disabled){background:linear-gradient(135deg,#3a7a22,#2a5018);box-shadow:0 0 28px #5a9a2866}.ic-btn-toss:disabled{opacity:.5;cursor:default}.ic-reading-card{flex-direction:column;gap:22px;width:100%;max-width:620px;background:linear-gradient(135deg,#0a1a07,#121f0a);border:1px solid #4a6a2a44;border-radius:16px;padding:40px 36px;box-shadow:0 0 80px #3a6a1a1a,0 8px 60px #00000077}.ic-hex-row,.ic-reading-card{display:flex;align-items:center}.ic-hex-row{gap:28px;flex-wrap:wrap;justify-content:center}.ic-hex-block{display:flex;flex-direction:column;align-items:center;gap:10px}.ic-transform-arrow{font-size:1.8rem;color:#5a7a3a}.ic-hex-name{font-size:.85rem;color:#c8a84b;letter-spacing:.08em;text-align:center}.ic-hex-name-en{font-size:.78rem;color:#8a9a6a;letter-spacing:.06em;text-align:center}.ic-judgment{font-size:.9rem;color:#a0b878;line-height:1.7;text-align:center;max-width:480px;border-top:1px solid #3a5a1a33;padding-top:16px}.ic-fortune-box{width:100%;background:#ffffff06;border:1px solid #4a6a2a33;border-radius:10px;padding:20px 24px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.ic-fortune-box.visible{opacity:1;transform:translateY(0)}.ic-fortune-label{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:#7a8c5a;margin-bottom:12px;text-align:center}.ic-fortune-text{font-size:.95rem;line-height:1.85;color:#c8bc98;white-space:pre-wrap}.ic-fortune-text.loading:after{content:"▋";animation:blink .8s step-end infinite}@media (max-width:480px){.landing-title{font-size:2.4rem}.method-grid{grid-template-columns:1fr}.ic-card,.ic-reading-card{padding:30px 20px}.ic-coins-row{gap:12px}.ic-coin{width:52px;height:52px;font-size:.85rem}}.method-card--horoscope:hover{transform:translateY(-4px);border-color:#6090d0;box-shadow:0 0 40px #3060a033,0 8px 30px #00000066}.method-card--horoscope .method-icon{color:#80b0f0}.method-card--horoscope .method-title{color:#90c0f8}.method-card--horoscope .method-title-sub{color:#405880}.method-card--horoscope .method-desc{color:#607090}.method-card--horoscope .method-detail{color:#304060}.hs-page{display:flex;flex-direction:column;align-items:center;width:100%}.hs-lang-toggle{position:fixed;top:18px;right:22px;background:transparent;border:1px solid #304a6a55;border-radius:20px;color:#5080b0;font-family:inherit;font-size:.8rem;letter-spacing:.12em;padding:6px 16px;cursor:pointer;transition:all .2s;z-index:50}.hs-lang-toggle:hover{border-color:#6090d0;color:#90c0f0}.hs-title{font-size:2.6rem!important;letter-spacing:.25em;color:#90c0f8!important;text-shadow:0 0 30px #4080c055!important;margin-bottom:6px}.hs-subtitle{font-size:.88rem;letter-spacing:.3em;color:#4a6a90;margin-bottom:28px;text-transform:uppercase}.hs-pick-prompt{font-size:.85rem;letter-spacing:.2em;color:#5a7a9a;text-transform:uppercase;margin-bottom:20px}.hs-sign-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;width:100%;max-width:680px}.hs-sign-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:12px;border:1px solid #2a4a6a44;background:linear-gradient(135deg,#060e1a,#0a1628);cursor:pointer;transition:all .2s;font-family:inherit}.hs-sign-card:hover{transform:translateY(-3px);box-shadow:0 0 20px #3060a044}.hs-fire{border-color:#6a2a1a44}.hs-fire:hover{border-color:#d06040;box-shadow:0 0 20px #c0402022}.hs-earth{border-color:#2a4a1a44}.hs-earth:hover{border-color:#60a040;box-shadow:0 0 20px #40802022}.hs-air{border-color:#2a3a5a44}.hs-air:hover{border-color:#60a0d0;box-shadow:0 0 20px #4080c022}.hs-water{border-color:#1a2a5a44}.hs-water:hover{border-color:#4060c0;box-shadow:0 0 20px #2040a022}.hs-sign-symbol{font-size:1.8rem;line-height:1;color:#90b8e8}.hs-fire .hs-sign-symbol{color:#e09060}.hs-earth .hs-sign-symbol{color:#80b060}.hs-air .hs-sign-symbol{color:#80c0e0}.hs-water .hs-sign-symbol{color:#6080d0}.hs-sign-name{font-size:.78rem;letter-spacing:.08em;color:#a0c0e0;font-weight:400}.hs-sign-dates{font-size:.62rem;color:#405870;letter-spacing:.04em}.hs-selected-sign{display:flex;align-items:center;gap:14px;margin-bottom:24px}.hs-selected-symbol{font-size:3rem;color:#90c0f8;line-height:1}.hs-selected-name{font-size:1.6rem;letter-spacing:.1em;color:#90c0f8}.hs-question-card{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:500px;background:linear-gradient(135deg,#060e1a,#0a1628);border:1px solid #2a4a6a55;border-radius:16px;padding:36px 32px;box-shadow:0 0 60px #1a4a8018,0 8px 40px #00000066}.hs-question-prompt{font-size:1rem;color:#78a8d8;letter-spacing:.06em;text-align:center}.hs-textarea{width:100%;background:#ffffff08;border:1px solid #2a4a6a55;border-radius:10px;padding:14px 16px;color:#c8d8e8;font-family:inherit;font-size:.95rem;line-height:1.6;resize:none;outline:none;transition:border-color .2s}.hs-textarea::placeholder{color:#2a4a6a88}.hs-textarea:focus{border-color:#6090d0}.hs-btn-primary{background:linear-gradient(135deg,#1a3a6a,#0a2040);border:1px solid #6090d0;border-radius:30px;color:#c0d8f8;font-family:inherit;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;padding:14px 40px;cursor:pointer;transition:all .25s;box-shadow:0 0 20px #1a4a8044}.hs-btn-primary:hover{background:linear-gradient(135deg,#2a4a8a,#1a3060);box-shadow:0 0 32px #2060a077;transform:translateY(-1px)}.hs-btn-secondary{background:transparent;border:1px solid #2a4a6a55;border-radius:20px;color:#4a6a8a;font-family:inherit;font-size:.82rem;letter-spacing:.15em;padding:9px 28px;cursor:pointer;transition:all .2s;margin-top:8px}.hs-btn-secondary:hover{border-color:#6090d0;color:#80b0e0}.hs-question-display{font-size:.88rem;color:#5a7a9a;letter-spacing:.05em;margin-bottom:20px;max-width:560px;text-align:center;font-style:italic}.hs-question-label{font-style:normal;color:#3a5a7a;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}.hs-reading-card{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:580px;background:linear-gradient(135deg,#060e1a,#0a1628);border:1px solid #2a4a6a44;border-radius:16px;padding:40px 36px;box-shadow:0 0 80px #1a4a801a,0 8px 60px #00000077}.hs-reading-header{display:flex;align-items:flex-start;gap:20px;width:100%;border-bottom:1px solid #1a3a5a33;padding-bottom:18px}.hs-reading-symbol{font-size:3.2rem;color:#90c0f8;line-height:1;flex-shrink:0}.hs-reading-name{font-size:1.3rem;color:#90c0f8;letter-spacing:.1em;margin-bottom:4px}.hs-reading-meta{font-size:.78rem;color:#4a6a8a;letter-spacing:.1em;margin-bottom:6px}.hs-reading-keywords{font-size:.78rem;color:#3a5a7a;letter-spacing:.08em}.hs-fortune-box{width:100%;background:#ffffff06;border:1px solid #2a4a6a33;border-radius:10px;padding:20px 24px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.hs-fortune-box.visible{opacity:1;transform:translateY(0)}.hs-fortune-label{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:#4a6a8a;margin-bottom:12px;text-align:center}.hs-fortune-text{font-size:.95rem;line-height:1.85;color:#b0c8e0;white-space:pre-wrap}.hs-fortune-text.loading:after{content:"▋";animation:blink .8s step-end infinite}@media (max-width:560px){.hs-sign-grid{grid-template-columns:repeat(3,1fr)}.hs-reading-card{padding:28px 18px}}