.liuyao-content .game-page { min-height: 100%; padding: 0; background: #070b1f; }
.liuyao-shell {
  --ly-card: rgba(15,20,55,.78); --ly-line: rgba(145,155,226,.22); --ly-purple: #9d6cff;
  --ly-cyan: #35d7ff; --ly-gold: #d7a957; --ly-red: #e65c68; --ly-text: #f7f5ff;
  --ly-muted: rgba(225,229,255,.68); position: relative; isolation: isolate; min-height: 100%; overflow: hidden;
  color: var(--ly-text); background: radial-gradient(circle at 18% 2%,rgba(53,215,255,.12),transparent 24rem),
  radial-gradient(circle at 91% 20%,rgba(157,108,255,.18),transparent 30rem),linear-gradient(145deg,#070b1f,#0b1029 45%,#171035);
  font-family: Inter,"PingFang SC","Microsoft YaHei",sans-serif;
}
.liuyao-shell::before,.liuyao-shell::after { position:absolute;z-index:-1;inset:0;pointer-events:none;content:""; }
.liuyao-shell::before { opacity:.42;background-image:radial-gradient(circle,rgba(247,245,255,.42) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(53,215,255,.28) 0 1px,transparent 1.5px);background-position:12px 18px,72px 94px;background-size:118px 118px,164px 164px;mask-image:linear-gradient(to bottom,#000,transparent 76%); }
.liuyao-shell::after { opacity:.08;background-image:linear-gradient(rgba(53,215,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.35) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(58deg) scale(1.5) translateY(38%);transform-origin:bottom; }
.liuyao-shell button,.liuyao-shell input,.liuyao-shell textarea { box-sizing:border-box;color:inherit;font:inherit; }
.liuyao-shell button { border:0;cursor:pointer; }
.liuyao-shell button:focus-visible,.liuyao-shell input:focus-visible,.liuyao-shell textarea:focus-visible { outline:2px solid var(--ly-cyan);outline-offset:3px; }
.liuyao-shell button:disabled { cursor:not-allowed;opacity:.48;filter:saturate(.55); }

.liuyao-toolbar { position:sticky;z-index:12;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:11px clamp(16px,3vw,40px);border-bottom:1px solid rgba(145,155,226,.18);background:rgba(7,11,31,.78);box-shadow:0 12px 38px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(125%); }
.liuyao-mode-switch { display:flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid var(--ly-line);border-radius:14px;background:rgba(15,20,55,.74); }
.liuyao-mode-switch button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;color:var(--ly-muted);background:transparent;font-weight:700;white-space:nowrap;transition:.2s ease; }
.liuyao-mode-switch button:hover { color:var(--ly-text);background:rgba(157,108,255,.12); }
.liuyao-mode-switch button:active { transform:scale(.98); }
.liuyao-mode-switch button.active { color:#fff;background:linear-gradient(125deg,rgba(157,108,255,.94),rgba(103,88,222,.94));box-shadow:0 8px 22px rgba(112,70,219,.28),inset 0 1px rgba(255,255,255,.18); }
.liuyao-mode-switch button.active span { color:#d9f8ff; }
.liuyao-toolbar-actions { display:flex;align-items:stretch;justify-content:flex-end;gap:8px;min-width:max-content; }
.liuyao-icon-action { display:grid;grid-template-columns:22px auto;grid-template-rows:19px 15px;align-items:center;min-width:76px;min-height:46px;padding:5px 12px;border:1px solid var(--ly-line)!important;border-radius:12px;color:var(--ly-muted);background:rgba(15,20,55,.64);transition:.2s ease; }
.liuyao-icon-action:hover { color:var(--ly-text);border-color:rgba(53,215,255,.42)!important;background:rgba(53,215,255,.08); }
.liuyao-icon-action:active { transform:translateY(1px); }
.liuyao-icon-action>span { grid-row:1/3;color:var(--ly-cyan);font-size:18px; }
.liuyao-icon-action b { font-size:13px;line-height:1; }.liuyao-icon-action small { color:rgba(225,229,255,.48);font-size:10px;line-height:1; }
.liuyao-icon-action.is-on { border-color:rgba(215,169,87,.5)!important;background:rgba(215,169,87,.09); }.liuyao-icon-action.is-on>span { color:var(--ly-gold); }
.liuyao-toolbar-actions>.game-page-tools { margin:0;padding:0; }
.liuyao-toolbar-actions .game-leaderboard-button { min-height:46px;border:1px solid var(--ly-line);border-radius:12px;color:var(--ly-muted);background:rgba(15,20,55,.64);box-shadow:none; }
.liuyao-toolbar-actions .game-leaderboard-button:hover { color:var(--ly-text);border-color:rgba(157,108,255,.48);background:rgba(157,108,255,.1); }
.liuyao-paper { position:relative;width:min(1180px,calc(100% - clamp(24px,5vw,72px)));min-height:calc(100vh - 70px);margin:0 auto;padding:clamp(30px,5vw,68px) 0 54px; }
.liuyao-question-card,.liuyao-casting-stage,.liuyao-result-page,.liuyao-charting { animation:liuyaoFadeUp .38s ease both; }

.liuyao-question-card { position:relative;max-width:900px;margin:0 auto;padding:clamp(26px,4vw,48px);overflow:hidden;border:1px solid rgba(145,155,226,.25);border-radius:18px;background:linear-gradient(145deg,rgba(18,24,62,.92),rgba(11,16,44,.78));box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(16px); }
.liuyao-question-card::after { position:absolute;top:-140px;right:-120px;width:340px;height:340px;border:1px solid rgba(53,215,255,.16);border-radius:50%;box-shadow:inset 0 0 80px rgba(157,108,255,.08),0 0 80px rgba(53,215,255,.05);pointer-events:none;content:""; }
.liuyao-question-hero { position:relative;z-index:1;display:flex;align-items:center;gap:18px; }
.liuyao-seal,.liuyao-result-seal { display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border:1px solid rgba(230,92,104,.74);color:#ffd9d9;background:linear-gradient(145deg,rgba(230,92,104,.76),rgba(125,38,65,.74));box-shadow:0 12px 28px rgba(230,92,104,.16),inset 0 0 0 4px rgba(7,11,31,.18);font:700 25px/1 "STKaiti","KaiTi",serif;transform:rotate(-3deg); }
.liuyao-seal { border-radius:17px 12px 16px 10px; }
.liuyao-kicker,.liuyao-result-hero>div>span,.liuyao-manual-panel>header>span,.liuyao-live-panel>header>span,.liuyao-reading-block>header>span,.liuyao-history-panel>header>div>span,.liuyao-charting>span:nth-of-type(2) { color:var(--ly-cyan);font-size:11px;font-weight:800;letter-spacing:.16em; }
.liuyao-eyebrow { margin:5px 0 0;font:700 clamp(26px,4vw,40px)/1.15 "STKaiti","KaiTi",serif;letter-spacing:.04em; }
.liuyao-question-intro { max-width:680px;margin:24px 0 10px;color:var(--ly-muted);font-size:15px;line-height:1.8; }
.liuyao-privacy-note { display:inline-flex;align-items:center;gap:8px;color:rgba(225,229,255,.52);font-size:12px; }.liuyao-privacy-note span { color:var(--ly-gold); }
.liuyao-category-grid { margin:30px 0 24px;padding:0;border:0; }.liuyao-category-grid legend { margin-bottom:12px;color:var(--ly-text);font-size:14px;font-weight:700; }.liuyao-category-grid legend small { margin-left:6px;color:rgba(225,229,255,.42);font-weight:500; }
.liuyao-category-grid label { display:inline-block;margin:0 7px 8px 0; }.liuyao-category-grid input { position:absolute;width:1px;height:1px;opacity:0; }
.liuyao-category-grid label span { display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid var(--ly-line);border-radius:999px;color:var(--ly-muted);background:rgba(7,11,31,.32);font-size:13px;cursor:pointer;transition:.2s ease; }
.liuyao-category-grid label:hover span { color:var(--ly-text);border-color:rgba(157,108,255,.5);transform:translateY(-1px); }
.liuyao-category-grid input:checked+span { color:#fff;border-color:rgba(157,108,255,.86);background:rgba(157,108,255,.2);box-shadow:inset 0 0 18px rgba(157,108,255,.12); }
.liuyao-category-grid input:focus-visible+span { outline:2px solid var(--ly-cyan);outline-offset:3px; }
.liuyao-question-field { display:block; }.liuyao-question-field>span:first-child { display:block;margin-bottom:10px;font-size:14px;font-weight:700; }
.liuyao-question-field textarea { display:block;width:100%;min-height:138px;padding:17px 18px;resize:vertical;border:1px solid rgba(145,155,226,.28);border-radius:14px;color:var(--ly-text);background:rgba(5,9,29,.54);caret-color:var(--ly-cyan);line-height:1.7;transition:.2s ease; }
.liuyao-question-field textarea::placeholder { color:rgba(225,229,255,.32); }.liuyao-question-field textarea:hover { border-color:rgba(157,108,255,.45); }
.liuyao-question-field textarea:focus { border-color:var(--ly-purple);background:rgba(7,11,31,.76);box-shadow:0 0 0 3px rgba(157,108,255,.13);outline:0; }
.liuyao-question-field textarea[aria-invalid="true"] { border-color:var(--ly-red);box-shadow:0 0 0 3px rgba(230,92,104,.12); }
.liuyao-field-meta { display:flex!important;justify-content:space-between;gap:12px;margin-top:8px;color:rgba(225,229,255,.44);font-size:11px; }.liuyao-field-meta b { color:var(--ly-muted);font-weight:600; }
.liuyao-field-error { display:block;margin-top:8px;color:#ff9ca5; }.liuyao-field-error[hidden] { display:none; }
.liuyao-question-actions { display:flex;align-items:center;gap:16px;margin-top:24px; }.liuyao-question-actions>span { color:rgba(225,229,255,.38);font-size:11px; }
.liuyao-primary { display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border:1px solid rgba(202,179,255,.4)!important;border-radius:12px;color:#fff;background:linear-gradient(130deg,#8b5cf6,#6845d7 70%,#4e42bc);box-shadow:0 12px 28px rgba(104,69,215,.26),inset 0 1px rgba(255,255,255,.18);font-weight:800;transition:.18s ease; }
.liuyao-primary:hover:not(:disabled) { transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 36px rgba(104,69,215,.34),0 0 18px rgba(53,215,255,.09); }.liuyao-primary:active:not(:disabled) { transform:translateY(0) scale(.98); }

.liuyao-casting-stage { max-width:1100px;margin:0 auto; }.liuyao-cast-context { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:0 4px; }
.liuyao-cast-context>div { display:flex;align-items:center;min-width:0; }.liuyao-cast-context>div>span { flex:0 0 auto;padding:5px 10px;border:1px solid rgba(215,169,87,.35);border-radius:999px;color:var(--ly-gold);background:rgba(215,169,87,.08);font-size:11px; }
.liuyao-cast-context p { margin:0 0 0 12px;overflow:hidden;color:var(--ly-muted);text-overflow:ellipsis;white-space:nowrap; }.liuyao-cast-context>small { flex:0 0 auto;color:rgba(225,229,255,.38); }
.liuyao-cast-progress { padding:20px 24px 18px;border:1px solid var(--ly-line);border-radius:16px;background:rgba(15,20,55,.68);box-shadow:inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(12px); }
.liuyao-progress-copy { display:flex;align-items:center;justify-content:space-between;gap:14px; }.liuyao-progress-copy span { color:var(--ly-text);font-size:17px;font-weight:800; }.liuyao-progress-copy span i { color:rgba(225,229,255,.4);font-size:12px;font-style:normal;font-weight:500; }.liuyao-progress-copy strong { color:var(--ly-gold);font-size:13px; }
.liuyao-progress-bar { height:3px;margin:16px 0;overflow:hidden;border-radius:4px;background:rgba(225,229,255,.1); }.liuyao-progress-bar i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ly-purple),var(--ly-cyan));box-shadow:0 0 12px var(--ly-cyan);transition:width .35s ease; }
.liuyao-step-track { display:grid;grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none; }.liuyao-step-track li { position:relative;z-index:0;display:grid;place-items:center;gap:5px;color:rgba(225,229,255,.35); }
.liuyao-step-track li::before { position:absolute;z-index:-1;top:13px;right:50%;width:100%;height:1px;background:rgba(145,155,226,.18);content:""; }.liuyao-step-track li:first-child::before { display:none; }
.liuyao-step-track li>span { display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(145,155,226,.28);border-radius:50%;background:#101633;font-size:11px; }.liuyao-step-track li small { font-size:10px; }
.liuyao-step-track li.is-done { color:var(--ly-cyan); }.liuyao-step-track li.is-done>span { border-color:rgba(53,215,255,.52);background:rgba(53,215,255,.12); }.liuyao-step-track li.is-current { color:var(--ly-gold); }.liuyao-step-track li.is-current>span { border-color:var(--ly-gold);box-shadow:0 0 14px rgba(215,169,87,.32); }
.liuyao-casting-grid { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:20px;margin-top:20px; }
.liuyao-cast-center,.liuyao-live-panel,.liuyao-manual-panel { border:1px solid var(--ly-line);border-radius:18px;background:linear-gradient(145deg,rgba(15,20,55,.82),rgba(8,13,38,.72));box-shadow:0 22px 56px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04); }
.liuyao-cast-center { display:flex;flex-direction:column;align-items:center;min-width:0;padding:18px clamp(18px,3vw,36px) 26px; }

.liuyao-oracle-stage { position:relative;width:min(100%,480px);aspect-ratio:14/10;margin:2px auto 0;perspective:900px; }.liuyao-turtle-shell { position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 24px 20px rgba(0,0,0,.42));transform-origin:50% 54%; }
.liuyao-turtle-shell .shell-body { filter:drop-shadow(0 0 12px rgba(215,169,87,.18)); }.liuyao-oracle-stage.is-resting .liuyao-turtle-shell { animation:liuyaoShellBreathe 4.2s ease-in-out infinite; }.liuyao-oracle-stage.is-casting .liuyao-turtle-shell { animation:liuyaoShellShake 1.85s cubic-bezier(.42,0,.3,1); }
.liuyao-energy-ring { position:absolute;z-index:0;top:51%;left:50%;border:1px solid rgba(53,215,255,.16);border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg); }.liuyao-energy-ring.ring-one { width:94%;height:74%;animation:liuyaoRing 4s ease-in-out infinite; }.liuyao-energy-ring.ring-two { width:72%;height:55%;border-color:rgba(157,108,255,.2);animation:liuyaoRing 4s 1s ease-in-out infinite reverse; }
.liuyao-coins { position:absolute;z-index:4;inset:0;transform-style:preserve-3d; }.liuyao-coin { position:absolute;top:50%;left:50%;display:grid;place-items:center;width:clamp(58px,14%,72px);aspect-ratio:1;border:4px ridge #d2a65b;border-radius:50%;color:#271a12;background:radial-gradient(circle at 34% 27%,#f1d38d,#b77a34 56%,#5b3520);box-shadow:0 10px 14px rgba(0,0,0,.46),inset 0 0 0 5px rgba(74,39,21,.25),inset 0 0 15px rgba(255,222,139,.4);font-family:"STKaiti","KaiTi",serif;transform-style:preserve-3d;backface-visibility:visible; }
.liuyao-coin::before { position:absolute;inset:14%;border:1px solid rgba(73,40,21,.46);border-radius:50%;content:""; }.liuyao-coin i { position:absolute;width:21%;height:21%;border:2px solid #5d351e;background:#151329;box-shadow:inset 0 0 5px #000;transform:rotate(4deg); }.liuyao-coin b { position:relative;z-index:2;font-size:18px;transform:translateY(-20px); }
.liuyao-coin.is-bei { color:#482a1b;background:radial-gradient(circle at 62% 67%,#d19b4e,#8d572b 60%,#4c2c1e); }.liuyao-coin.is-bei b { transform:translateY(20px) rotate(180deg); }.liuyao-coin.coin-1 { transform:translate(-145%,-47%) rotate(-10deg); }.liuyao-coin.coin-2 { transform:translate(-50%,-68%) rotate(5deg); }.liuyao-coin.coin-3 { transform:translate(45%,-42%) rotate(13deg); }
.liuyao-coins.is-casting .coin-1 { animation:liuyaoCoinCast 1.72s cubic-bezier(.25,.7,.32,1) both; }.liuyao-coins.is-casting .coin-2 { animation:liuyaoCoinCast 1.68s .07s cubic-bezier(.25,.7,.32,1) both reverse; }.liuyao-coins.is-casting .coin-3 { animation:liuyaoCoinCast 1.74s .13s cubic-bezier(.25,.7,.32,1) both; }
.liuyao-spark { position:absolute;z-index:6;width:5px;height:5px;border-radius:50%;opacity:0;background:#ffe3a0;box-shadow:0 0 12px #d7a957; }.liuyao-oracle-stage.is-casting .spark-one { top:38%;left:31%;animation:liuyaoSpark 1.4s .24s ease-out; }.liuyao-oracle-stage.is-casting .spark-two { top:57%;right:30%;animation:liuyaoSpark 1.25s .62s ease-out; }.liuyao-oracle-stage.is-casting .spark-three { top:42%;right:43%;animation:liuyaoSpark 1.1s 1s ease-out; }
.liuyao-cast-result { min-height:22px;margin:-3px 0 15px;color:var(--ly-gold);font-size:13px;text-align:center; }.liuyao-shake { min-width:180px; }.liuyao-button-spinner { width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:liuyaoSpin .8s linear infinite; }

.liuyao-live-panel { padding:24px; }.liuyao-live-panel>header { display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:20px; }.liuyao-live-panel>header>span { grid-column:1; }.liuyao-live-panel>header h2 { grid-column:1;margin:5px 0 0;font:700 23px/1.2 "STKaiti","KaiTi",serif; }.liuyao-live-panel>header small { grid-column:2;grid-row:1/3;align-self:end;color:rgba(225,229,255,.32); }
.liuyao-live-hexagram { display:flex;flex-direction:column;gap:12px;padding:18px 14px;border-block:1px solid rgba(145,155,226,.14); }.liuyao-line-row { display:grid;grid-template-columns:36px minmax(112px,1fr) 20px;align-items:center;gap:8px;min-height:24px; }.liuyao-line-label { color:rgba(225,229,255,.36);font-size:10px; }
.liuyao-line { display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;height:13px;filter:drop-shadow(0 0 5px transparent);transition:.25s ease; }.liuyao-line i { display:block;height:6px;border-radius:2px;background:rgba(225,229,255,.13); }.liuyao-line.yang { grid-template-columns:1fr; }.liuyao-line.yang i:first-child,.liuyao-line.yin i { background:linear-gradient(90deg,#8d6bf0,#35d7ff); }.liuyao-line.yang i:last-child { display:none; }
.liuyao-line-row.is-generated .liuyao-line { filter:drop-shadow(0 0 6px rgba(53,215,255,.32)); }.liuyao-line-row.is-moving .liuyao-line i { background:linear-gradient(90deg,#b77d36,#f0cf7d); }.liuyao-line-row.is-moving .liuyao-line { filter:drop-shadow(0 0 8px rgba(215,169,87,.45)); }.liuyao-moving-mark { color:var(--ly-gold);font-size:16px;text-align:center; }
.liuyao-live-panel>footer { display:flex;align-items:center;gap:12px;margin-top:12px;color:rgba(225,229,255,.4);font-size:10px; }.liuyao-live-panel>footer>small { margin-right:auto; }.liuyao-live-panel>footer span { display:inline-flex;align-items:center;gap:5px; }.liuyao-live-panel>footer i { width:8px;height:2px;background:var(--ly-cyan); }.liuyao-live-panel>footer span:last-child i { background:var(--ly-gold); }

.liuyao-manual-panel { width:100%;padding:26px; }.liuyao-manual-panel>header h2 { margin:5px 0 6px;font:700 25px/1.2 "STKaiti","KaiTi",serif; }.liuyao-manual-panel>header p { margin:0;color:var(--ly-muted);font-size:12px;line-height:1.7; }
.liuyao-time-field { display:grid;grid-template-columns:88px 1fr;align-items:center;gap:5px 10px;margin:20px 0; }.liuyao-time-field>span { color:var(--ly-muted);font-size:13px;font-weight:700; }.liuyao-time-field input { min-height:42px;padding:0 12px;border:1px solid var(--ly-line);border-radius:10px;color-scheme:dark;background:rgba(7,11,31,.55); }.liuyao-time-field small { grid-column:2;color:rgba(225,229,255,.34);font-size:10px; }
.liuyao-manual-rows { display:flex;flex-direction:column;gap:10px; }.liuyao-manual-row { display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px; }.liuyao-manual-row>strong { display:flex;flex-direction:column;gap:2px;color:var(--ly-muted);font-size:12px; }.liuyao-manual-row>strong small { color:var(--ly-gold);font-size:9px; }
.liuyao-manual-segments { display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border:1px solid rgba(145,155,226,.16);border-radius:12px;background:rgba(5,9,29,.44); }.liuyao-manual-segments button { display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border-radius:8px;color:rgba(225,229,255,.48);background:transparent;font-size:11px;transition:.18s ease; }.liuyao-manual-segments button b { font-size:13px; }.liuyao-manual-segments button:hover { color:var(--ly-text);background:rgba(157,108,255,.1); }.liuyao-manual-segments button.is-active { color:#fff;background:rgba(157,108,255,.72);box-shadow:0 5px 14px rgba(83,53,171,.25); }.liuyao-manual-segments button.is-active.is-moving { background:linear-gradient(130deg,#9f723c,#c49649); }.liuyao-manual-submit { width:100%;margin-top:20px; }
.liuyao-formed { position:fixed;z-index:30;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;background:rgba(7,11,31,.52);backdrop-filter:blur(5px);animation:liuyaoFade .7s ease both; }.liuyao-formed span { color:var(--ly-gold);font:700 clamp(36px,7vw,68px)/1 "STKaiti","KaiTi",serif;letter-spacing:.12em;text-shadow:0 0 28px rgba(215,169,87,.42); }.liuyao-formed strong { margin-top:13px;color:var(--ly-muted);font-size:12px;letter-spacing:.2em; }
.liuyao-charting { display:grid;place-items:center;min-height:520px;text-align:center; }.liuyao-charting .liuyao-loader { position:relative;width:86px;height:86px;margin-bottom:24px;border:1px solid rgba(53,215,255,.28);border-radius:50%;box-shadow:inset 0 0 28px rgba(157,108,255,.18);animation:liuyaoSpin 3s linear infinite; }.liuyao-charting .liuyao-loader::before,.liuyao-charting .liuyao-loader::after { position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--ly-gold);box-shadow:0 0 15px var(--ly-gold);content:"";transform:translate(-50%,-50%); }.liuyao-charting .liuyao-loader::after { width:46px;height:1px;border-radius:0;background:var(--ly-cyan);box-shadow:none;transform-origin:left; }.liuyao-charting h2 { margin:8px 0;font:700 28px/1.2 "STKaiti","KaiTi",serif; }.liuyao-charting p { margin:0;color:var(--ly-muted);font-size:12px; }

.liuyao-result-page { max-width:1100px;margin:0 auto; }.liuyao-result-hero { display:flex;align-items:center;justify-content:space-between;margin-bottom:20px; }.liuyao-result-hero h1 { margin:6px 0 0;font:700 clamp(28px,4vw,40px)/1.2 "STKaiti","KaiTi",serif; }.liuyao-result-seal { width:54px;height:54px; }
.liuyao-result-context { display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;border:1px solid var(--ly-line);border-radius:14px;background:rgba(15,20,55,.64); }.liuyao-result-context>span { flex:0 0 auto;padding:6px 11px;border:1px solid rgba(215,169,87,.34);border-radius:999px;color:var(--ly-gold);font-size:11px; }.liuyao-result-context p { margin:0 0 3px;color:var(--ly-text); }.liuyao-result-context time { color:rgba(225,229,255,.38);font-size:10px; }
.liuyao-change-flow { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px; }.liuyao-result-gua { padding:22px;border:1px solid rgba(145,155,226,.24);border-radius:17px;background:linear-gradient(145deg,rgba(17,24,62,.92),rgba(9,14,40,.84));box-shadow:0 20px 46px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05); }.liuyao-result-gua:last-of-type { border-color:rgba(215,169,87,.25); }
.liuyao-gua-heading { display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(145,155,226,.14); }.liuyao-gua-heading span { color:var(--ly-cyan);font-size:11px;font-weight:800;letter-spacing:.12em; }.liuyao-gua-heading small { color:rgba(225,229,255,.36); }
.liuyao-gua-copy { display:flex;align-items:center;gap:16px;padding:18px 0 12px; }.liuyao-gua-symbol { color:var(--ly-gold);font-size:50px;line-height:1;text-shadow:0 0 18px rgba(215,169,87,.24); }.liuyao-gua-copy small { color:var(--ly-muted); }.liuyao-gua-copy h3 { margin:2px 0 3px;font:700 27px/1.2 "STKaiti","KaiTi",serif; }.liuyao-gua-copy p { margin:0;color:rgba(225,229,255,.48);font-size:11px; }
.liuyao-mini-lines { display:flex;flex-direction:column;gap:7px;padding-top:14px;border-top:1px solid rgba(145,155,226,.12); }.liuyao-mini-lines .liuyao-line-row { grid-template-columns:32px 1fr 18px;min-height:16px; }.liuyao-mini-lines .liuyao-line { height:9px; }.liuyao-mini-lines .liuyao-line i { height:4px; }
.liuyao-change-arrow { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:74px;color:var(--ly-gold);text-align:center; }.liuyao-change-arrow span { max-width:82px;font-size:10px;line-height:1.5; }.liuyao-change-arrow b { display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(215,169,87,.35);border-radius:50%;font-weight:400; }
.liuyao-no-change { display:grid;place-content:center;min-width:200px;padding:22px;border:1px dashed rgba(145,155,226,.2);border-radius:17px;color:rgba(225,229,255,.38);text-align:center; }.liuyao-no-change span { color:var(--ly-gold);font:700 34px/1 "STKaiti","KaiTi",serif; }.liuyao-no-change p { margin:10px 0 0;font-size:11px; }
.liuyao-reading-block { margin-top:20px;padding:clamp(22px,3vw,32px);border:1px solid var(--ly-line);border-radius:18px;background:rgba(15,20,55,.7); }.liuyao-reading-block>header { margin-bottom:20px; }.liuyao-reading-block>header h3 { margin:5px 0;font:700 27px/1.2 "STKaiti","KaiTi",serif; }.liuyao-reading-block>header p { margin:0;color:rgba(225,229,255,.42);font-size:11px; }
.liuyao-reading-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }.liuyao-reading-section { position:relative;padding:18px 18px 18px 48px;border:1px solid rgba(145,155,226,.16);border-radius:13px;background:rgba(7,11,31,.35); }.liuyao-reading-section>span { position:absolute;top:19px;left:17px;color:rgba(53,215,255,.45);font-size:10px;font-weight:800; }.liuyao-reading-section h4 { margin:0 0 8px;color:var(--ly-text);font-size:14px; }.liuyao-reading-section p { margin:0;color:var(--ly-muted);font-size:13px;line-height:1.8; }.liuyao-moving-reading,.liuyao-advice { grid-column:1/-1; }.liuyao-moving-reading article+article { margin-top:13px;padding-top:13px;border-top:1px solid rgba(145,155,226,.14); }.liuyao-moving-reading strong { color:var(--ly-gold);font-size:12px; }.liuyao-moving-reading blockquote { margin:7px 0;color:rgba(247,245,255,.88);font-family:"STKaiti","KaiTi",serif; }.liuyao-advice { border-color:rgba(53,215,255,.22);background:linear-gradient(90deg,rgba(53,215,255,.06),rgba(157,108,255,.06)); }
.liuyao-classical,.liuyao-professional { margin-top:12px;border:1px solid var(--ly-line);border-radius:14px;overflow:hidden;background:rgba(15,20,55,.58); }.liuyao-classical>button,.liuyao-disclosure { display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 18px;color:var(--ly-muted);background:transparent;text-align:left; }.liuyao-classical>button:hover,.liuyao-disclosure:hover { color:var(--ly-text);background:rgba(157,108,255,.07); }.liuyao-classical>button span,.liuyao-disclosure b { transition:transform .2s ease; }.liuyao-classical>button[aria-expanded="true"] span,.liuyao-professional.is-open .liuyao-disclosure b { transform:rotate(180deg); }.liuyao-classical>div,.liuyao-chart-body { padding:20px;border-top:1px solid var(--ly-line); }.liuyao-classical h4 { margin:15px 0 6px;color:var(--ly-gold); }.liuyao-classical h4:first-child { margin-top:0; }.liuyao-classical p { margin:5px 0;color:var(--ly-muted);line-height:1.75; }.liuyao-disclosure span { font-weight:700; }.liuyao-disclosure i { margin-left:auto;margin-right:16px;color:rgba(225,229,255,.36);font-size:11px;font-style:normal; }
.liuyao-chart-meta { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px; }.liuyao-chart-meta>div { padding:12px;border-radius:10px;background:rgba(7,11,31,.4); }.liuyao-chart-meta dt { color:rgba(225,229,255,.38);font-size:10px; }.liuyao-chart-meta dd { margin:4px 0 0;color:var(--ly-text);font-size:12px; }
.liuyao-chart-scroll { overflow-x: auto; }
.liuyao-chart-scroll table { width:100%;min-width:720px;border-collapse:collapse;font-size:12px; }.liuyao-chart-scroll th { color:rgba(225,229,255,.42);font-weight:600;text-align:left; }.liuyao-chart-scroll th,.liuyao-chart-scroll td { padding:11px 10px;border-bottom:1px solid rgba(145,155,226,.12);white-space:nowrap; }.liuyao-chart-scroll tr.is-moving td { color:#f1cc80;background:rgba(215,169,87,.05); }
.liuyao-chart-error,.liuyao-result-error { padding:24px;border:1px solid rgba(230,92,104,.28);border-radius:14px;color:#ffafb6;background:rgba(230,92,104,.08); }
.liuyao-result-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px; }.liuyao-result-actions button:not(.liuyao-primary) { min-height:46px;padding:0 19px;border:1px solid var(--ly-line);border-radius:12px;color:var(--ly-muted);background:rgba(15,20,55,.66);font-weight:700; }.liuyao-result-actions button:not(.liuyao-primary):hover { color:var(--ly-text);border-color:rgba(53,215,255,.42);background:rgba(53,215,255,.07); }.liuyao-disclaimer { max-width:850px;margin:24px auto 0;color:rgba(225,229,255,.32);font-size:10px;line-height:1.7;text-align:center; }

.liuyao-history-backdrop,.liuyao-modal-backdrop { position:fixed;z-index:90;inset:0;background:rgba(3,6,20,.7);backdrop-filter:blur(6px);animation:liuyaoFade .2s ease both; }.liuyao-history-panel { position:absolute;top:0;right:0;width:min(430px,92vw);height:100%;overflow:auto;border-left:1px solid rgba(145,155,226,.25);background:linear-gradient(160deg,#111736,#090e27);box-shadow:-24px 0 60px rgba(0,0,0,.36);animation:liuyaoSlideIn .3s ease both; }
.liuyao-history-panel>header { position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:25px 24px 18px;border-bottom:1px solid var(--ly-line);background:rgba(13,18,47,.92);backdrop-filter:blur(14px); }.liuyao-history-panel>header h3 { margin:4px 0 3px;font:700 27px/1.2 "STKaiti","KaiTi",serif; }.liuyao-history-panel>header small { color:rgba(225,229,255,.38); }.liuyao-history-panel>header button { display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ly-line);border-radius:10px;color:var(--ly-muted);background:rgba(7,11,31,.5);font-size:20px; }
.liuyao-history-list { display:flex;flex-direction:column;gap:10px;padding:18px; }.liuyao-history-list article { position:relative;display:flex;border:1px solid rgba(145,155,226,.17);border-radius:13px;background:rgba(18,24,62,.58);transition:.2s ease; }.liuyao-history-list article:hover { border-color:rgba(157,108,255,.45);transform:translateY(-1px); }.liuyao-history-main { display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:16px 42px 16px 16px;color:inherit;background:transparent;text-align:left; }.liuyao-history-main time { color:rgba(225,229,255,.36);font-size:10px; }.liuyao-history-main strong { display:block;max-width:100%;margin:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.liuyao-history-main>span { display:flex;align-items:center;gap:9px;color:var(--ly-muted);font-size:11px; }.liuyao-history-main i { padding:4px 7px;border-radius:999px;color:var(--ly-gold);background:rgba(215,169,87,.08);font-style:normal; }.liuyao-history-delete { position:absolute;top:11px;right:11px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:rgba(225,229,255,.38);background:transparent; }.liuyao-history-delete:hover { color:#ff9ca5;background:rgba(230,92,104,.12); }
.liuyao-empty-history { display:grid;place-items:center;min-height:300px;color:rgba(225,229,255,.38);text-align:center; }.liuyao-empty-history>span { color:rgba(157,108,255,.55);font-size:48px; }.liuyao-empty-history strong { margin-top:12px;color:var(--ly-muted); }.liuyao-empty-history p { margin:4px 0;font-size:11px; }
.liuyao-modal-backdrop { display:grid;place-items:center;z-index:110; }.liuyao-confirm-modal { width:min(360px,calc(100vw - 32px));padding:28px;border:1px solid rgba(230,92,104,.28);border-radius:16px;background:linear-gradient(150deg,#171d42,#0d122f);box-shadow:0 28px 70px rgba(0,0,0,.44);text-align:center;animation:liuyaoModalIn .22s ease both; }.liuyao-confirm-modal>span { display:grid;place-items:center;width:42px;height:42px;margin:0 auto;border-radius:50%;color:#ffafb6;background:rgba(230,92,104,.12);font-weight:800; }.liuyao-confirm-modal h3 { margin:14px 0 7px; }.liuyao-confirm-modal p { margin:0;color:var(--ly-muted);font-size:12px; }.liuyao-confirm-modal>div { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px; }.liuyao-confirm-modal button { min-height:42px;border:1px solid var(--ly-line);border-radius:10px;color:var(--ly-muted);background:rgba(7,11,31,.5); }.liuyao-confirm-modal button.is-danger { color:#fff;border-color:rgba(230,92,104,.45);background:#b84154; }

@keyframes liuyaoFadeUp { from { opacity:0;transform:translateY(12px); } } @keyframes liuyaoFade { from { opacity:0; } } @keyframes liuyaoSlideIn { from { transform:translateX(100%); } } @keyframes liuyaoModalIn { from { opacity:0;transform:translateY(10px) scale(.97); } } @keyframes liuyaoSpin { to { transform:rotate(360deg); } }
@keyframes liuyaoShellBreathe { 0%,100% { transform:translateY(3px) rotateX(2deg); } 50% { transform:translateY(-4px) rotateX(-1deg); } }
@keyframes liuyaoShellShake { 0%,100% { transform:translate3d(0,0,0) rotate(0); } 12% { transform:translate3d(-12px,-3px,0) rotate(-5deg) rotateX(4deg); } 25% { transform:translate3d(13px,1px,0) rotate(6deg) rotateX(-3deg); } 39% { transform:translate3d(-11px,-5px,0) rotate(-6deg) rotateX(5deg); } 53% { transform:translate3d(10px,1px,0) rotate(5deg) rotateX(-4deg); } 68% { transform:translate3d(-7px,-3px,0) rotate(-3deg); } 82% { transform:translate3d(5px,0,0) rotate(2deg); } }
@keyframes liuyaoCoinCast { 0% { transform:translate(-145%,-47%) rotateX(0) rotateY(0) rotateZ(-10deg) scale(1);filter:drop-shadow(0 8px 5px rgba(0,0,0,.4)); } 18% { transform:translate(-70%,-145%) rotateX(210deg) rotateY(120deg) rotateZ(25deg) scale(.9); } 38% { transform:translate(25%,-70%) rotateX(430deg) rotateY(250deg) rotateZ(-20deg) scale(1.05); } 58% { transform:translate(-90%,-125%) rotateX(650deg) rotateY(390deg) rotateZ(22deg) scale(.92); } 78% { transform:translate(-15%,-45%) rotateX(850deg) rotateY(520deg) rotateZ(-12deg) scale(1.03); } 90% { transform:translate(-45%,-70%) rotateX(1000deg) rotateY(650deg) rotateZ(8deg) scale(.97); } 100% { transform:translate(-50%,-52%) rotateX(1080deg) rotateY(720deg) rotateZ(0) scale(1);filter:drop-shadow(0 12px 8px rgba(0,0,0,.48)); } }
@keyframes liuyaoCoinCastReduced { from { opacity:.35;transform:translate(-50%,-64%) scale(.96); } to { opacity:1;transform:translate(-50%,-52%) scale(1); } }
@keyframes liuyaoSpark { 0% { opacity:0;transform:scale(.2); } 25% { opacity:1;transform:scale(1.5); } 100% { opacity:0;transform:translate(20px,-24px) scale(.2); } } @keyframes liuyaoRing { 0%,100% { opacity:.25;transform:translate(-50%,-50%) rotateX(64deg) scale(.96); } 50% { opacity:.6;transform:translate(-50%,-50%) rotateX(64deg) scale(1.04); } }

@media (max-width: 820px) {
  .liuyao-toolbar { overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none; }.liuyao-toolbar::-webkit-scrollbar { display:none; }.liuyao-toolbar-actions { flex:0 0 auto; }.liuyao-paper { width:min(100% - 28px,680px);padding-top:28px; }.liuyao-cast-context { align-items:flex-start;flex-direction:column;gap:6px; }.liuyao-cast-context>small { display:none; }.liuyao-casting-grid { grid-template-columns:1fr; }.liuyao-live-panel { order:2; }.liuyao-change-flow { grid-template-columns:1fr; }.liuyao-change-arrow { flex-direction:row;min-height:46px; }.liuyao-change-arrow b { transform:rotate(90deg); }.liuyao-no-change { min-height:100px; }.liuyao-chart-meta { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px) {
  .liuyao-toolbar { gap:9px;min-height:64px;padding:8px 12px; }.liuyao-mode-switch button { min-height:44px;padding:0 13px; }.liuyao-icon-action { min-width:68px;min-height:44px;padding-inline:9px; }.liuyao-toolbar-actions .game-leaderboard-button { min-height:44px; }.liuyao-paper { width:calc(100% - 20px);padding:18px 0 34px; }.liuyao-question-card { padding:23px 18px;border-radius:16px; }.liuyao-seal { width:48px;height:48px;font-size:22px; }.liuyao-question-intro { margin-top:19px; }
  .liuyao-category-grid { display:flex;margin-right:-18px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none; }.liuyao-category-grid::-webkit-scrollbar { display:none; }.liuyao-category-grid legend { position:absolute; }.liuyao-category-grid label { flex:0 0 auto;margin-top:28px; }.liuyao-category-grid label:last-child { margin-right:18px; }.liuyao-category-grid label span { min-height:44px; }.liuyao-question-field textarea { min-height:130px; }.liuyao-question-actions { align-items:stretch;flex-direction:column; }.liuyao-question-actions .liuyao-primary { width:100%;min-height:48px; }.liuyao-question-actions>span { text-align:center; }
  .liuyao-cast-progress { padding:17px 14px 14px; }.liuyao-step-track li small { font-size:9px; }.liuyao-cast-center { padding:13px 10px 22px; }.liuyao-oracle-stage { width:min(100%,390px); }.liuyao-coin { width:54px; }.liuyao-coin b { font-size:15px;transform:translateY(-16px); }.liuyao-coin.is-bei b { transform:translateY(16px) rotate(180deg); }.liuyao-shake { min-height:48px; }.liuyao-live-panel { padding:20px 15px; }.liuyao-live-hexagram { padding-inline:6px; }
  .liuyao-manual-panel { padding:21px 12px; }.liuyao-time-field { grid-template-columns:1fr; }.liuyao-time-field small { grid-column:1; }.liuyao-manual-row { grid-template-columns:42px minmax(0,1fr);gap:5px; }.liuyao-manual-segments { gap:2px;padding:3px; }.liuyao-manual-segments button { min-height:44px;flex-direction:column;gap:0;font-size:9px; }.liuyao-result-context { align-items:flex-start; }.liuyao-result-gua { padding:18px 15px; }.liuyao-reading-grid { grid-template-columns:1fr; }.liuyao-moving-reading,.liuyao-advice { grid-column:auto; }.liuyao-chart-meta { grid-template-columns:1fr; }.liuyao-result-actions { display:grid;grid-template-columns:1fr 1fr; }.liuyao-result-actions button { min-height:48px!important; }.liuyao-disclosure i { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  .liuyao-shell *,.liuyao-shell *::before,.liuyao-shell *::after { scroll-behavior:auto!important;transition-duration:.01ms!important; }.liuyao-oracle-stage.is-resting .liuyao-turtle-shell,.liuyao-oracle-stage.is-casting .liuyao-turtle-shell,.liuyao-energy-ring { animation:none!important; }.liuyao-coins.is-casting .liuyao-coin { animation:liuyaoCoinCastReduced .16s ease both!important; }.liuyao-spark { display:none; }
}