:root{color-scheme:light;--bg: #ecfeff;--card: rgba(255, 255, 255, .82);--card2: rgba(255, 255, 255, .68);--border: rgba(8, 145, 178, .18);--text: rgba(22, 78, 99, .95);--muted: rgba(22, 78, 99, .7);--primary: #0891b2;--primary2: #22d3ee;--danger: #dc2626;--shadow: 0 18px 50px rgba(8, 145, 178, .16);--radius: 18px;--focus: rgba(8, 145, 178, .3);--topbar-bg: rgba(236, 254, 255, .72);--primary-a10: rgba(8, 145, 178, .1);--primary-a12: rgba(8, 145, 178, .12);--primary-a18: rgba(8, 145, 178, .18);--primary-a28: rgba(8, 145, 178, .28);--primary-a35: rgba(8, 145, 178, .35);--primary-a55: rgba(8, 145, 178, .55);--primary-a95: rgba(8, 145, 178, .95)}:root{--zrel-he: #0ea5e9;--zrel-chong: #ef4444;--zrel-hai: #f59e0b;--zrel-xing: #a855f7;--zrel-none: rgba(148, 163, 184, .65);--e5-wood: rgba(34, 197, 94, .95);--e5-fire: rgba(239, 68, 68, .95);--e5-earth: rgba(245, 158, 11, .95);--e5-metal: rgba(148, 163, 184, .95);--e5-water: rgba(14, 165, 233, .95)}.badge.zrel{color:#ffffffeb;border-color:transparent}.badge.zrel-he{background:var(--zrel-he)}.badge.zrel-chong{background:var(--zrel-chong)}.badge.zrel-hai{background:var(--zrel-hai)}.badge.zrel-xing{background:var(--zrel-xing)}.badge.zrel-none{background:var(--zrel-none)}.zodiac-matrix-scroll{overflow:auto;border:1px solid var(--border);border-radius:14px;background:radial-gradient(1200px 600px at 20% 0%,rgba(14,165,233,.12),transparent 65%),radial-gradient(900px 520px at 95% 15%,rgba(168,85,247,.1),transparent 60%),#ffffff05;max-height:380px}.zodiac-matrix{display:grid;grid-template-columns:52px repeat(12,36px);gap:8px;padding:12px;min-width:484px}.zodiac-matrix-corner{width:52px;height:36px}.zodiac-matrix-head{height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:#ffffff08;font-weight:900;color:var(--text)}.zodiac-matrix-head.row{width:52px}.zodiac-matrix-head.active{border-color:#0ea5e98c;box-shadow:0 0 0 2px #0ea5e92e}.zodiac-cell{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:#ffffff05;color:#ffffffeb;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,filter .12s ease}.zodiac-cell:disabled{cursor:not-allowed;opacity:.65}.zodiac-cell:hover:not(:disabled),.zodiac-cell.hover:not(:disabled){transform:translateY(-1px);border-color:#164e6338;box-shadow:0 10px 20px #0891b22e}.zodiac-cell.active:not(:disabled){transform:translateY(-1px);border-color:#0ea5e98c;box-shadow:0 0 0 3px #0ea5e938,0 12px 24px #0891b233}.zodiac-cell-text{font-weight:900;font-size:13px;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.35)}.zodiac-cell.zrel-he{background:linear-gradient(180deg,#0ea5e9f2,#0284c7f2);border-color:#0ea5e98c}.zodiac-cell.zrel-chong{background:linear-gradient(180deg,#ef4444f2,#dc2626f2);border-color:#ef44448c}.zodiac-cell.zrel-hai{background:linear-gradient(180deg,#f59e0bf2,#d97706f2);border-color:#f59e0b8c}.zodiac-cell.zrel-xing{background:linear-gradient(180deg,#a855f7f2,#9333eaf2);border-color:#a855f78c}.zodiac-cell.zrel-none{background:#164e6312;border-color:#0891b22e;color:var(--text)}.zodiac-report{display:grid;gap:14px}.zp-top{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:stretch}.zp-seal{position:relative;border-radius:18px;border:1px solid var(--border);background:radial-gradient(120px 120px at 30% 25%,rgba(34,211,238,.28),transparent 60%),radial-gradient(140px 140px at 80% 30%,rgba(168,85,247,.2),transparent 62%),linear-gradient(180deg,#ffffff1a,#ffffff08);box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center;padding:14px}.zp-seal-ring{position:absolute;inset:12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 6px #22d3ee1a,inset 0 0 0 14px #a855f70f;pointer-events:none}.zp-seal-glyph{font-weight:900;font-size:62px;line-height:1;letter-spacing:2px;color:#ffffffeb;text-shadow:0 18px 45px rgba(0,0,0,.3)}.zp-seal-sub{margin-top:8px;font-weight:900;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffb3}.zp-head{border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:var(--shadow);padding:14px;display:grid;gap:10px}.zp-head-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.zp-title{font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffffffdb}.zp-status{display:flex;align-items:center;gap:10px}.zp-head-line{font-size:18px;font-weight:900;line-height:1.45}.zp-head-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.zp-disclaimer{color:var(--muted);font-size:12px;line-height:1.7}.zp-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;align-items:start}.zp-col{display:grid;gap:14px}.zp-card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#ffffff0e,#ffffff05);box-shadow:var(--shadow);padding:12px;display:grid;gap:10px}.zp-card-head{display:grid;gap:2px}.zp-card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.zp-mini-btn{padding:8px 12px;border-radius:12px;font-size:12px}.zp-ai-scroll{max-height:380px;overflow:auto;padding-right:6px}.zp-card-title{font-size:14px;font-weight:900;letter-spacing:.08em}.zp-card-sub{color:var(--muted);font-size:12px}.zp-compare{display:grid;gap:10px}.zp-compare-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.zp-compare-left,.zp-compare-right{display:flex;align-items:center;gap:8px}.zp-compare-mid{color:var(--muted);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.zp-chip{border:1px solid var(--border);background:#ffffff08;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;display:inline-flex;gap:8px;align-items:center}.zp-chip.big{font-size:14px;padding:7px 12px}.zp-chip.subtle{color:var(--muted);font-weight:900}.zp-select{width:180px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:10px 12px;font-weight:900}.zp-compare-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zp-compare-split{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:12px}.zp-wuxing-wrap{position:relative;width:160px}.zp-wuxing-hover{position:absolute;left:50%;bottom:44px;transform:translate(-50%);border:1px solid rgba(255,255,255,.16);background:#00000038;color:#ffffffe0;padding:8px 10px;border-radius:12px;font-weight:900;font-size:12px;white-space:nowrap;backdrop-filter:blur(10px);box-shadow:0 16px 35px #00000040;max-width:160px;overflow:hidden;text-overflow:ellipsis}.zp-wuxing{position:relative;width:160px;display:grid;grid-template-rows:auto 160px auto;gap:8px}.zp-wuxing-tip{position:relative;width:160px;padding:8px 10px;border-radius:14px;border:1px solid var(--border);background:var(--card);backdrop-filter:blur(10px);font-weight:900;font-size:11px;color:var(--text);line-height:1.5;display:flex;flex-wrap:wrap;gap:6px;box-shadow:var(--shadow)}.zp-wuxing-tip .tip-note{width:100%;color:var(--muted)}.zp-wuxing-stage{position:relative;width:160px;height:160px;justify-self:center}.zp-wuxing-tip .tip-k{color:var(--muted)}.zp-wuxing-tip .tip-sep{color:#164e6352;margin:0 6px}.zp-wuxing-svg{position:absolute;left:0;top:0;width:160px;height:160px;transform:none}.zp-wuxing-svg .wx-gen path{fill:none;stroke:#22d3ee8c;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:6 6;opacity:.92}.zp-wuxing-svg .wx-over path{fill:none;stroke:#ef444480;stroke-width:2;stroke-linecap:round;opacity:.85}.zp-wuxing[data-self=木] .wx-gen path:nth-child(1),.zp-wuxing[data-self=火] .wx-gen path:nth-child(2),.zp-wuxing[data-self=土] .wx-gen path:nth-child(3),.zp-wuxing[data-self=金] .wx-gen path:nth-child(4),.zp-wuxing[data-self=水] .wx-gen path:nth-child(5){stroke:#22d3eeeb;stroke-width:3.2;stroke-dasharray:none;filter:drop-shadow(0 10px 18px rgba(34,211,238,.2))}.zp-wuxing[data-self=木] .wx-over path:nth-child(1),.zp-wuxing[data-self=火] .wx-over path:nth-child(2),.zp-wuxing[data-self=土] .wx-over path:nth-child(3),.zp-wuxing[data-self=金] .wx-over path:nth-child(4),.zp-wuxing[data-self=水] .wx-over path:nth-child(5){stroke:#ef4444eb;stroke-width:3;filter:drop-shadow(0 10px 18px rgba(239,68,68,.16))}.zp-wx-reset{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffe0;padding:4px 8px;border-radius:10px;font-weight:900;cursor:pointer}.zp-wx-reset:hover{background:#ffffff1a}.zp-wuxing-nodes{position:absolute;inset:0;width:160px;height:160px}.zp-wx-node{position:absolute;width:46px;height:46px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:#00000029;display:grid;place-items:center;text-align:center;padding:0;cursor:pointer;box-shadow:0 14px 28px #0003;backdrop-filter:blur(10px);--wx-tx: 0px;--wx-ty: 0px;--wx-scale: 1;transform:translate(var(--wx-tx),var(--wx-ty)) scale(var(--wx-scale));transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}.zp-wx-node.self{--wx-scale: 1.06;box-shadow:0 0 0 3px #22d3ee29,0 16px 36px #00000047}.zp-wx-node.obs{--wx-scale: 1.06;box-shadow:0 0 0 3px #ffffff1a,0 16px 36px #00000047}.zp-wx-node:hover{filter:brightness(1.06);box-shadow:0 0 0 3px #ffffff1a,0 16px 36px #0000004d}.zp-wx-node.p1{left:50%;top:-2px;--wx-tx: -50%}.zp-wx-node.p2{right:-2px;top:36%;--wx-ty: -50%}.zp-wx-node.p3{right:20%;bottom:-2px}.zp-wx-node.p4{left:20%;bottom:-2px}.zp-wx-node.p5{left:-2px;top:36%;--wx-ty: -50%}.zp-wx-node-k{font-weight:900;font-size:16px;line-height:1;margin-top:2px}.zp-wx-node-sub{display:none}.zp-wuxing-legend{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}.wx-legend{border-radius:999px;padding:6px 10px;border:1px solid rgba(255,255,255,.14);background:#00000024;font-weight:900;font-size:11px;color:#ffffffc7}.wx-legend.gen{border-color:#22d3ee38}.wx-legend.over{border-color:#ef444438}.zp-e5-ring{position:relative;width:160px;height:160px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(80px 80px at 50% 50%,rgba(255,255,255,.05),transparent 70%),radial-gradient(120px 120px at 20% 25%,rgba(34,211,238,.1),transparent 62%),radial-gradient(120px 120px at 90% 20%,rgba(168,85,247,.08),transparent 62%);box-shadow:inset 0 0 0 10px #ffffff08,0 18px 55px #00000040}.zp-e5-ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:999px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;text-align:center;box-shadow:0 14px 28px #00000040}.zp-e5-ring-node{position:absolute;width:56px;height:56px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:#0000002e;display:grid;place-items:center;text-align:center;backdrop-filter:blur(10px)}.zp-e5-ring-node.n1{left:50%;top:6px;transform:translate(-50%)}.zp-e5-ring-node.n2{right:6px;top:50%;transform:translateY(-50%)}.zp-e5-ring-node.n3{left:50%;bottom:6px;transform:translate(-50%)}.zp-e5-ring-node.n4{left:6px;top:50%;transform:translateY(-50%)}.zp-e5-ring-k{color:#ffffffb3;font-weight:900;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.zp-e5-ring-v{font-weight:900;font-size:16px;margin-top:-2px;text-shadow:0 8px 18px rgba(0,0,0,.25)}.zp-e5-ring-arrow{position:absolute;width:42px;height:1px;background:#ffffff2e}.zp-e5-ring-arrow.a1{left:50%;top:32px;transform:translate(-50%) rotate(0)}.zp-e5-ring-arrow.a2{right:32px;top:50%;transform:translateY(-50%) rotate(90deg)}.zp-e5-ring-arrow.a3{left:50%;bottom:32px;transform:translate(-50%) rotate(0)}.zp-e5-ring-arrow.a4{left:32px;top:50%;transform:translateY(-50%) rotate(90deg)}.zp-pillars-vertical{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.zp-pillars-vertical>.zp-meta-card,.zp-pillars-vertical>.zp-subpanel{grid-column:1 / -1}.zp-vcol{border:1px solid var(--border);border-radius:18px;background:#ffffff08;overflow:hidden}.zp-vcol-head{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--muted)}.zp-vcol-body{padding:14px 10px 12px;display:grid;gap:10px;justify-items:center;align-content:center;min-height:140px;background:linear-gradient(180deg,#ffffff05,#00000014)}.zp-vchar{width:56px;height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-weight:900;font-size:30px;box-shadow:0 16px 28px #00000038}.zp-vchar.stem{background:radial-gradient(60px 60px at 30% 20%,rgba(34,211,238,.2),transparent 60%),#ffffff0a}.zp-vchar.branch{background:radial-gradient(60px 60px at 30% 20%,rgba(168,85,247,.18),transparent 60%),#ffffff0a}.zp-vcol-foot{padding:10px 10px 12px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-weight:900;letter-spacing:.08em}.zp-compare-text{display:grid;gap:6px}.zp-para{line-height:1.85}.zp-pillars{display:grid;gap:12px}.zp-pillar{border:1px solid var(--border);border-radius:16px;background:#ffffff08;padding:12px;display:grid;gap:8px}.zp-pillar-top{color:var(--muted);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.zp-pillar-main{font-weight:900;font-size:26px;letter-spacing:.06em}.zp-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.zp-pillar-meta{display:flex;flex-wrap:wrap;gap:8px}.zp-e5{border-top:1px dashed rgba(255,255,255,.12);padding-top:12px;display:grid;gap:10px}.zp-e5-title{color:var(--muted);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.zp-e5-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.zp-e5-cell{border:1px solid var(--border);border-radius:14px;background:#ffffff08;padding:10px;display:grid;gap:6px;text-align:center}.zp-e5-k{color:var(--muted);font-weight:900;font-size:12px}.zp-e5-v{font-weight:900;font-size:16px}.zp-tags{display:grid;gap:8px}.zp-tags-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.zp-tags-title{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.zp-tags-title.good{color:#22d3eeeb}.zp-tags-title.bad{color:#ef4444eb}.zp-tags-title.neutral{color:var(--muted)}.zp-tags-grid{display:flex;flex-wrap:wrap;gap:8px}.zp-tag{border-radius:999px;padding:7px 10px;border:1px solid var(--border);font-weight:900;font-size:12px;background:#ffffff08}.zp-tag.good{border-color:#22d3ee47;background:#22d3ee1a}.zp-tag.bad{border-color:#ef444447;background:#ef44441a}.zp-tag.neutral{border-color:#ffffff24;background:#ffffff05}.zp-ai-text{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0000001a;padding:12px;line-height:1.9;white-space:pre-wrap;word-break:break-word}.zp-ai{display:grid;gap:10px}.zp-ai-block{border:1px solid var(--border);border-radius:16px;background:var(--card);padding:12px;box-shadow:var(--shadow)}.zp-ai-title{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--muted);margin-bottom:8px}.zp-ai-body{white-space:pre-wrap;word-break:break-word;line-height:1.9}.zp-subpanel{border:1px solid var(--border);border-radius:16px;background:var(--card2);padding:12px;display:grid;gap:10px}.zp-subpanel-title{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--muted)}.zp-subpanel-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zp-subgrid,.zp-subgrid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.zp-meta-card{border:1px solid var(--border);border-radius:16px;background:var(--card2);padding:12px}.zp-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.zp-meta-item{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:10px;display:grid;gap:6px;min-width:0}.zp-meta-k{color:var(--muted);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.zp-meta-v{color:var(--text);font-weight:900;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.zp-link{border:0;background:transparent;padding:0;text-align:left;color:var(--primary-a95);font-weight:900;cursor:pointer}.zp-link:hover{text-decoration:underline}.zp-ai-thinking{border:1px solid var(--border);border-radius:14px;background:var(--card2);padding:10px 12px}.zp-ai-thinking summary{cursor:pointer}.zp-ai-thinking[open] .zp-ai-thinking-body{max-height:260px;overflow:auto;padding-right:6px}.zp-subcell{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:10px;display:grid;gap:8px;min-width:0}.zp-subcell-head{font-weight:900;font-size:12px;color:var(--text)}.zp-subcell-body{display:grid;gap:4px;line-height:1.7}.zp-subcell-tags{color:var(--text);line-height:1.75;word-break:break-word;overflow-wrap:anywhere}.zp-subcell-tags{white-space:normal}.zp-ai-warn{border:1px solid rgba(239,68,68,.22);background:#ef44441a;border-radius:14px;padding:10px 12px;font-weight:900;color:#7f1d1deb}.zp-link{border:0;background:transparent;color:var(--muted);font-weight:900;cursor:pointer;padding:6px 8px;border-radius:10px}.zp-link:hover{background:#ffffff0a;color:var(--text)}@media(max-width:920px){.zp-top,.zp-grid,.zp-pillars,.zp-compare-controls{grid-template-columns:1fr}.zp-compare-mid{display:none}.zp-select{width:100%}.zp-compare-split{grid-template-columns:1fr}.zp-wuxing-wrap{width:100%;max-width:260px;justify-self:start}.zp-pillars-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=dark]{color-scheme:dark;--bg: #070a14;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .09);--border: rgba(34, 211, 238, .16);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--primary: #22d3ee;--primary2: #0891b2;--danger: #ef4444;--shadow: 0 20px 70px rgba(0, 0, 0, .45);--focus: rgba(34, 211, 238, .28);--topbar-bg: rgba(7, 10, 20, .68);--primary-a10: rgba(34, 211, 238, .1);--primary-a12: rgba(34, 211, 238, .12);--primary-a18: rgba(34, 211, 238, .18);--primary-a28: rgba(34, 211, 238, .28);--primary-a35: rgba(34, 211, 238, .35);--primary-a55: rgba(34, 211, 238, .55);--primary-a95: rgba(34, 211, 238, .95)}[data-theme=dark] select{color-scheme:dark}[data-theme=dark] select option,[data-theme=dark] select optgroup{background:#0b1020;color:#ffffffeb}[data-theme=dark] .zp-wuxing-tip{border:1px solid rgba(255,255,255,.14);background:#00000024;color:#ffffffdb;box-shadow:0 16px 35px #00000040}[data-theme=dark] .zp-wuxing-tip .tip-note{color:#ffffffb3}[data-theme=dark] .zp-wuxing-tip .tip-k{color:#ffffff9e}[data-theme=dark] .zp-wuxing-tip .tip-sep{color:#ffffff40}[data-theme=dark] .zp-ai-block{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0d,#00000014);box-shadow:0 18px 45px #00000029}[data-theme=dark] .zp-ai-title{color:#ffffffd1}[data-theme=dark] .zp-subpanel{border:1px solid rgba(255,255,255,.12);background:#00000014}[data-theme=dark] .zp-subpanel-title{color:#fffc}[data-theme=dark] .zp-subcell{border:1px solid rgba(255,255,255,.1);background:#ffffff08}[data-theme=dark] .zp-subcell-head{color:#ffffffd1}[data-theme=dark] .zp-subcell-tags{color:#ffffffdb}[data-theme=dark] .zp-ai-warn{color:#ffffffe0}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Microsoft YaHei,sans-serif;background:radial-gradient(1100px 620px at 12% 0%,rgba(34,211,238,.28),transparent 56%),radial-gradient(900px 520px at 88% 10%,rgba(5,150,105,.12),transparent 60%),radial-gradient(700px 520px at 50% 100%,rgba(8,145,178,.1),transparent 55%),var(--bg);color:var(--text)}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus)}.container{max-width:1100px;margin:0 auto;padding:22px 18px}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:var(--topbar-bg);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;flex-direction:column;gap:2px}.brand-title{font-weight:900;letter-spacing:.2px}.brand-sub{font-size:12px;color:var(--muted)}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pill{padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card2);font-weight:800;font-size:13px}.pill.active{border-color:#0891b26b;background:#0891b21a}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 12;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.card-inner{padding:16px}.hero{padding:24px 0 10px}.hero h1{margin:0;font-size:30px;letter-spacing:.3px}.hero p{margin:10px 0 0;color:var(--muted);line-height:1.7}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px;flex-wrap:wrap}.section-title h2{margin:0;font-size:16px;letter-spacing:.2px}.muted{color:var(--muted)}.btn{border:0;cursor:pointer;padding:10px 14px;border-radius:14px;font-weight:900;color:#fffffff5;background:linear-gradient(135deg,var(--primary),#059669)}.btn.secondary{color:var(--text);background:#ffffff1a;border:1px solid var(--border)}.inline-loading{display:inline-flex;align-items:center;gap:8px}.loading-spinner-sm{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.28);border-top-color:#ffffffeb;animation:spin .9s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.btn.danger{color:#fff;background:var(--danger)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wheel-shell{position:relative;width:min(320px,72vw);aspect-ratio:1}.wheel-face{position:absolute;inset:0;border-radius:50%;border:8px solid var(--border);box-shadow:0 14px 30px #00000040;background:var(--card2);overflow:hidden;touch-action:none;outline:none}.wheel-face:focus-visible{box-shadow:0 0 0 3px var(--focus),0 14px 30px #00000040}.wheel-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none;display:block}.wheel-pointer{position:absolute;left:50%;top:-6px;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid var(--text);opacity:.82;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:900;width:82px;height:82px;cursor:pointer;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.wheel-center:disabled{opacity:.55;cursor:not-allowed}.tool{border:1px solid var(--border);border-radius:16px;background:var(--card2);padding:12px;display:grid;gap:8px}.tool-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.tarot-board{position:relative;width:100%;height:420px;border:1px solid var(--border);border-radius:16px;background:#ffffff0a;overflow:hidden}.tarot-board.icon-only{height:540px}.tarot-slot{position:absolute;transform:translate(-50%,-50%);display:grid;gap:6px;align-items:center;justify-items:center;border:0;background:transparent;padding:0;cursor:pointer}.tarot-slot-label{font-size:12px;font-weight:900;color:var(--muted);padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:#00000040}.tarot-pin .tarot-slot-label{width:30px;height:30px;display:grid;place-items:center;padding:0;border-radius:999px;background:var(--primary-a10);border-color:var(--primary-a35);color:#ffffffeb}.tarot-pin-title{font-size:12px;font-weight:900;color:#ffffffd1;padding:2px 10px;border-radius:999px;border:1px solid var(--border);background:#0003;max-width:132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarot-pin.hidden{opacity:.35;pointer-events:none}.tarot-slot.selected .tarot-slot-label{color:#ffffffeb;border-color:var(--primary-a55);background:var(--primary-a10)}.tarot-slot.selected .tarot-pin-title{border-color:var(--primary-a55);background:var(--primary-a10)}.tarot-card{width:108px;height:168px;perspective:900px;opacity:.35;transform:translateY(10px) scale(.98);transition:opacity .25s ease,transform .25s ease}.tarot-card.revealed{opacity:1;transform:translateY(0) scale(1)}.tarot-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.9,.1,1)}.tarot-card.revealed .tarot-card-inner{transform:rotateY(180deg)}.tarot-card-face{position:absolute;inset:0;border-radius:14px;border:1px solid var(--border);backface-visibility:hidden;overflow:hidden;display:grid;align-content:start;gap:8px;padding:10px}.tarot-card-back{background:radial-gradient(60% 60% at 20% 20%,var(--primary-a28),transparent 55%),radial-gradient(60% 60% at 80% 20%,rgba(5,150,105,.2),transparent 60%),#ffffff0f}.tarot-card-back-glyph{font-size:28px;font-weight:900;justify-self:center;margin-top:34px;color:#ffffffd9}.tarot-card-back-text{justify-self:center;font-size:12px;letter-spacing:.4px;color:#ffffffb3;font-weight:900}.tarot-card-front{transform:rotateY(180deg);background:#ffffff0f}.tarot-card-title{font-weight:900;color:#ffffffeb;line-height:1.1}.tarot-card-meta{font-size:12px;color:#ffffffb3;font-weight:800}.tarot-card-meaning{font-size:12px;line-height:1.45;color:#ffffffc7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;inset:0;z-index:200;background:#0000008c;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal-card{width:min(720px,100%);max-height:min(78vh,760px);overflow:hidden;display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--border);background:radial-gradient(800px 360px at 10% 0%,var(--primary-a18),transparent 55%),radial-gradient(600px 320px at 90% 10%,rgba(5,150,105,.1),transparent 60%),var(--card);box-shadow:0 40px 120px #0009}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-title{font-weight:900;color:#ffffffeb}.modal-close{width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:#ffffffd9;font-weight:900;font-size:20px;line-height:0;cursor:pointer}.modal-body{padding:14px 16px 16px;overflow:auto;flex:1;min-height:0}.tarot-modal-grid{display:grid;gap:12px}.tarot-modal-imgWrap{width:100%;display:grid;place-items:center;padding:10px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a}.tarot-modal-img{width:min(320px,100%);height:auto;max-height:min(48vh,520px);object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.tarot-board.icon-only .tarot-pin-title{display:none}@media(max-width:520px){.modal-overlay{padding:12px}.modal-card{max-height:86vh}.tarot-board.icon-only{height:520px}.tarot-pin .tarot-slot-label{width:26px;height:26px;font-size:12px}.tarot-modal-img{max-height:36vh}}.tool-name{font-weight:900}.badge{font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.split{display:grid;grid-template-columns:1fr;gap:14px}.field{display:grid;gap:8px}input,textarea,select{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--border);background:var(--card2);color:var(--text);outline:none}select{color-scheme:light}select option,select optgroup{background:#fff;color:#164e63f2}textarea{min-height:110px;resize:vertical}.footer{padding:18px 0 36px;color:var(--muted);font-size:13px;text-align:center}.footer-icp{margin-top:6px;min-height:18px;word-break:break-word}.footer-icp a{color:var(--muted);text-decoration:none}.footer-icp a:hover{text-decoration:underline}@media(min-width:820px){.tool-grid{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1.2fr .8fr}.tarot-board{height:520px}.tarot-board.icon-only{height:640px}.tarot-card{width:128px;height:198px}}@media(max-width:640px){.container{padding:16px 14px}.tool-grid{grid-template-columns:1fr}.topbar-inner{flex-direction:column;align-items:stretch;gap:10px}.nav{justify-content:flex-start}.pill{padding:8px 10px;font-size:12px}.hero{padding:18px 0 8px}.hero h1{font-size:24px}.card-inner{padding:14px}.tool{padding:10px}.footer{padding:14px 0 18px}}.toast-stack{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:9999;display:grid;gap:10px;width:min(560px,calc(100vw - 24px));pointer-events:none}.toast{pointer-events:auto;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#111827eb;color:#ffffffeb;font-weight:900;box-shadow:0 20px 60px #00000073;cursor:pointer}.toast.success{border-color:#22c55e73;background:#22c55e1f}.toast.error{border-color:#ef444473;background:#ef44441f}.toast.info{border-color:var(--primary-a55);background:var(--primary-a12)}.liuyao-grid{display:grid;gap:10px}.liuyao-line{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:12px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;opacity:.35;align-items:center}.liuyao-line.ready{opacity:1}.liuyao-line.changing{border-color:var(--primary-a55);background:var(--primary-a10)}.liuyao-line-label{justify-self:start}.liuyao-line-tag{justify-self:end}.liuyao-yao{position:relative;width:100%}.liuyao-yao-solid{height:14px;border-radius:999px;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff1a}.liuyao-yao-broken{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:10px}.liuyao-yao-seg{height:14px;border-radius:999px;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1a}.liuyao-yao-gap{height:14px}.liuyao-line.changing .liuyao-yao-solid,.liuyao-line.changing .liuyao-yao-seg{background:var(--primary-a28);box-shadow:inset 0 0 0 1px var(--primary-a35),0 0 0 1px var(--primary-a12)}.liuyao-changing-dot{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:999px;background:var(--primary-a95);box-shadow:0 10px 26px var(--primary-a35)}