.iching-page{--iching-gold:#d8b56a;--iching-ink:#080c15;--iching-panel:#0d111d;--iching-line:rgba(216,181,106,.24)}
.iching-page .inner-main{background:radial-gradient(circle at 73% 20%,rgba(87,67,126,.13),transparent 36%),#070b13}
.iching-shell{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);gap:clamp(36px,6vw,96px);max-width:1420px;margin:80px auto 120px;padding:0 5vw;align-items:center}
.iching-intro{max-width:440px}.iching-intro>small{display:block;color:var(--iching-gold);font-weight:700;letter-spacing:.14em;margin:22px 0 8px}.iching-intro h1{font-family:serif;font-size:clamp(52px,6vw,88px);font-weight:400;color:#f5eee2;margin:0 0 24px}.iching-intro>p{color:#9da6ba;line-height:2;font-size:16px}.iching-intro .eyebrow{color:var(--iching-gold);letter-spacing:.22em;font-size:12px;font-weight:800}.iching-intro .eyebrow span{display:inline-block;width:34px;border-top:1px solid var(--iching-gold);margin-right:12px;vertical-align:middle}
.iching-emblem{width:98px;height:98px;border:1px solid var(--iching-line);border-radius:50%;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px;box-shadow:0 0 45px rgba(216,181,106,.07)}.iching-emblem i{height:4px;background:linear-gradient(90deg,var(--iching-gold) 0 44%,transparent 44% 56%,var(--iching-gold) 56%)}.iching-emblem i:nth-child(2),.iching-emblem i:nth-child(5){background:var(--iching-gold)}
.iching-rule{display:flex;gap:12px;color:#b8aa8d;border-left:1px solid var(--iching-gold);padding:14px 16px;margin-top:30px;background:rgba(216,181,106,.04)}
.iching-console{padding:clamp(28px,4vw,56px);border-color:var(--iching-line);background:linear-gradient(145deg,rgba(17,19,33,.97),rgba(8,11,20,.98));position:relative;overflow:hidden}.iching-console:before{content:"";position:absolute;inset:10px;border:1px solid rgba(216,181,106,.08);pointer-events:none}.iching-console-head{position:relative;margin-bottom:30px}.iching-console-head small,.iching-meaning small,.iching-actions header small,.iching-result-head small{color:var(--iching-gold);font-size:11px;letter-spacing:.2em;font-weight:800}.iching-console-head h2{color:#f2eadf;font-family:serif;font-size:clamp(30px,3.5vw,46px);font-weight:400;margin:10px 0 14px}.iching-console-head p{color:#9da6ba;line-height:1.8;max-width:670px}.iching-console>label{display:block;color:#e7dccb;font-weight:700;margin-bottom:10px}
.iching-question-box{position:relative}.iching-question-box textarea{width:100%;resize:vertical;min-height:150px;background:#070c15;color:#eef1f7;border:1px solid rgba(216,181,106,.24);padding:20px 22px 34px;border-radius:2px;line-height:1.7;outline:none}.iching-question-box textarea:focus{border-color:#f0cf86;box-shadow:0 0 0 3px rgba(216,181,106,.1)}.iching-question-box b{position:absolute;right:16px;bottom:12px;color:#717b8e;font-size:12px}
.iching-focus-note{display:flex;gap:16px;align-items:flex-start;margin:22px 0;padding:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.iching-focus-note>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--iching-gold);background:rgba(216,181,106,.09)}.iching-focus-note b{color:#dfc990}.iching-focus-note p{margin:5px 0 0;color:#8791a6;line-height:1.7;font-size:13px}
.iching-cast-button{min-height:58px;position:relative}.iching-error{color:#f09a8e;min-height:24px;margin:4px 0 8px}
.iching-cast-preview{display:grid;gap:7px;margin:26px 0;padding:20px 0;border-top:1px solid var(--iching-line);border-bottom:1px solid var(--iching-line)}.iching-cast-preview[aria-hidden=true]{display:none}.iching-cast-preview>div{display:grid;grid-template-columns:48px minmax(100px,1fr) 58px;gap:14px;align-items:center;color:#667084;transition:.3s}.iching-cast-preview b,.iching-cast-preview em{font-size:12px;font-style:normal}.iching-cast-preview span{display:flex;gap:10px}.iching-cast-preview span i{height:8px;flex:1;background:#283041;border-radius:1px}.iching-cast-preview>div.is-revealed{color:#e4d6be}.iching-cast-preview>div.is-revealed span i{background:var(--iching-gold);box-shadow:0 0 14px rgba(216,181,106,.25)}.iching-cast-preview>div.is-yang span{gap:0}.iching-cast-preview>div.is-yang span i:first-child{flex:1}.iching-cast-preview>div.is-yang span i:last-child{display:none}
.iching-result{max-width:1200px;margin:0 auto 120px;padding:clamp(28px,5vw,64px);border-color:var(--iching-line);background:#0a0e18}.iching-result[aria-hidden=true]{display:none}.iching-result-head{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--iching-line);padding-bottom:28px}.iching-result-head h2{font-family:serif;font-size:clamp(34px,4vw,56px);color:#f2eadf;font-weight:400;margin:8px 0}.iching-result-head p{color:#9da6ba;line-height:1.8;margin:0}.iching-result-head>span{align-self:flex-start;border:1px solid var(--iching-gold);color:#ead198;padding:8px 13px;font-size:12px;white-space:nowrap}
.iching-result-grid{display:grid;grid-template-columns:260px 1fr;gap:40px;margin:44px 0}.iching-hexagram-card{display:grid;justify-items:center;background:linear-gradient(160deg,rgba(216,181,106,.09),rgba(255,255,255,.015));border:1px solid var(--iching-line);padding:26px}.iching-hexagram-card p{color:#8992a4;letter-spacing:.18em;font-size:11px}.iching-hexagram-card>b{color:#e8dac1;margin-top:18px;font-size:20px}.iching-hexagram{display:flex;flex-direction:column;gap:9px;width:150px}.iching-hexagram>span{display:flex;gap:14px}.iching-hexagram i{height:13px;flex:1;background:var(--iching-gold)}.iching-hexagram .is-yang{gap:0}.iching-hexagram .is-yang i:last-child{display:none}.iching-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.iching-facts>div{border:1px solid rgba(255,255,255,.07);padding:20px}.iching-facts small{color:#777f91;display:block;margin-bottom:8px}.iching-facts b{color:#e8dcc9;font-size:18px}
.iching-meaning{border-left:2px solid var(--iching-gold);padding:6px 0 6px 24px;margin:40px 0}.iching-meaning h3{color:#eee5d7;font-size:25px;margin:9px 0}.iching-meaning p{color:#a8b0c0;line-height:1.9;margin:0;max-width:900px}
.iching-actions{margin-top:48px;border:1px solid rgba(216,181,106,.28);padding:clamp(24px,4vw,42px);background:linear-gradient(145deg,rgba(216,181,106,.12),#0d131d 62%);color:#eee5d8}.iching-actions header{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:end;border-bottom:1px solid rgba(216,181,106,.2);padding-bottom:20px}.iching-actions header small{grid-column:1/-1;color:#c6a466}.iching-actions h3{font-family:serif;font-size:34px;margin:0}.iching-actions header span{color:#9c958b;font-size:12px}.iching-actions ol{counter-reset:action;list-style:none;margin:28px 0;padding:0;display:grid;gap:20px}.iching-actions li{counter-increment:action;display:grid;grid-template-columns:34px 1fr;gap:14px;line-height:1.75}.iching-actions li:before{content:counter(action);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2b2114;color:#f1d28a;font-weight:800}.iching-actions>p{border-top:1px solid rgba(216,181,106,.2);padding-top:18px;color:#9c958b;line-height:1.7}
.iching-result-footer{border-top:1px solid var(--iching-line);margin-top:36px;padding-top:22px;color:#747d8f;font-size:12px}.iching-result-footer>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}.iching-result-footer a{color:#d8bd84;text-decoration:none}.iching-result-footer a:hover{text-decoration:underline}
@media(max-width:980px){.iching-shell{grid-template-columns:1fr;margin-top:42px}.iching-intro{max-width:none}.iching-intro h1{font-size:54px}.iching-result-grid{grid-template-columns:1fr}.iching-hexagram-card{min-height:300px}.iching-result{margin-inline:18px}}
@media(max-width:620px){.iching-shell{padding:0 18px;gap:32px;margin-bottom:64px}.iching-console{padding:24px 20px}.iching-intro h1{font-size:46px}.iching-result{padding:26px 20px;margin-inline:12px}.iching-result-head{display:block}.iching-result-head>span{display:inline-block;margin-top:16px}.iching-facts{grid-template-columns:1fr}.iching-actions header{display:block}.iching-actions header span{display:block;margin-top:10px}.iching-cast-preview>div{grid-template-columns:42px 1fr 48px}}