.gua-hero{background:radial-gradient(circle at 18% 14%, #ffffffb3, transparent 30%), radial-gradient(circle at 72% 20%, #8b4a3c1a, transparent 24%), var(--paper-hero);position:relative;overflow:hidden}.gua-mist-layer,.gua-mountain-layer{pointer-events:none;position:absolute;inset:0}.gua-mist-layer{opacity:.86;background:radial-gradient(circle at 18% 32%,#fff9,#0000 26%),radial-gradient(circle at 78% 26%,#ffffff57,#0000 22%),radial-gradient(circle at 56% 66%,#fff3,#0000 28%)}.gua-mountain-layer{opacity:.92;background:linear-gradient(#5f7c7700 68%,#5f7c7724),radial-gradient(120% 58% at 8% 96%,#7e948c42 0 32%,#0000 33%),radial-gradient(90% 48% at 42% 100%,#5f7c772e 0 28%,#0000 29%),radial-gradient(88% 44% at 80% 97%,#6f7f6f2e 0 28%,#0000 29%)}.seal{z-index:1;color:#f6efe5;background:linear-gradient(145deg,#8b4a3c,#a55d4e);border-radius:22px;place-items:center;width:90px;height:90px;font-family:Ma Shan Zheng,cursive;font-size:2.8rem;display:grid;position:relative;box-shadow:inset 0 0 18px #0000001f,0 10px 24px #8b4a3c29}.gua-hero-text{z-index:1;position:relative}.gua-hero .subtitle{color:#7d675f}.gua-hero-quote{color:var(--ink-2);letter-spacing:.04rem;align-items:center;gap:.65rem;margin:1rem 0 0;font-size:.9rem;display:inline-flex}.gua-hero-quote:before{content:"";background:linear-gradient(90deg,#8b4a3c80,#8b4a3c14);width:2.4rem;height:1px}.cast-panel,.result-panel,.guidance-panel,.casting-panel{background:var(--paper-panel);border:1px solid var(--line-soft);box-shadow:var(--shadow-soft)}.panel-tip{color:var(--ink-1);margin:0 0 1.2rem;line-height:1.78}.cast-button{color:#fbf8f1;letter-spacing:.14rem;background:linear-gradient(135deg,#8b4a3c,#9c7b5e);border:1px solid #8b4a3c57;border-radius:999px;width:100%;margin-top:1.2rem;padding:.92rem 1rem;font-size:1rem;transition:transform .2s,box-shadow .2s}.cast-button:hover{transform:translateY(-1px);box-shadow:0 12px 25px #8b4a3c2e}.retry-button{color:#7a4d43;letter-spacing:.08rem;cursor:pointer;background:#8b4a3c14;border:1px solid #8b4a3c42;border-radius:999px;margin-top:1.2rem;padding:.56rem 1.4rem;font-size:.9rem;transition:background .2s,transform .2s}.retry-button:hover:not(:disabled){background:#8b4a3c29;transform:translateY(-1px)}.retry-button:disabled{opacity:.5;cursor:not-allowed}.panel-header{justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:1rem;min-width:0;display:flex}.header-text{flex-direction:column;gap:.45rem;min-width:0;display:flex}.result-body{grid-template-columns:minmax(0,1fr);gap:.8rem;margin-top:.4rem;display:grid}.hexagram{flex-direction:column;align-items:center;gap:.3rem;display:flex}.header-hexagram .hexagram-image{width:80px}.hexagram-image{width:150px;height:auto;display:block}.text-block h3{color:var(--ink-0);margin-top:0;font-size:1.52rem}.quote{color:var(--ink-1);background:#ffffffc7;border-left:3px solid #8b4a3c80;border-radius:16px;margin-bottom:1.4rem;padding:1rem 1.2rem;line-height:1.84}.section ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.section li{border:1px solid var(--line-faint);color:var(--ink-1);background:#ffffffbd;border-radius:12px;padding:.62rem .82rem;line-height:1.74}.changing-yao{background:#8b4a3c12;border-color:#8b4a3c2e #8b4a3c2e #8b4a3c2e #8b4a3c73;border-left-style:solid;border-left-width:3px}.changing-badge{color:#8b4a3c;letter-spacing:.05rem;vertical-align:middle;background:#8b4a3c1f;border:1px solid #8b4a3c38;border-radius:999px;margin-right:.45rem;padding:.05rem .45rem;font-size:.72rem;line-height:1.6;display:inline-block}.guidance-panel p,.guidance-panel .section p{color:var(--ink-1);margin:0;line-height:1.84}.cast-panel{justify-content:space-between;align-items:center;display:flex}.cast-info{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.cast-info .cast-button{width:auto;min-width:160px;margin-top:0}.casting-panel{justify-content:center;display:flex}.casting-content{text-align:center;align-items:center;gap:1.5rem;display:flex}.yin-yang-spinner{border-radius:50%;width:120px;height:120px;animation:3s linear infinite spin;display:block;overflow:visible;box-shadow:0 0 24px #8b4a3c0f}@keyframes spin{to{transform:rotate(360deg)}}.subtle{color:var(--ink-2)}@media (max-width:960px){.result-body{grid-template-columns:1fr;gap:.8rem}.hexagram{align-self:center}}@media (max-width:480px){.header-left{gap:.75rem}.header-text{gap:.3rem}.text-block h3{font-size:1.15rem}.quote{padding:.7rem .8rem}.section ul{gap:.25rem}.section li{padding:.46rem .62rem}.result-body{margin-top:.8rem}.hexagram-image{width:120px}.header-hexagram .hexagram-image{width:110px}.cast-info{flex-direction:column;align-items:stretch;gap:1rem}.cast-info .cast-button{width:100%}.cast-button{letter-spacing:.1rem;padding:.75rem .9rem;font-size:.95rem}.casting-content{flex-direction:column;gap:.9rem}}