.gua-hero{border:1px solid var(--line-soft);box-shadow:var(--shadow-hero);background:#fff;position:relative;overflow:hidden}.gua-mist-layer,.gua-mountain-layer{display:none}.seal{z-index:1;color:#fff;background:linear-gradient(145deg,#18181b,#27272a);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:0 8px 24px #00000029}.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,#0000004d,#0000000d);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:#fff;letter-spacing:.14rem;background:linear-gradient(135deg,#18181b,#27272a);border:1px solid #0003;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 10px 24px #0000002e}.retry-button{border:1px solid var(--line-soft);color:var(--ink-0);letter-spacing:.08rem;cursor:pointer;background:#fff;border-radius:999px;margin-top:1.2rem;padding:.56rem 1.4rem;font-size:.9rem;transition:background .2s,transform .2s,border-color .2s}.retry-button:hover:not(:disabled){border-color:var(--ink-0);background:#f4f4f5;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{border-left:3px solid var(--ink-0);border:1px solid var(--line-soft);border-left:3px solid var(--ink-0);color:var(--ink-1);background:#fff;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:#fff;border-radius:12px;padding:.62rem .82rem;line-height:1.74}.changing-yao{border-color:var(--line-soft);border-left:3px solid var(--ink-0);background:#00000008}.changing-badge{color:var(--ink-0);letter-spacing:.05rem;vertical-align:middle;background:#0000000f;border:1px solid #00000024;border-radius:999px;margin-right:.45rem;padding:.05rem .45rem;font-size:.72rem;font-weight:500;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 #00000014}@keyframes spin{to{transform:rotate(360deg)}}.subtle{color:var(--ink-2)}.guidance-panel{position:relative}.gua-share-icon-button{width:2.8rem;height:2.8rem;color:var(--ink-0);cursor:pointer;background:#ffffffe6;border:1px solid #0000001f;border-radius:999px;place-items:center;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-grid}.gua-share-icon-button:hover:not(:disabled){background:#fffffffa;border-color:#0000003d;transform:translateY(-1px);box-shadow:0 8px 20px #00000014}.gua-share-icon-button:disabled{opacity:.56;cursor:not-allowed}.gua-share-icon-button svg{fill:currentColor;width:1rem;height:1rem}.gua-share-icon-button-floating{z-index:2;position:absolute;bottom:1.1rem;right:1.1rem}.gua-share-sheet{z-index:40;-webkit-overflow-scrolling:touch;background:#000000eb;position:fixed;inset:0;overflow-y:auto}.gua-share-sheet-topbar{z-index:1;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.gua-share-sheet-title{color:#fff9;letter-spacing:.04rem;margin:0;font-size:.82rem}.gua-share-close{color:#ffffffb3;cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;width:2rem;height:2rem;font-size:1.1rem;line-height:1}.gua-share-sheet-image{cursor:pointer;width:100%;max-width:560px;margin:0 auto;display:block}@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}.gua-share-icon-button-floating{bottom:.85rem;right:.85rem}}