.liuyao-panel{--bg-primary:#0D0D0D;--bg-secondary:#111111;--bg-card:#171717;--bg-card-hover:#1C1C1C;--bg-elevated:#1B1B1B;--bg-overlay:rgba(0,0,0,0.6);--bg-hover:rgba(255,255,255,0.05);--border-subtle:rgba(255,255,255,0.05);--accent:#C8A96E;--accent-dim:#9B8A6B;--accent-subtle:rgba(200,169,110,0.10);--accent-hover:rgba(200,169,110,0.15);--accent-border:rgba(200,169,110,0.22);--text-primary:#F2F0EA;--text-secondary:#9B9993;--text-tertiary:#656360;--text-disabled:#454340;--border-default:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.14);--color-success:#5B8C5A;--color-warning:#C4954A;--color-error:#8C4A4A;--color-info:#5A7D8C;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-display:"Noto Serif SC","Source Han Serif SC","SimSun",serif;--font-heading:"Noto Serif SC","Source Han Serif SC","SimSun",serif;--font-body:"Inter","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Consolas",monospace;--font-number:"Inter","SF Pro Text","Helvetica Neue",sans-serif;--text-display:clamp(2rem,4vw,3rem);--text-h1:1.75rem;--text-h2:1.375rem;--text-h3:1.125rem;--text-body:0.9375rem;--text-caption:0.8125rem;--text-label:0.75rem;--lh-heading:1.3;--lh-body:1.7;--lh-caption:1.5;--ls-display:0.06em;--ls-heading:0.03em;--ls-label:0.05em;--ease-fast:150ms ease;--ease-normal:250ms ease;--ease-slow:350ms ease;--div-el-metal:#A0A09F;--div-el-wood:#7BA87B;--div-el-water:#7BA4B8;--div-el-fire:#C08181;--div-el-earth:#B8996A;--div-rel-parent:#6EE7B7;--div-rel-brother:#FDBA74;--div-rel-child:#93C5FD;--div-rel-wealth:#E8D48B;--div-rel-officer:#C4B5FD;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body)}.liuyao-panel .tool-panel-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.liuyao-panel .tool-panel-icon{font-size:24px;color:var(--accent)}.liuyao-panel .tool-panel-title{font-size:var(--text-h3);font-weight:700;color:var(--text-primary)}.liuyao-panel .tool-form-hint{font-size:12px;color:var(--text-disabled)}.liuyao-panel .tool-panel-back{margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-label);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all .2s}.liuyao-panel .tool-panel-back:hover{background:var(--bg-hover);color:var(--text-primary)}.liuyao-panel .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--ease-fast);white-space:nowrap;line-height:1.4}.liuyao-panel .btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.liuyao-panel .btn-primary{background:var(--accent);color:var(--bg-primary)}.liuyao-panel .btn-primary:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px)}.liuyao-panel .btn-ghost{background:transparent;color:var(--text-secondary)}.liuyao-panel .btn-ghost:hover:not(:disabled){background:var(--accent-subtle);color:var(--text-primary)}.liuyao-panel .btn-block{width:100%}.liuyao-panel .form-group{margin-bottom:var(--space-md)}.liuyao-panel .form-input{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-caption);font-family:var(--font-body);outline:none;transition:border-color var(--ease-fast),box-shadow var(--ease-fast)}.liuyao-panel .form-input::placeholder{color:var(--text-disabled)}.liuyao-panel .form-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}.liuyao-panel .form-input:disabled{opacity:.5;cursor:not-allowed}.liuyao-panel textarea.form-input{resize:vertical;min-height:100px;line-height:var(--lh-body)}.liuyao-panel .div-modes{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);margin:var(--space-xl) 0 var(--space-2xl)}.liuyao-panel .div-mode-btn{padding:var(--space-xs) 0;font-family:var(--font-body);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);cursor:pointer;border:none;background:transparent;transition:color var(--ease-normal);position:relative}.liuyao-panel .div-mode-btn:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:transparent;transition:background var(--ease-normal)}.liuyao-panel .div-mode-btn:hover{color:var(--text-secondary)}.liuyao-panel .div-mode-btn.active{color:var(--accent)}.liuyao-panel .div-mode-btn.active:after{background:var(--accent)}.liuyao-panel .div-mode-sep{color:var(--text-disabled);font-size:var(--text-label);user-select:none}.liuyao-panel .div-hero{text-align:center;padding:var(--space-3xl) var(--space-lg) var(--space-2xl)}.liuyao-panel .div-hero-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:var(--lh-heading);letter-spacing:var(--ls-display);color:var(--text-primary);margin-bottom:var(--space-sm)}.liuyao-panel .div-hero-sub{font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500;margin-bottom:var(--space-2xl)}.liuyao-panel .div-coin-stage{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);margin:0 auto var(--space-lg);max-width:480px;text-align:center}.liuyao-panel .div-toss-progress{font-size:var(--text-label);letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-lg)}.liuyao-panel .div-coins-display{display:flex;justify-content:center;gap:var(--space-xl);margin:var(--space-lg) 0}.liuyao-panel .div-coin{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-strong);position:relative;transition:background var(--ease-fast),border-color var(--ease-fast)}.liuyao-panel .div-coin:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;border:1px solid var(--border-hover)}.liuyao-panel .div-coin.tossing{animation:divCoinToss 1s ease-out}@keyframes divCoinToss{0%{transform:rotateY(0deg) rotateX(0deg) translateY(0)}15%{transform:rotateY(180deg) rotateX(20deg) translateY(-36px)}40%{transform:rotateY(540deg) rotateX(-10deg) translateY(-56px)}70%{transform:rotateY(900deg) rotateX(5deg) translateY(-20px)}to{transform:rotateY(3turn) rotateX(0deg) translateY(0)}}.liuyao-panel .div-coin.backs{background:var(--bg-secondary);border-color:var(--text-disabled)}.liuyao-panel .div-coin.backs:after{background:var(--bg-primary);border-color:var(--text-disabled)}.liuyao-panel .div-toss-result{font-family:var(--font-heading);font-size:var(--text-h3);color:var(--text-primary);min-height:2em;margin:var(--space-md) 0;letter-spacing:.04em}.liuyao-panel .div-toss-result .yao-result{font-weight:600;letter-spacing:.06em}.liuyao-panel .div-toss-btn{padding:var(--space-sm) var(--space-xl);font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.06em;color:var(--bg-primary);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--ease-fast)}.liuyao-panel .div-toss-btn:hover{opacity:.85}.liuyao-panel .div-toss-btn:disabled{opacity:.35;cursor:not-allowed}.liuyao-panel .div-toss-hint{font-size:var(--text-label);color:var(--text-tertiary);margin-top:var(--space-sm)}.liuyao-panel .div-builder{max-width:480px;margin:0 auto var(--space-lg)}.liuyao-panel .div-builder-label{font-family:var(--font-heading);font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md)}.liuyao-panel .div-builder-lines{display:flex;flex-direction:column-reverse;align-items:center;gap:2px}.liuyao-panel .div-builder-line{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);width:100%;border-bottom:1px solid var(--border-default);font-size:var(--text-caption)}.liuyao-panel .div-builder-line:last-child{border-bottom:none}.liuyao-panel .div-builder-line .line-pos{width:36px;font-size:var(--text-label);color:var(--text-tertiary)}.liuyao-panel .div-builder-line .line-yao{font-size:var(--text-h3);letter-spacing:.04em}.liuyao-panel .div-builder-line .line-type{font-size:var(--text-caption);font-weight:600;margin-left:auto}.liuyao-panel .div-type-lao-yang{color:var(--div-el-fire)}.liuyao-panel .div-type-shao-yang{color:#DBA0A0}.liuyao-panel .div-type-lao-yin{color:var(--div-el-water)}.liuyao-panel .div-type-shao-yin{color:#A0B8CF}.liuyao-panel .div-coin-question-wrap{max-width:480px;margin:0 auto}.liuyao-panel .div-coin-question-wrap .div-input{margin-bottom:var(--space-lg)}.liuyao-panel .div-coin-submit{display:block;width:100%;padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.06em;color:var(--bg-primary);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--ease-fast)}.liuyao-panel .div-coin-submit:hover{opacity:.85}.liuyao-panel .div-coin-submit:disabled{opacity:.35;cursor:not-allowed}.liuyao-panel .div-paste{max-width:560px;margin:0 auto var(--space-2xl)}.liuyao-panel .div-paste .div-input{text-align:left;margin-bottom:var(--space-md)}.liuyao-panel .div-paste-textarea{width:100%;height:240px;padding:var(--space-md);background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1.7;resize:vertical;outline:none;transition:border-color var(--ease-fast)}.liuyao-panel .div-paste-textarea:focus{border-color:var(--accent)}.liuyao-panel .div-paste-textarea::placeholder{color:var(--text-disabled)}.liuyao-panel .div-paste-hint{font-size:var(--text-label);color:var(--text-tertiary);margin-top:var(--space-xs)}.liuyao-panel .div-paste-btns{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.liuyao-panel .div-paste-submit{padding:var(--space-sm) var(--space-xl);font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.06em;color:var(--bg-primary);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--ease-fast)}.liuyao-panel .div-paste-submit:hover{opacity:.85}.liuyao-panel .div-paste-submit:disabled{opacity:.35;cursor:not-allowed}.liuyao-panel .div-paste-clear{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-label);color:var(--text-tertiary);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--ease-fast),border-color var(--ease-fast)}.liuyao-panel .div-paste-clear:hover{color:var(--text-secondary);border-color:var(--border-hover)}.liuyao-panel .div-result-wrap{margin-top:var(--space-2xl)}.liuyao-panel .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.liuyao-panel .spinner{width:28px;height:28px;border:2px solid var(--border-hover);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.liuyao-panel .loading-text{font-size:var(--text-caption);color:var(--text-tertiary);letter-spacing:var(--ls-label)}.liuyao-panel .error-state{padding:var(--space-lg);background:rgba(140,74,74,.06);border:1px solid rgba(140,74,74,.15);border-radius:var(--radius-md);text-align:center}.liuyao-panel .error-state .error-icon{font-size:1.5rem;margin-bottom:var(--space-sm)}.liuyao-panel .error-state .error-msg{font-size:var(--text-caption);color:var(--color-error);line-height:var(--lh-body);white-space:pre-line}@media (max-width:768px){.liuyao-panel .div-hero{padding:var(--space-2xl) var(--space-md) var(--space-xl)}.liuyao-panel .div-hero-title{font-size:1.625rem}.liuyao-panel .div-modes{gap:var(--space-md);flex-wrap:wrap}.liuyao-panel .div-mode-btn{font-size:.6875rem}.liuyao-panel .div-coin-stage{padding:var(--space-lg) var(--space-md)}.liuyao-panel .div-coins-display{gap:var(--space-md)}.liuyao-panel .div-coin{width:48px;height:48px}.liuyao-panel .div-paste-textarea{height:180px}}@media (max-width:480px){.liuyao-panel .div-hero-title{font-size:1.375rem}.liuyao-panel .div-modes{gap:var(--space-sm)}.liuyao-panel .div-coin{width:40px;height:40px}.liuyao-panel .div-coins-display{gap:var(--space-sm)}}.simple-cast{display:grid;gap:14px}.simple-cast>label{color:#eef1eb;font-size:18px;font-weight:700}.simple-cast textarea{width:100%;min-height:148px;resize:vertical;box-sizing:border-box;border:1px solid #274241;border-radius:14px;padding:16px;background:#061116;color:#eef1eb;font:inherit;line-height:1.8;outline:none}.simple-cast textarea:focus{border-color:#c8a95d;box-shadow:0 0 0 3px rgba(200,169,93,.12)}.simple-cast-hint{display:flex;justify-content:space-between;gap:16px;color:#809491;font-size:12px}.simple-cast button{border:1px solid #c8a95d;border-radius:999px;padding:13px 24px;background:#c8a95d;color:#07161b;font-weight:800;cursor:pointer}.simple-cast button:disabled{cursor:wait;opacity:.65}.simple-cast-message{margin:0;color:#c8a95d;text-align:center}.simple-cast-note{margin:0;color:#6f8582;text-align:center;font-size:12px;line-height:1.7}.coin-cast-progress{display:grid;gap:7px;padding:14px;border:1px solid #1d3838;border-radius:14px;background:#07161b}.coin-cast-progress>div{display:grid;grid-template-columns:42px 1fr 78px;align-items:center;gap:12px;color:#809491}.coin-cast-progress b{color:#d8e0df;text-align:center;letter-spacing:2px}.coin-cast-progress small{text-align:right}.coin-cast-progress .moving b,.coin-cast-progress .moving small{color:#c8a95d}.cast-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;border:1px solid #1d3838;border-radius:14px;background:#061116}.cast-mode-tabs button{border:1px solid transparent;border-radius:10px;padding:10px 8px;background:transparent;color:#809491;font:inherit;cursor:pointer}.cast-mode-tabs button.active{border-color:#8f7a47;background:#15211e;color:#e4cf8a}.cast-mode-tabs button:disabled{cursor:wait;opacity:.55}.manual-cast-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.manual-cast-actions p{grid-column:1/-1;margin:0;color:#809491;font-size:13px;line-height:1.7}.manual-cast-actions button,.paste-actions button{border:1px solid #c8a95d;border-radius:999px;padding:11px 18px;background:#c8a95d;color:#07161b;font-weight:800;cursor:pointer}.manual-cast-actions button.secondary,.paste-actions button.secondary{background:transparent;color:#c8a95d}.manual-cast-actions button:disabled,.paste-actions button:disabled{cursor:not-allowed;opacity:.45}.paste-cast-panel{display:grid;gap:12px;padding:18px;border:1px solid #1d3838;border-radius:14px;background:#07161b}.paste-cast-panel>label{color:#d8e0df;font-weight:700}.paste-cast-panel textarea{min-height:210px}.paste-status{margin:0;color:#8fa3a0;font-size:12px;line-height:1.7}.paste-status.error{color:#d7a07a}.paste-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:560px){.cast-mode-tabs,.manual-cast-actions{grid-template-columns:1fr}.paste-actions{flex-direction:column-reverse}}.paste-cast-panel>label,.simple-cast>label{color:var(--ink);font-family:var(--font-display),Georgia,serif}.cast-mode-tabs,.coin-cast-progress,.paste-cast-panel,.simple-cast textarea{border-color:var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--night) 82%,transparent)}.simple-cast textarea{color:var(--ink)}.simple-cast textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 14%,transparent)}.coin-cast-progress>div,.manual-cast-actions p,.paste-status,.simple-cast-hint{color:var(--muted)}.manual-cast-actions button,.paste-actions button,.simple-cast button{border-color:var(--gold);border-radius:7px;background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:var(--night);box-shadow:0 8px 20px #0004}.manual-cast-actions button:hover:not(:disabled),.paste-actions button:hover:not(:disabled),.simple-cast button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.manual-cast-actions button.secondary,.paste-actions button.secondary{background:#ffffff05;color:var(--gold-bright)}.cast-mode-tabs button{border-radius:7px;color:var(--muted)}.cast-mode-tabs button.active{border-color:color-mix(in srgb,var(--gold) 70%,transparent);background:color-mix(in srgb,var(--gold) 12%,var(--panel));color:var(--gold-bright)}.coin-cast-progress .moving b,.coin-cast-progress .moving small,.simple-cast-message{color:var(--gold)}.cast-mode-tabs button{border-color:color-mix(in srgb,var(--gold) 32%,transparent);background:color-mix(in srgb,var(--gold) 78%,#371512);color:#fff7ee;font-weight:700;text-shadow:0 1px 1px #32100ccc}.cast-mode-tabs button:hover:not(:disabled){background:color-mix(in srgb,var(--gold) 90%,#371512);color:#fff}.cast-mode-tabs button.active{border-color:color-mix(in srgb,#fff 52%,var(--gold));background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#fffdf8;box-shadow:0 5px 14px color-mix(in srgb,var(--gold) 28%,transparent)}.beta-gender-field{min-width:0;margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}.beta-gender-field legend{grid-column:1/-1;width:100%;margin:0 0 8px;padding:0;color:var(--ink);font-family:var(--font-display),Georgia,serif;font-size:15px;font-weight:700}.beta-gender-field legend small{margin-left:8px;color:var(--muted);font-family:var(--font-sans),sans-serif;font-size:11px;font-weight:400}.beta-gender-field label{min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.beta-gender-field label:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--ink);transform:translateY(-1px)}.beta-gender-field input{appearance:none;box-sizing:border-box;flex:0 0 15px;width:15px!important;min-width:15px;max-width:15px;height:15px!important;min-height:15px;max-height:15px;margin:0!important;padding:0!important;border:1px solid var(--muted);border-radius:50%;background:transparent;box-shadow:inset 0 0 0 3px transparent}.beta-gender-field label:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel));color:var(--gold-bright);box-shadow:0 5px 14px color-mix(in srgb,var(--gold) 14%,transparent)}.beta-gender-field input:checked{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px var(--panel)}.beta-gender-field:disabled label{cursor:wait;opacity:.58;transform:none}@media (max-width:560px){.beta-gender-field legend small{display:block;margin:4px 0 0;line-height:1.5}}