:root{--p-gold-300: #E8C96A;--p-gold-400: #D9AF3E;--p-gold-500: #C9A227;--p-gold-600: #A5811C;--p-gold-700: #8F6E14;--p-jade-400: #8FBC96;--p-jade-600: #4E7D5B;--p-cinnabar-400: #CE6B60;--p-cinnabar-600: #A63F33;--p-amber-400: #E4B36A;--p-ink-950: #0E0C09;--p-ink-900: #14110D;--p-ink-800: #1F1B15;--p-ink-700: #2A251D;--p-paper-50: #FBF8F1;--p-paper-100: #F4F0E8;--p-paper-200: #ECE6DA;--p-paper-300: #E0D8C8;--p-shadow-tint: 12, 10, 7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-card: 12px;--radius-sheet: 18px;--radius-pill: 999px;--fs-title: 28px;--fs-h1: 22px;--fs-h2: 19px;--fs-body: 14.5px;--fs-sm: 12.5px;--fs-xs: 11px;--motion-fast: .15s;--motion-base: .2s;--motion-exit: .14s;--ease-standard: cubic-bezier(.23, 1, .32, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--z-sticky: 1100;--z-modal: 1200}[data-theme=dark]{color-scheme:dark;--bg: var(--p-ink-900);--bg-ambient: var(--p-ink-950);--card: var(--p-ink-800);--card-raised: #35301F;--recessed: var(--p-ink-950);--text: #F1EBDE;--muted: #9A9080;--strong: #D9D2C2;--track: rgba(255, 255, 255, .08);--track-soft: rgba(255, 255, 255, .05);--accent: var(--p-gold-400);--accent-strong: var(--p-gold-300);--on-accent: #221B06;--accent-soft: rgba(217, 175, 62, .14);--auspicious: var(--p-jade-400);--auspicious-soft: rgba(143, 188, 150, .14);--warning: var(--p-amber-400);--warning-soft: rgba(228, 179, 106, .14);--danger: var(--p-cinnabar-400);--danger-soft: rgba(206, 107, 96, .16);--info: #8FA8C0;--info-soft: rgba(143, 168, 192, .13);--shadow-card: 0 1px 2px rgba(var(--p-shadow-tint), .4), 0 6px 18px rgba(var(--p-shadow-tint), .35);--shadow-float: 0 2px 6px rgba(var(--p-shadow-tint), .5), 0 16px 40px rgba(var(--p-shadow-tint), .55);--shadow-inset-hi: inset 0 1px 0 rgba(255, 255, 255, .14);--seal: var(--p-cinnabar-400);--star: rgba(232, 201, 106, .1);--wx-mu: #8FBC96;--wx-huo: #CE6B60;--wx-tu: #D9AF3E;--wx-jin: #C8C2B4;--wx-shui: #8FA8C0}[data-theme=light]{color-scheme:light;--bg: var(--p-paper-100);--bg-ambient: var(--p-paper-200);--card: var(--p-paper-50);--card-raised: #FFFEFA;--recessed: var(--p-paper-200);--text: #262019;--muted: #877E6F;--strong: #4A4237;--track: rgba(38, 32, 25, .1);--track-soft: rgba(38, 32, 25, .06);--accent: var(--p-gold-700);--accent-strong: var(--p-gold-600);--on-accent: #FFFDF6;--accent-soft: rgba(143, 110, 20, .1);--auspicious: var(--p-jade-600);--auspicious-soft: rgba(78, 125, 91, .12);--warning: #A9761B;--warning-soft: rgba(169, 118, 27, .12);--danger: var(--p-cinnabar-600);--danger-soft: rgba(166, 63, 51, .1);--info: #46688A;--info-soft: rgba(70, 104, 138, .1);--shadow-card: 0 1px 2px rgba(var(--p-shadow-tint), .05), 0 5px 14px rgba(var(--p-shadow-tint), .07);--shadow-float: 0 2px 6px rgba(var(--p-shadow-tint), .08), 0 14px 34px rgba(var(--p-shadow-tint), .12);--shadow-inset-hi: inset 0 1px 0 rgba(255, 255, 255, .75);--seal: var(--p-cinnabar-600);--star: rgba(143, 110, 20, .06);--wx-mu: #4E7D5B;--wx-huo: #A63F33;--wx-tu: #8F6E14;--wx-jin: #7A7263;--wx-shui: #46688A}:root{--font-heading: "Noto Serif SC", "Source Han Serif SC", "STZhongsong", "SimSun", serif;--font-body: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--btn-size: 44px;--app-max: 470px;--screen-pad: 20px;--tabbar-h: 62px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;letter-spacing:.3px;color:var(--text);background:var(--bg);min-height:100dvh}#root{min-height:100dvh;background:radial-gradient(1200px 500px at 50% -10%,var(--star),transparent 60%),radial-gradient(900px 500px at 110% 110%,var(--star),transparent 55%),var(--bg-ambient)}::selection{background:var(--accent-soft)}h1,h2,h3,.serif{font-family:var(--font-heading)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select{font:inherit;color:inherit}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.strong-c{color:var(--strong)}.app-shell{max-width:var(--app-max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);position:relative}@media (min-width: 520px){.app-shell{box-shadow:var(--shadow-float)}}.app-main{flex:1;padding:0 var(--screen-pad) calc(var(--tabbar-h) + 28px)}.app-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:14px var(--screen-pad) 12px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px)}.app-header .brand{display:flex;align-items:baseline;gap:8px;font-family:var(--font-heading);font-size:var(--fs-h1);font-weight:700;letter-spacing:-.5px}.brand .brand-mark{width:26px;height:26px;align-self:center;border-radius:50%;background:var(--seal);color:var(--bg);font-size:15px;display:grid;place-items:center;font-weight:700;box-shadow:var(--shadow-inset-hi),var(--shadow-card)}.icon-btn{width:40px;height:40px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--card);box-shadow:var(--shadow-card);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.icon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-float)}.icon-btn:active{transform:scale(.95)}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.card.sheet{border-radius:var(--radius-sheet);box-shadow:var(--shadow-float)}.card+.card{margin-top:var(--space-3)}.section-title{font-family:var(--font-heading);font-size:var(--fs-h2);font-weight:700;letter-spacing:.6px;margin:var(--space-6) 0 var(--space-3)}.section-title:first-child{margin-top:var(--space-5)}.divider{height:1px;background:var(--track);border:0;margin:var(--space-3) 0}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);letter-spacing:.5px;background:var(--recessed);color:var(--muted);white-space:nowrap}.tag.gold{background:var(--accent-soft);color:var(--accent-strong)}.tag.jade{background:var(--auspicious-soft);color:var(--auspicious)}.tag.cinnabar{background:var(--danger-soft);color:var(--danger)}.tag.amber{background:var(--warning-soft);color:var(--warning)}.tag.blue{background:var(--info-soft);color:var(--info)}.gel-btn{min-height:var(--btn-size);padding:0 22px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;letter-spacing:.5px;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-inset-hi),0 6px 16px rgba(var(--p-shadow-tint),.35);transition:transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),filter var(--motion-fast) var(--ease-standard)}.gel-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:var(--shadow-inset-hi),0 10px 22px rgba(var(--p-shadow-tint),.4)}.gel-btn:active{transform:scale(.97)}.gel-btn.block{width:100%}.gel-btn.ghost{background:var(--card);color:var(--strong);box-shadow:var(--shadow-card)}.segmented{display:flex;background:var(--recessed);border-radius:var(--radius-pill);padding:3px;gap:2px;box-shadow:inset 0 1px 2px rgba(var(--p-shadow-tint),.12)}.segmented button{flex:1;min-height:36px;border-radius:var(--radius-pill);font-size:var(--fs-sm);color:var(--muted);letter-spacing:.5px;transition:all var(--motion-base) var(--ease-standard);white-space:nowrap;padding:0 10px}.segmented button[aria-selected=true]{background:var(--accent);color:var(--on-accent);font-weight:600;box-shadow:var(--shadow-card)}[data-theme=dark] .segmented button[aria-selected=true]{background:var(--card-raised);color:var(--accent-strong)}.field{margin-bottom:var(--space-4)}.field>label{display:block;font-size:var(--fs-sm);color:var(--muted);letter-spacing:.6px;margin-bottom:6px}.input,.select{width:100%;min-height:46px;padding:10px 14px;border-radius:12px;background:var(--recessed);box-shadow:inset 0 1px 2px rgba(var(--p-shadow-tint),.1);border:0;transition:box-shadow var(--motion-fast) var(--ease-standard)}.input:focus,.select:focus{outline:none;box-shadow:inset 0 1px 2px rgba(var(--p-shadow-tint),.1),0 0 0 2px var(--accent-soft),0 0 0 2px var(--accent)}.input::placeholder{color:var(--muted);opacity:.6}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding:0 var(--space-3) env(safe-area-inset-bottom,0px);display:flex;align-items:center;gap:2px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:0 -6px 24px rgba(var(--p-shadow-tint),.25);z-index:var(--z-sticky)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;border-radius:12px;font-size:10.5px;letter-spacing:1px;color:var(--muted);text-decoration:none;transition:color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.tabbar a .tab-glyph{font-size:17px;font-family:var(--font-heading);line-height:1.2}.tabbar a.active{color:var(--accent-strong);font-weight:600;background:var(--accent-soft)}.rise{animation:rise .5s var(--ease-entrance) both;animation-delay:calc(var(--index, 0) * 60ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ritual-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:color-mix(in srgb,var(--bg-ambient) 88%,transparent);backdrop-filter:blur(10px)}.ritual-ring{width:180px;height:180px;animation:spin 1.15s var(--ease-standard) both}@keyframes spin{0%{transform:rotate(-140deg) scale(.82);opacity:.2}to{transform:rotate(0) scale(1);opacity:1}}.ritual-text{margin-top:18px;font-family:var(--font-heading);letter-spacing:6px;color:var(--accent-strong);animation:rise .5s var(--ease-entrance) .35s both}.seal-chip{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--seal);color:var(--bg);font-family:var(--font-heading);font-size:15px;font-weight:700;box-shadow:var(--shadow-card);transform:rotate(-4deg)}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pillar{background:var(--recessed);border-radius:12px;padding:10px 6px 12px;text-align:center;box-shadow:inset 0 1px 2px rgba(var(--p-shadow-tint),.1)}.pillar .p-label{font-size:var(--fs-xs);color:var(--muted);letter-spacing:2px}.pillar .p-ss{font-size:var(--fs-xs);color:var(--accent-strong);min-height:16px;margin-top:2px}.pillar .p-gz{font-family:var(--font-heading);font-size:30px;font-weight:700;letter-spacing:2px;margin:6px 0 4px;line-height:1.25}.pillar .p-gz .stem-day{color:var(--accent-strong)}.pillar .p-hidden{font-size:var(--fs-xs);color:var(--muted)}.pillar .p-nayin{font-size:10.5px;color:var(--muted);margin-top:4px;letter-spacing:1px}.pillar.is-day{background:var(--accent-soft);box-shadow:var(--shadow-card)}.wx-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wx-row .wx-name{width:18px;font-family:var(--font-heading);font-size:15px;text-align:center}.wx-row .wx-track{flex:1;height:8px;border-radius:var(--radius-pill);background:var(--recessed);overflow:hidden}.wx-row .wx-fill{height:100%;border-radius:var(--radius-pill);transition:width .6s var(--ease-entrance)}.wx-row .wx-val{width:34px;text-align:right;font-size:var(--fs-xs);color:var(--muted)}.insight-card{padding:var(--space-4)}.insight-card .i-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.insight-card .i-title{font-family:var(--font-heading);font-weight:700;font-size:16px;letter-spacing:.4px}.insight-card .i-conclusion{margin-top:8px;line-height:1.7}.insight-card .i-source{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--recessed);color:var(--muted);font-size:var(--fs-xs);line-height:1.65}.insight-card .i-verify{margin-top:10px;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);font-size:var(--fs-sm);color:var(--strong);cursor:pointer}.insight-card .i-verify input{margin-top:3px;accent-color:var(--accent);width:16px;height:16px}.zw-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,88px);gap:3px}.zw-palace{position:relative;background:var(--recessed);border-radius:8px;padding:5px 6px;overflow:hidden;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.zw-palace:hover{background:var(--card-raised);box-shadow:var(--shadow-card)}.zw-palace.is-ming{background:var(--accent-soft);box-shadow:var(--shadow-card)}.zw-palace .zw-name{position:absolute;left:6px;bottom:4px;font-size:10px;color:var(--muted);letter-spacing:1px}.zw-palace .zw-branch{position:absolute;right:6px;bottom:4px;font-size:10px;color:var(--accent-strong)}.zw-palace .zw-stars{font-size:11.5px;line-height:1.5;color:var(--strong)}.zw-palace .zw-stars .major{font-weight:600;font-family:var(--font-heading)}.zw-palace .zw-stars .hua{display:inline-block;font-size:9px;padding:0 3px;margin-left:2px;border-radius:4px;background:var(--danger-soft);color:var(--danger)}.zw-palace .zw-stars .hua.lu{background:var(--auspicious-soft);color:var(--auspicious)}.zw-palace .zw-stars .hua.quan{background:var(--accent-soft);color:var(--accent-strong)}.zw-palace .zw-stars .hua.ke{background:var(--info-soft);color:var(--info)}.zw-center{grid-column:2 / 4;grid-row:2 / 4;background:var(--card);border-radius:10px;box-shadow:var(--shadow-card);display:grid;place-items:center;text-align:center;padding:8px}.zw-center .zc-title{font-family:var(--font-heading);font-weight:700;letter-spacing:3px}.zw-center .zc-sub{font-size:10.5px;color:var(--muted);margin-top:4px;letter-spacing:1px}.dayun-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.dayun-strip::-webkit-scrollbar{display:none}.dayun-card{flex:0 0 auto;min-width:74px;text-align:center;background:var(--recessed);border-radius:12px;padding:10px 8px;box-shadow:inset 0 1px 2px rgba(var(--p-shadow-tint),.1)}.dayun-card .d-age{font-size:10.5px;color:var(--muted)}.dayun-card .d-gz{font-family:var(--font-heading);font-size:19px;font-weight:700;margin-top:3px;letter-spacing:1px}.dayun-card.is-current{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-inset-hi),var(--shadow-float)}.dayun-card.is-current .d-age{color:var(--on-accent);opacity:.8}.liunian-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.liunian-cell{text-align:center;background:var(--recessed);border-radius:10px;padding:8px 4px;box-shadow:inset 0 1px 2px rgba(var(--p-shadow-tint),.08)}.liunian-cell .l-year{font-size:10px;color:var(--muted)}.liunian-cell .l-gz{font-family:var(--font-heading);font-size:14.5px;font-weight:600;margin-top:2px}.liunian-cell.is-this-year{background:var(--accent-soft)}.liunian-cell.is-this-year .l-gz{color:var(--accent-strong)}.compass-wrap{display:grid;place-items:center;padding:var(--space-3) 0}.meta-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3)}.disclaimer{margin-top:var(--space-5);padding:12px 14px;border-radius:10px;background:var(--recessed);color:var(--muted);font-size:var(--fs-xs);line-height:1.6}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}