:root{--ink:#2a2f33;--ink-soft:#4a5258;--ink-muted:#6b757c;--paper:#f7f5f1;--paper-elevated:#fffcf8;--paper-card:#fff;--line:#e6e1d8;--line-strong:#d4cec3;--accent:#3d7a78;--accent-soft:#e8f3f2;--accent-deep:#2f5f5d;--warm:#c4a574;--warm-soft:#f5efe4;--danger-soft:#f3ebe6;--radius:16px;--radius-sm:10px;--shadow:0 8px 28px #2a2f330f;--shadow-soft:0 2px 10px #2a2f330a;--font:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--max:430px;--page-enter-ms:.24s;--page-enter-duration:.24s;--page-enter-ease:cubic-bezier(.22, 1, .36, 1);--page-enter-offset:8px}body[data-tone=warm],body:not([data-tone]){--ink:#2a2f33;--ink-soft:#4a5258;--ink-muted:#6b757c;--paper:#f7f5f1;--paper-elevated:#fffcf8;--paper-card:#fff;--line:#e6e1d8;--line-strong:#d4cec3;--accent:#3d7a78;--accent-soft:#e8f3f2;--accent-deep:#2f5f5d;--warm:#c4a574;--warm-soft:#f5efe4;--danger-soft:#f3ebe6;--body-wash-top:#f3f0ea;--body-wash-mid:var(--paper);--body-wash-bot:#f5f3ef;--body-outer:#ebe7df;--header-bg:#f7f5f1e0;--header-bg-home:#f7f5f18c;--glow-teal:#3d7a7838;--glow-warm:#c4a57424;--bird-ink:#2a2f3347;--shadow:0 8px 28px #2a2f330f;--shadow-soft:0 2px 10px #2a2f330a}body[data-tone=cool]{--ink:#2c3034;--ink-soft:#4e555c;--ink-muted:#727880;--paper:#f1f1ef;--paper-elevated:#f8f8f6;--paper-card:#fff;--line:#e2e2de;--line-strong:#cecec9;--accent:#4a6e72;--accent-soft:#e8eef0;--accent-deep:#355458;--warm:#9a9a92;--warm-soft:#efefeb;--danger-soft:#efeae7;--body-wash-top:#ececeb;--body-wash-mid:var(--paper);--body-wash-bot:#eeeeec;--body-outer:#e4e4e1;--header-bg:#f1f1efe6;--header-bg-home:#f1f1ef94;--glow-teal:#4a6e7229;--glow-warm:#9a9a921a;--bird-ink:#2c303442;--shadow:0 8px 28px #2c30340e;--shadow-soft:0 2px 10px #2c30340a}body[data-tone=mist]{--ink:#243338;--ink-soft:#44555a;--ink-muted:#667780;--paper:#f0f5f4;--paper-elevated:#f7fbfa;--paper-card:#fff;--line:#d8e4e2;--line-strong:#c2d2cf;--accent:#3a8580;--accent-soft:#e3f2f0;--accent-deep:#2a6662;--warm:#8aada8;--warm-soft:#e8f2f0;--danger-soft:#efe8e4;--body-wash-top:#e8f1ef;--body-wash-mid:var(--paper);--body-wash-bot:#eef4f3;--body-outer:#dde8e5;--header-bg:#f0f5f4e6;--header-bg-home:#f0f5f494;--glow-teal:#3a858033;--glow-warm:#8aada81f;--bird-ink:#2433383d;--shadow:0 8px 28px #2433380f;--shadow-soft:0 2px 10px #2433380a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg, var(--body-wash-top,#f3f0ea) 0%, var(--body-wash-mid,var(--paper)) 40%, var(--body-wash-bot,#f5f3ef) 100%);min-height:100vh;margin:0;font-size:15px;line-height:1.65;transition:background .35s,color .25s}a{color:var(--accent-deep);text-decoration:none}img{max-width:100%}.app{max-width:var(--max);background:0 0;flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}.app-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--header-bg,#f7f5f1e0);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;transition:background .35s;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;color:var(--ink);align-items:center;gap:10px;font-weight:600;display:flex}.brand-mark{width:32px;height:32px;box-shadow:none;color:#0000;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:0;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-text{font-size:16px}.header-meta{color:var(--ink-muted);font-size:12px}.app-main{flex:1;padding:20px 18px 40px}.app-footer{text-align:center;color:var(--ink-muted);padding:16px 18px 28px;font-size:12px}.hero{padding:28px 4px 8px}.hero-kicker{color:var(--accent-deep);background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:12px;display:inline-flex}.hero h1{letter-spacing:.01em;margin:0 0 12px;font-size:26px;font-weight:650;line-height:1.35}.hero p{color:var(--ink-soft);margin:0;font-size:15px}.nav-cards{gap:12px;margin-top:28px;display:grid}.nav-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:18px 18px 16px;transition:transform .15s,box-shadow .15s;display:block}.nav-card:active{transform:scale(.99)}.nav-card-label{color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:600}.nav-card h2{margin:0 0 6px;font-size:18px;font-weight:650}.nav-card p{color:var(--ink-muted);margin:0;font-size:13px}.nav-card-arrow{color:var(--accent-deep);margin-top:12px;font-size:13px;font-weight:600}.note-strip{background:var(--warm-soft);border-radius:var(--radius-sm);color:var(--ink-soft);border:1px solid #eadfcb;margin-top:24px;padding:14px 16px;font-size:13px}.page-title{margin:4px 0 6px;font-size:22px;font-weight:650}.page-lead{color:var(--ink-soft);margin:0 0 22px;font-size:14px}.card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:14px;padding:18px}.card-title{margin:0 0 14px;font-size:15px;font-weight:650}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field .hint{color:var(--ink-muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.input,.select{appearance:none;border:1px solid var(--line-strong);background:var(--paper-elevated);width:100%;font:inherit;color:var(--ink);border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3d7a7826}.row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.toggle{background:var(--paper);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.toggle button{font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:9px 12px;font-size:13px;font-weight:600}.toggle button.is-active{background:var(--paper-card);color:var(--accent-deep);box-shadow:var(--shadow-soft)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--paper-elevated);font:inherit;color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13px}.chip.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.inline-note{color:var(--ink-muted);background:var(--warm-soft);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px}.btn-primary{width:100%;font:inherit;color:#fff;background:linear-gradient(180deg, #4a8f8c 0%, var(--accent) 100%);cursor:pointer;text-align:center;border:0;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:650;text-decoration:none;display:block;box-shadow:0 8px 20px #3d7a7847}.btn-primary:active{transform:translateY(1px)}.btn-ghost{font:inherit;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:13px;display:inline-flex}.summary-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:20px 18px}.summary-badge{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 10px;font-size:12px;font-weight:650;display:inline-flex}.summary-card p{color:var(--ink);margin:0 0 10px;font-size:15px}.summary-card p:last-child{margin-bottom:0}.summary-action{border-top:1px dashed var(--line);color:var(--ink-soft);margin-top:4px;padding-top:12px;font-size:14px}.person-chip{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.person-chip strong{color:var(--ink);font-weight:650}.ad-slot{text-align:center;min-height:72px;color:var(--accent-deep);letter-spacing:.04em;background:repeating-linear-gradient(-45deg,#f0f6f5,#f0f6f5 8px,#e8f1f0 8px 16px);border:1.5px dashed #b8c9c8;border-radius:12px;place-items:center;margin:14px 0;padding:16px;font-size:12px;font-weight:600;display:grid}.ad-slot span{opacity:.75}.chart-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:14px;padding:16px}.chart-card h3{margin:0 0 4px;font-size:15px;font-weight:650}.chart-sub{color:var(--ink-muted);margin:0 0 14px;font-size:12px}.bazi-grid{text-align:center;grid-template-columns:48px repeat(4,1fr);gap:6px;display:grid}.bazi-head{color:var(--ink-muted);padding:6px 0;font-size:12px;font-weight:600}.bazi-row-label{color:var(--ink-muted);justify-content:flex-end;align-items:center;padding-right:4px;font-size:12px;font-weight:600;display:flex}.pillar{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:10px 4px;display:flex}.pillar .gan,.pillar .zhi{color:var(--ink);font-size:20px;font-weight:700;line-height:1.2}.pillar .tiny{color:var(--ink-muted);font-size:10px}.pillar.is-day{background:var(--accent-soft);border-color:#b7d4d2}.pillar.is-unknown{background:#f3f1ed;border-style:dashed}.pillar.is-unknown .gan,.pillar.is-unknown .zhi{color:var(--ink-muted);font-size:13px;font-weight:600}.hour-note{color:var(--ink-soft);background:var(--warm-soft);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px}.accordion{gap:10px;display:grid}.acc-item{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}.acc-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:15px;font-weight:650;list-style:none;display:flex}.acc-item summary::-webkit-details-marker{display:none}.acc-item summary:after{content:"";border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)}.acc-item[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.acc-body{color:var(--ink-soft);border-top:1px solid #0000;padding:0 18px 18px;font-size:14px}.acc-item[open] .acc-body{border-top-color:var(--line);padding-top:14px}.acc-body p{margin:0 0 10px}.acc-body p:last-child{margin-bottom:0}.gloss{color:var(--ink-muted);font-size:12px}.tag-row{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.tag{background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:4px 10px;font-size:12px}.tag.good{background:var(--accent-soft);color:var(--accent-deep);border-color:#c5dedc}.tag.care{background:var(--danger-soft);color:#8a5a45;border-color:#e8d7cc}.tech-block{background:var(--paper);border-radius:10px;margin-top:10px;padding:12px;font-size:13px}.tech-block h4{color:var(--ink);margin:0 0 6px;font-size:13px}.back-bar{margin-bottom:8px}.steps{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:#fffcf8b3;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.step-num{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-deep);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.steps strong{margin-bottom:2px;font-size:14px;display:block}.steps span{color:var(--ink-muted);font-size:12px}@media (width>=480px){body{background:#ebe7df}.app{background:linear-gradient(180deg, #f3f0ea 0%, var(--paper) 40%);border:1px solid var(--line);border-radius:24px;min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 20px 60px #2a2f331a}}.summary-caveat{border-top:1px dashed var(--line);color:var(--ink-muted);margin:.85rem 0 0;padding-top:.75rem;font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-card-priority{background:linear-gradient(#fff 0%,#f3faf9 100%);border-color:#b7d4d2;box-shadow:0 8px 24px #3d7a781a}.nav-card-priority .nav-card-label{color:var(--accent-deep)}.div-intent{resize:vertical;min-height:84px;line-height:1.55}.div-cast-card{text-align:center}.div-cast-hint{color:var(--ink-soft);text-align:left;margin:0 0 16px;font-size:13px}.div-cast-btn{max-width:280px;margin:0 auto}.div-cast-btn.is-locked,.div-cast-btn:disabled{opacity:.72;cursor:not-allowed;box-shadow:none;background:linear-gradient(#7aa9a7 0%,#5f8f8d 100%);transform:none}.div-status{min-height:1.4em;color:var(--accent-deep);margin:14px 0 8px;font-size:13px;font-weight:600}.yao-stack{text-align:left;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.yao-row{border:1px dashed var(--line);opacity:.35;background:#f7f5f180;border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:opacity .35s,transform .35s,background .35s,border-color .35s;display:grid;transform:translateY(4px)}.yao-row.is-revealed{opacity:1;border-style:solid;border-color:var(--line);background:var(--paper-elevated);transform:none}.yao-row.is-revealed:has(.yao-dot){background:var(--accent-soft);border-color:#b7d4d2}.yao-pos{color:var(--ink-muted);font-size:12px;font-weight:700}.yao-glyph{align-items:center;min-height:14px;display:flex}.yao-line{align-items:center;gap:6px;width:100%;max-width:160px;display:flex}.yao-bar{background:var(--ink);border-radius:4px;flex:1;height:8px;display:block}.yao-line.is-yin .yao-bar{background:var(--ink-soft)}.yao-gap{flex-shrink:0;width:10px}.yao-line.is-moving .yao-bar{background:var(--accent);box-shadow:0 0 0 2px #3d7a782e}.div-hex-mini{flex-shrink:0;gap:5px;width:72px;display:grid}.div-hex-mini .yao-line{max-width:none}.div-hex-mini .yao-bar{height:6px}.div-hex-mini .yao-gap{width:8px}.yao-meta{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.yao-num{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.yao-label{color:var(--ink-muted)}.yao-dot{color:var(--accent-deep);background:#fff;border:1px solid #b7d4d2;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.div-progress{background:var(--line);border-radius:999px;height:4px;margin-top:14px;overflow:hidden}.div-progress-bar{border-radius:inherit;background:linear-gradient(90deg, #5a9a97, var(--accent));width:0%;height:100%;transition:width .35s}.div-cta-wrap{text-align:center;margin-top:16px}.div-cta-note{color:var(--ink-muted);margin:10px 0 0;font-size:12px}.div-honesty{color:var(--ink-muted);text-align:center;margin:20px 0 0;font-size:11px;line-height:1.5}.div-ask-time{background:var(--warm-soft);border-radius:var(--radius-sm);color:var(--ink-soft);border:1px solid #eadfcb;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.div-ask-label{color:var(--accent-deep);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:650}.div-ask-tz{color:var(--ink-muted);margin-left:auto;font-size:11px}.div-hex-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.div-hex-name{margin:0 0 4px;font-size:22px;font-weight:650;line-height:1.3}.div-hex-name-sm{font-size:18px}.div-hex-alias{color:var(--ink-muted);margin:0;font-size:13px}.div-hex-plain{color:var(--ink);margin:0;font-size:14px}.div-dong-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.div-dong-list li{background:var(--accent-soft);border:1px solid #c5dedc;border-radius:12px;grid-template-columns:52px 1fr;gap:2px 10px;padding:12px;display:grid}.div-dong-pos{color:var(--accent-deep);grid-row:span 2;align-self:center;font-size:14px;font-weight:700}.div-dong-val{color:var(--ink);font-size:13px;font-weight:650}.div-dong-note{color:var(--ink-muted);font-size:12px}.div-toggle-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.div-toggle-hint{color:var(--ink-muted);margin:0;font-size:12px}.switch{flex-shrink:0;width:48px;height:28px;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-ui{background:var(--line-strong);cursor:pointer;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch-ui:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-soft);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-ui{background:var(--accent)}.switch input:checked+.switch-ui:after{transform:translate(20px)}.switch.is-disabled{opacity:.55}.switch.is-disabled .switch-ui{cursor:not-allowed}.div-bazi-shell{background:var(--paper);border:1px dashed var(--line-strong);color:var(--ink-muted);border-radius:12px;padding:14px;font-size:13px}.div-bazi-shell p{margin:0 0 8px}.div-actions{justify-items:center;gap:8px;margin-top:18px;display:grid}.div-actions .btn-primary{width:100%}.div-pair-card{padding-bottom:16px}.div-pair-header{margin-bottom:12px}.div-pair-header .card-title{margin-bottom:4px}.div-pair-sub{color:var(--ink-muted);margin:0;font-size:12px}.div-pair{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin-bottom:14px;display:grid}.div-pair-pane{text-align:center;background:var(--paper-elevated);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 8px;display:flex}.div-pair-pane.is-zhi{background:var(--accent-soft);border-color:#c5dedc}.div-pair-badge{color:var(--ink-soft);background:var(--warm-soft);border:1px solid #eadfcb;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:650}.div-pair-badge.is-zhi{color:var(--accent-deep);background:#fff;border-color:#b7d4d2}.div-pair-arrow{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-self:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.div-hex-mini-lg{width:56px;margin:4px 0}.div-pair-pane .div-hex-name{margin:2px 0 0}.div-pair-pane .div-hex-alias{font-size:12px;line-height:1.35}.div-result-grid{flex-direction:column;gap:0;display:flex}@media (width>=768px){:root{--max:960px}.app,.app-wide{max-width:var(--max);background:linear-gradient(180deg, #f3f0ea 0%, var(--paper) 40%);border:1px solid var(--line);border-radius:28px;min-height:calc(100vh - 56px);margin:28px auto;overflow:hidden;box-shadow:0 24px 70px #2a2f331f}.app-main{padding-left:28px;padding-right:28px}.div-result-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:20px 24px;display:grid}.div-result-secondary{position:sticky;top:16px}.div-pair{gap:14px}.div-pair-pane{padding:18px 14px}.div-hex-mini-lg{width:72px}.div-pair-pane .div-hex-name{font-size:20px}.bazi-grid{font-size:15px}}@media (width>=1100px){:root{--max:1080px}}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.lang-switch{background:var(--paper-elevated);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-opt{appearance:none;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:650;line-height:1}.lang-opt.is-active{background:var(--accent-soft);color:var(--accent-deep)}.lang-opt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width>=768px){.lang-opt{padding:6px 10px;font-size:12px}}.tone-switch{background:var(--paper-elevated);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.tone-opt{appearance:none;color:var(--ink-muted);font:inherit;cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:650;line-height:1}.tone-opt.is-active{background:var(--accent-soft);color:var(--accent-deep)}.tone-opt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width>=768px){.tone-opt{padding:6px 9px;font-size:11px}}@media (width<=380px){.tone-opt{padding:4px 5px;font-size:9px}}.hex-explorer-grid{flex-direction:column;gap:4px;display:flex}.hex-map-card{margin-bottom:14px}.hex-map-hint{margin:0;font-size:12px}.hex-art-wrap{justify-content:center;margin:18px 0 4px;display:flex}.hex-art.hex-art-live{width:min(240px,64vw);margin:0;padding:32px 40px}.hex-art.hex-art-live .hex-art-line{opacity:1;min-height:22px;transform:none}.hex-art.hex-art-live .hex-yao-hit{border-radius:10px;width:100%;padding:6px 0}.hex-art.hex-art-live .hex-yao-hit:hover .yao-bar{background:var(--accent)}.hex-art.hex-art-live .hex-art-glyph{width:100%}.hex-map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.hex-map-toolbar .card-title{margin:0}.hex-mode-row{background:var(--paper-elevated);border:1px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.hex-mode-btn{appearance:none;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:650;line-height:1.2}.hex-mode-btn.is-active{background:var(--accent-soft);color:var(--accent-deep)}.hex-mode-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.hex-yao-live{margin-top:14px}.hex-yao-hit{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:0;margin:0;padding:4px 0;display:flex}.hex-yao-hit:hover .yao-bar{background:var(--accent)}.hex-yao-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hex-yao-clickable .yao-meta{min-width:108px}.hex-dong-chip{appearance:none;border:1px solid var(--line-strong);background:var(--paper-elevated);color:var(--ink-muted);font:inherit;cursor:pointer;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.2}.hex-dong-chip.is-on,.yao-row.is-dong .hex-dong-chip{background:var(--accent);border-color:var(--accent);color:#fff}.hex-yao-live.is-moving-mode .yao-row{outline:1px dashed #0000}.hex-demo-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hex-demo-btn{padding:8px 12px;font-size:12px}.hex-bits-line{color:var(--ink-muted);font-variant-numeric:tabular-nums;word-break:break-all;margin:10px 0 0;font-size:11px}.hex-trigram-row{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;display:flex}.hex-trigram-sep{color:var(--ink-muted)}.hex-zhi-card{background:var(--accent-soft);border-color:#c5dedc;margin-top:12px;margin-bottom:14px}.hex-zhi-card .summary-badge{color:var(--accent-deep);background:#fff;border:1px solid #b7d4d2}.hex-live-summary{margin-bottom:8px}.hex-explorer-side{margin-top:8px}.hex-side-kicker{color:var(--accent-deep);margin:0 0 6px;font-size:12px;font-weight:650}.hex-side-lead{color:var(--ink-muted);margin:0 0 12px;font-size:13px}.hex-honesty{margin-top:16px}.hex-honesty code{background:var(--warm-soft);border-radius:4px;padding:1px 5px;font-size:11px}@media (width>=768px){.hex-explorer-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:20px 28px;display:grid}.hex-explorer-side{margin-top:0;position:sticky;top:16px}.hex-yao-live .yao-row{min-height:48px}}.hero-short{padding:18px 4px 4px}.hero-short h1{margin-bottom:6px;font-size:24px}.hero-short p{font-size:14px}.page-ritual .app-main{padding-top:12px}.app-ritual .app-footer{opacity:.7;padding-top:8px;padding-bottom:20px;font-size:11px}.ritual-main{flex-direction:column;align-items:center;min-height:calc(100vh - 120px);padding-bottom:24px;display:flex}.ritual-intent-wrap{width:100%;max-width:320px;margin:4px auto 8px}.ritual-intent{border:none;border-bottom:1px solid var(--line-strong);width:100%;font:inherit;color:var(--ink);text-align:center;background:0 0;outline:none;padding:10px 4px;font-size:14px;transition:border-color .2s}.ritual-intent::placeholder{color:var(--ink-muted)}.ritual-intent:focus{border-bottom-color:var(--accent)}.ritual-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:280px;padding:28px 0 12px;display:flex}.hex-art{background:radial-gradient(ellipse at 50% 30%, #3d7a7814 0%, transparent 70%), var(--paper-elevated);border:1px solid var(--line);width:min(220px,58vw);box-shadow:var(--shadow-soft);border-radius:28px;gap:14px;margin:0;padding:28px 36px;list-style:none;display:grid}.hex-art-static{width:110px;box-shadow:none;background:0 0;border:none;border-radius:0;gap:12px;padding:0;display:grid}.hex-art-line{opacity:.12;justify-content:center;align-items:center;min-height:18px;transition:opacity .45s,transform .45s;display:flex;transform:scaleX(.86)}.hex-art-line.is-revealed{opacity:1;transform:none}.hex-art-glyph{justify-content:center;width:100%;display:flex}.hex-art .yao-line,.hex-art-static .yao-line{gap:10px;width:100%;max-width:none}.hex-art .yao-bar,.hex-art-static .yao-bar{background:var(--ink);border-radius:6px;height:11px}.hex-art .yao-line.is-yin .yao-bar,.hex-art-static .yao-line.is-yin .yao-bar{background:var(--ink-soft)}.hex-art .yao-gap,.hex-art-static .yao-gap{width:14px}.hex-art .yao-line.is-moving .yao-bar,.hex-art-static .yao-line.is-moving .yao-bar{background:var(--accent);box-shadow:0 0 0 3px #3d7a7829}.hex-art.is-complete{border-color:#b7d4d2;box-shadow:0 12px 36px #3d7a781f}.ritual-status{letter-spacing:.12em;min-height:1.2em;color:var(--accent-deep);font-variant-numeric:tabular-nums;margin:16px 0 0;font-size:13px;font-weight:600}.ritual-cast-wrap{margin:8px 0 20px}.btn-cast-circle{cursor:pointer;background:linear-gradient(160deg, #4a8f8c 0%, var(--accent-deep) 100%);color:#fff;width:132px;height:132px;font:inherit;letter-spacing:.06em;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;place-items:center;font-size:17px;font-weight:650;transition:transform .15s,box-shadow .2s,opacity .2s;display:grid;position:relative;box-shadow:0 14px 36px #3d7a7852,inset 0 1px #ffffff38}.btn-cast-circle:active:not(:disabled){transform:scale(.96)}.btn-cast-ring{pointer-events:none;border:1.5px solid #3d7a7847;border-radius:50%;animation:3.2s ease-in-out infinite cast-breathe;position:absolute;inset:-10px}@keyframes cast-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.btn-cast-circle.is-locked,.btn-cast-circle:disabled{cursor:not-allowed;opacity:.78;animation:none;box-shadow:0 8px 20px #3d7a782e}.btn-cast-circle.is-locked .btn-cast-ring{opacity:.35;animation:none}.btn-cast-circle.is-done{background:linear-gradient(160deg,#7aa9a7 0%,#5f8f8d 100%)}.btn-cast-label{z-index:1;text-align:center;padding:0 12px;line-height:1.3;position:relative}.ritual-cta{margin-bottom:12px}.ritual-cta .btn-primary{min-width:160px}.ritual-honesty{letter-spacing:.04em;margin-top:auto;padding-top:16px;font-size:11px}.ritual-result-main{flex-direction:column;align-items:center;padding-top:8px;padding-bottom:28px;display:flex}.hex-pair-hero{background:radial-gradient(ellipse at 50% 0%, #3d7a7812 0%, transparent 55%), var(--paper-elevated);border:1px solid var(--line);width:100%;max-width:100%;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;align-items:center;gap:8px;margin:12px auto 28px;padding:28px 20px 32px;display:flex}.hex-pair-side{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:280px;display:flex}.hex-pair-side .hex-art-static{aspect-ratio:4/5;flex-shrink:0;align-content:center;gap:18px;width:min(200px,72vw);margin:4px 0 16px}.hex-pair-side .hex-art-static .yao-line{width:100%;min-height:18px}.hex-pair-side .hex-art-static .yao-bar{border-radius:8px;height:16px}.hex-pair-side .hex-art-static .yao-gap{width:0!important;display:none!important}.hex-pair-tag{color:var(--ink-muted);letter-spacing:.08em;margin:0;font-size:11px;font-weight:650}.hex-pair-tag.is-zhi{color:var(--accent-deep)}.hex-pair-name{letter-spacing:.02em;margin:0;font-size:20px;font-weight:650;line-height:1.25}.hex-pair-alias{color:var(--ink-muted);margin:0;font-size:12px}.hex-pair-bridge{justify-content:center;align-self:center;align-items:center;padding-top:8px;display:flex}.hex-pair-arrow{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-deep);border:1px solid #c5dedc;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid}.hex-art .yao-line,.hex-art-static .yao-line,.hex-pair-side .hex-art-static .yao-line{gap:14px}.hex-art .yao-gap,.hex-art-static .yao-gap,.hex-pair-side .hex-art-static .yao-gap{width:0!important;display:none!important}.hex-art .yao-bar,.hex-art-static .yao-bar,.hex-pair-side .hex-art-static .yao-bar{flex:1 1 0;min-width:0}.ritual-reading{text-align:center;width:100%;max-width:400px;margin-bottom:18px}.ritual-plain{color:var(--ink);margin:0 0 16px;font-size:17px;font-weight:500;line-height:1.7}.ritual-do{color:var(--ink-soft);background:var(--accent-soft);text-align:left;border:1px solid #c5dedc;border-radius:16px;margin:0;padding:14px 16px;font-size:14px;line-height:1.55}.ritual-do-label{color:var(--accent-deep);letter-spacing:.06em;vertical-align:baseline;margin-right:8px;font-size:11px;font-weight:700;display:inline-block}.ritual-ask-time{color:var(--ink-muted);letter-spacing:.02em;margin-bottom:22px;font-size:12px}.ritual-folds{gap:8px;width:100%;max-width:400px;margin-bottom:20px;display:grid}.ritual-fold{border:1px solid var(--line);background:var(--paper-card);border-radius:14px;overflow:hidden}.ritual-fold summary{cursor:pointer;color:var(--ink-soft);-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:13px;font-weight:600;list-style:none}.ritual-fold summary::-webkit-details-marker{display:none}.ritual-fold summary:after{content:"+";float:right;color:var(--ink-muted);font-weight:400}.ritual-fold[open] summary:after{content:"–"}.ritual-fold-body{color:var(--ink-soft);border-top:1px solid var(--line);padding:12px 16px 14px;font-size:13px;line-height:1.6}.ritual-fold-body p{margin:0 0 8px}.ritual-fold-body p:last-child{margin-bottom:0}.ritual-deep-links{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.75rem 0 .25rem;display:flex}.ritual-actions{width:100%;max-width:280px}.ritual-actions .btn-primary{width:100%}@media (width>=768px){.ritual-main{min-height:calc(100vh - 160px)}.hex-art{gap:16px;width:260px;padding:36px 44px}.hex-art .yao-bar{height:13px}.btn-cast-circle{width:148px;height:148px;font-size:18px}.ritual-plain{font-size:18px}.ritual-reading,.ritual-folds{max-width:480px}}.brand{color:inherit;text-decoration:none}.lang-opt{align-items:center;text-decoration:none;display:inline-flex}.lang-opt[aria-current=page],.lang-opt.is-active{background:var(--accent-soft);color:var(--accent-deep)}.error-message{color:#a74737;text-align:center;margin:12px 0 0;font-size:13px}.page.form-page,.page.result-page{width:100%;max-width:none;margin:0;padding:0}.page.form-page h1,.page.result-page h1{letter-spacing:.01em;margin:4px 0 6px;font-family:inherit;font-size:22px;font-weight:650;line-height:1.35}.page.form-page h1 em,.page.result-page h1 em{color:inherit;font-style:normal}.section-kicker{color:var(--accent-deep);background:var(--accent-soft);text-transform:none;letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.page-intro{color:var(--ink-soft);margin:0 0 22px;font-size:14px}.bazi-form{border-radius:var(--radius);background:var(--paper-card);border:1px solid var(--line);box-shadow:var(--shadow-soft);margin-top:8px;padding:18px}.bazi-form fieldset{border:0;margin:0 0 18px;padding:0}.bazi-form legend,.field-label{color:var(--ink-soft);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.segmented label{text-align:center;color:var(--ink-muted);cursor:pointer;border:0;border-radius:999px;flex:1;padding:9px 12px;font-size:13px;font-weight:600}.segmented label.selected{background:var(--paper-card);color:var(--accent-deep);box-shadow:var(--shadow-soft)}.segmented input{opacity:0;pointer-events:none;position:absolute}.text-input{appearance:none;border:1px solid var(--line-strong);background:var(--paper-elevated);width:100%;font:inherit;color:var(--ink);border-radius:12px;outline:none;padding:12px 14px}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3d7a7826}.field-row{grid-template-columns:1fr 1fr;align-items:end;gap:10px;margin-top:14px;display:grid}.unknown-toggle{color:var(--ink-muted);align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.submit-button,.button.button-primary{width:100%;font:inherit;color:#fff;background:linear-gradient(180deg, #4a8f8c 0%, var(--accent) 100%);cursor:pointer;text-align:center;border:0;border-radius:14px;margin-top:12px;padding:14px 18px;font-size:16px;font-weight:650;text-decoration:none;display:block;box-shadow:0 8px 20px #3d7a7847}.button.button-quiet{border:1px solid var(--line);font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:14px;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.6}.disclaimer,.result-footnote{color:var(--ink-muted);margin:18px 3px;font-size:11px;line-height:1.7}.result-topline{color:var(--ink-muted);justify-content:space-between;margin-bottom:15px;font-size:12px;display:flex}.back-link,.text-link{color:var(--accent-deep);font-size:13px}.unknown-note{color:var(--accent-deep);background:var(--accent-soft);border:1px solid #b7d4d2;border-radius:999px;margin:12px 0 0;padding:6px 10px;font-size:11px;display:inline-block}.copy-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:10px 0 0;font-size:12px;text-decoration:underline}.ad-placeholder{min-height:61px;color:var(--accent-deep);background:repeating-linear-gradient(-45deg,#f0f6f5,#f0f6f5 8px,#e8f1f0 8px 16px);border:1.5px dashed #b8c9c8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:16px 0;display:flex}.ad-placeholder span{letter-spacing:.2em;font-size:11px}.ad-placeholder small{font-size:10px}.pillar-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:14px;padding:16px}.card-heading{justify-content:space-between;align-items:start;display:flex}.card-heading h2{margin:8px 0 20px;font-size:18px;font-weight:650}.pillar-score{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:650}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.pillar-grid .pillar{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:11px;min-height:auto;padding:12px 4px}.pillar-grid .pillar span,.pillar-grid .pillar small{color:var(--ink-muted);font-size:10px;display:block}.pillar-grid .pillar strong{margin:7px 0;font-size:22px;font-weight:650;display:block}.unknown-pillar{opacity:.63}.daymaster-note{color:var(--ink-muted);margin:17px 0 0;font-size:12px;line-height:1.6}.daymaster-note strong{color:var(--ink)}.accordion-list{gap:10px;margin-top:18px;display:grid}.accordion-list .accordion{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}.accordion-trigger{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:650;display:flex}.accordion-trigger b{color:var(--accent);font-size:18px;font-weight:400}.accordion-content ul{margin:0;padding:0 18px 16px}.accordion-content li{color:var(--ink-soft);padding:6px 0;font-size:13px;line-height:1.75}.advanced-block{background:var(--paper);border-radius:12px;margin-top:13px;padding:0 12px}.hex-pair-hero.is-solo{max-width:320px}.hex-pair-hero.is-solo .hex-pair-bridge{display:none}.disabled-choice{color:var(--ink-muted);opacity:.6;cursor:not-allowed!important}.helper{color:var(--ink-muted);margin:8px 0 0;font-size:12px;line-height:1.6}.page-home{overflow:visible}.app-home .app-header{background:var(--header-bg-home,#f7f5f18c);border-bottom-color:#0000}.home-main{padding-top:4px;padding-bottom:64px;position:relative;overflow-x:clip}.home-main:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 55% at 50% 8%,#3d7a781c 0%,#0000 70%),radial-gradient(60% 40% at 78% 28%,#c4a57417 0%,#0000 65%),radial-gradient(50% 35% at 18% 40%,#3d7a780d 0%,#0000 60%);width:100%;max-width:100%;height:min(72vh,620px);position:absolute;inset:0 0 auto}.home-main>*{z-index:1;position:relative}.home-chapter-label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted);justify-content:center;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;font-weight:650;display:flex}.home-chapter-label span{font-variant-numeric:tabular-nums;letter-spacing:.08em;min-width:1.6em;color:var(--accent-deep);place-items:center;font-size:12px;display:inline-grid}.home-chapter-label:before,.home-chapter-label:after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong));opacity:.9;width:28px;height:1px}.home-chapter-label:after{background:linear-gradient(90deg, var(--line-strong), transparent)}.home-hero{text-align:center;flex-direction:column;align-items:center;max-width:560px;margin:0 auto;padding:20px 12px 56px;display:flex}.home-hero-visual{place-items:center;width:min(240px,64vw);height:min(280px,74vw);margin:4px auto 36px;display:grid;position:relative}.home-hero-glow{background:radial-gradient(ellipse at 50% 42%, var(--glow-teal,#3d7a7838) 0%, transparent 68%), radial-gradient(ellipse at 50% 78%, color-mix(in srgb, var(--glow-teal,#3d7a7838) 30%, transparent) 0%, transparent 55%);pointer-events:none;filter:blur(2px);border-radius:50%;animation:6.5s ease-in-out infinite homeGlowPulse;position:absolute;inset:2% -2%}.home-hero-glow-warm{background:radial-gradient(ellipse at 50% 60%, var(--glow-warm,#c4a57424) 0%, transparent 62%);filter:blur(6px);opacity:.85;animation-delay:-2.2s;inset:18% 8% 8%}@keyframes homeGlowPulse{0%,to{opacity:.85}50%{opacity:1}}.home-hex-float{z-index:1;place-items:center;width:100%;display:grid;position:relative;animation:none!important;transform:none!important}.home-hex-art{contain:layout paint;z-index:1;background:linear-gradient(165deg,#fffcf8fa 0%,#f7f5f1eb 100%),radial-gradient(at 50% 18%,#3d7a7814 0%,#0000 62%);border:1px solid #e6e1d8f2;border-radius:32px;gap:12px;width:100%;max-width:156px;padding:32px 24px;transition:none;display:grid;position:relative;transform:none;box-shadow:0 28px 56px #2a2f3314,0 8px 20px #3d7a780f,inset 0 1px #ffffffeb;animation:none!important}.home-hex-line{transform-origin:50%;border-radius:8px;justify-content:center;align-items:center;gap:12px;height:13px;transition:opacity .35s,transform .35s,filter .35s,box-shadow .35s,background-color .35s;display:flex}.home-hex-line i{background:var(--ink);border-radius:6px;height:100%;transition:background-color .35s,filter .35s,box-shadow .35s;display:block}.home-hex-line.is-yang i{background:var(--ink);flex:1}.home-hex-line.is-yin i{background:var(--ink-soft);flex:1}.home-nian-mark{z-index:2;color:#fff;letter-spacing:.02em;background:linear-gradient(145deg, var(--accent) 0%, #5a9a97 55%, var(--accent-deep) 100%);border-radius:20px;place-items:center;width:58px;height:58px;font-size:27px;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-4px;box-shadow:0 14px 32px #3d7a7861,inset 0 2px #fff3;animation:none!important;transform:none!important}.home-domain{letter-spacing:.2em;text-transform:lowercase;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:650}.home-headline{letter-spacing:.08em;color:var(--ink);flex-wrap:wrap;justify-content:center;gap:.12em;margin:0 0 16px;font-size:clamp(40px,11vw,56px);font-weight:700;line-height:1.08;display:flex}.home-headline-lead{background:linear-gradient(180deg, var(--ink) 40%, var(--accent-deep) 140%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-headline-rest{color:var(--ink);letter-spacing:.1em;font-weight:650}.home-sub{max-width:22em;color:var(--ink-soft);letter-spacing:.01em;margin:0 0 36px;font-size:16px;line-height:1.75}.home-cta-row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:280px;margin-bottom:36px;margin-left:auto;margin-right:auto;display:flex}.home-cta-row.home-cta-centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.home-cta-row.home-cta-centered .home-cta-primary{margin:0 auto}.home-cta-row.home-cta-centered .home-cta-secondary{display:inline-block}.home-cta-primary{letter-spacing:.06em;border-radius:999px;width:100%;padding:16px 28px;box-shadow:0 12px 28px #3d7a784d,inset 0 1px #ffffff38}.home-cta-secondary{color:var(--accent-deep);letter-spacing:.04em;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;transition:color .15s,background .15s}.home-cta-secondary:hover{background:var(--accent-soft)}.home-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-chip{border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf8e0;border-radius:999px;align-items:center;gap:7px;padding:8px 14px 8px 10px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 6px 18px #2a2f330a,inset 0 1px #ffffffd9}.home-chip-icon{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-deep);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.home-chip-icon svg{display:block}.home-chip-label{line-height:1}.home-nav{border-top:none;max-width:760px;margin:12px auto 0;padding:40px 4px 8px;position:relative}.home-nav:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--line-strong) 20%, #b7d4d2 50%, var(--line-strong) 80%, transparent 100%);opacity:.85;height:1px;position:absolute;top:0;left:8%;right:8%}.home-nav .home-chapter-label{margin-bottom:10px}.home-nav-title{letter-spacing:.14em;color:var(--ink);text-align:center;margin:0 0 28px;font-size:clamp(22px,5vw,28px);font-weight:650;line-height:1.25}.home-nav-grid{grid-template-columns:1fr;gap:14px;display:grid}.home-nav-card{border:1px solid var(--line);color:inherit;background:linear-gradient(#fffffff5 0%,#fffcf8f0 100%);border-radius:20px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 10px 28px #2a2f330d,inset 0 1px #ffffffe6}.home-nav-card:hover{border-color:#d4cec3;transform:translateY(-2px);box-shadow:0 16px 36px #2a2f3314,inset 0 1px #fffffff2}.home-nav-card:active{transform:scale(.99)}.home-nav-card.is-priority{background:linear-gradient(165deg,#fff 0%,#f1f8f7 55%,#eef6f5 100%);border-color:#b7d4d2;box-shadow:0 14px 36px #3d7a781a,inset 0 1px #fffffff2}.home-nav-preview{background:radial-gradient(ellipse at 50% 30%, #3d7a780f 0%, transparent 70%), var(--paper);border:1px solid var(--line);border-radius:16px;flex-shrink:0;place-items:center;width:68px;height:68px;display:grid;box-shadow:inset 0 1px #ffffffb3}.home-nav-card.is-priority .home-nav-preview{background:radial-gradient(ellipse at 50% 35%, #3d7a781f 0%, transparent 65%), var(--accent-soft);border-color:#c5dedc}.home-mini-hex{gap:3.5px;width:36px;display:grid}.home-mini-hex-sm{gap:2.5px;width:22px}.hmh-line{gap:3px;height:4px;display:flex}.home-mini-hex-sm .hmh-line{gap:2px;height:3px}.hmh-line i{background:var(--ink);border-radius:2px;flex:1;display:block}.hmh-line.is-yin i{background:var(--ink-soft)}.home-mini-hex.is-accent .hmh-line.is-yang i,.home-mini-hex.is-accent .hmh-line.is-yin i{background:var(--accent)}.home-mini-pair{align-items:center;gap:3px;display:flex}.home-mini-arrow{color:var(--accent);font-size:9px;font-weight:700;line-height:1}.home-nav-preview-bazi{padding:10px 8px}.home-mini-pillars{align-items:flex-end;gap:4px;height:100%;display:flex}.home-mini-pillars span{background:var(--ink-soft);opacity:.55;border-radius:3px;width:8px;height:36px;display:block}.home-mini-pillars span.is-muted{border:1px dashed var(--line-strong);opacity:.7;background:0 0;height:22px}.home-mini-pillars.is-filled span{opacity:.7}.home-mini-pillars span.is-day{background:var(--accent);opacity:1}.home-nav-body{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.home-nav-label{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:650}.home-nav-card.is-priority .home-nav-label{color:var(--accent-deep)}.home-nav-name{color:var(--ink);letter-spacing:.02em;font-size:16px;font-weight:650}@media (width>=560px){.home-nav-grid{grid-template-columns:1fr 1fr}.home-nav-card.is-priority{grid-column:1/-1}}@media (width>=768px){.home-main{padding-top:12px;padding-bottom:72px}.home-hero{max-width:640px;padding:32px 20px 72px}.home-hero-visual{width:268px;height:310px;margin-bottom:44px}.home-hex-art{contain:layout paint;gap:14px;max-width:176px;padding:38px 28px;transform:none;animation:none!important}.home-hex-line{gap:14px;height:15px}.home-nian-mark{border-radius:22px;width:68px;height:68px;font-size:32px}.home-headline{letter-spacing:.1em;margin-bottom:20px;font-size:64px}.home-sub{margin-bottom:40px;font-size:17px}.home-cta-row{flex-direction:column;align-items:center;gap:16px;max-width:280px}.home-cta-primary{width:auto;min-width:188px}.home-nav{max-width:820px;margin-top:8px;padding-top:52px}.home-nav-title{letter-spacing:.16em;margin-bottom:32px}.home-nav-grid{grid-template-columns:repeat(3,1fr);gap:16px}.home-nav-card.is-priority{grid-column:span 1}.home-nav-card{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.home-nav-preview{width:100%;height:80px}}.home-hex-line.is-flip{animation:.42s cubic-bezier(.22,.8,.28,1) homeYaoFlip}.home-hex-line.is-flip i{filter:brightness(1.18);box-shadow:0 0 0 3px #3d7a782e,0 0 18px #3d7a7847;background:var(--accent-deep)!important}@keyframes homeYaoFlip{0%{opacity:.35;filter:brightness(.9);transform:scaleX(.78)}45%{opacity:1;filter:brightness(1.18);transform:scaleX(1.05)}to{opacity:1;filter:brightness();transform:scaleX(1)}}.hex-grid-main,.hex-detail-main{max-width:960px}.hex-grid-lead{max-width:36em}.hex-grid-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px;display:flex}.hex-explore-link{flex-shrink:0}.hex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 28px;display:grid}@media (width>=640px){.hex-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}}@media (width>=900px){.hex-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}}.hex-grid-cell{border:1px solid var(--line);background:var(--paper-elevated);color:inherit;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:14px 8px 12px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.hex-grid-cell:hover{border-color:#b7d4d2;transform:translateY(-1px);box-shadow:0 8px 22px #2a2f3312}.hex-grid-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hex-grid-cell.is-placeholder{opacity:.72;border-style:dashed}.hg-mini{gap:5px;width:100%;max-width:56px;display:grid}.hg-line{justify-content:center;align-items:center;gap:12px;height:5px;display:flex}.hg-line i{background:var(--ink);border-radius:2px;flex:1 1 0;min-width:0;height:100%;display:block}.hg-line.is-yin i{background:var(--ink-soft)}.hg-name{text-align:center;color:var(--ink);letter-spacing:.02em;font-size:12px;font-weight:650;line-height:1.25}.hg-ph-tag{color:var(--ink-muted);margin-top:2px;font-size:10px;font-weight:600;display:block}.hex-detail{max-width:520px;margin:0 auto}.hex-detail-art-wrap{justify-content:center;margin:12px 0 20px;display:flex}.hex-detail-art-wrap .hex-art-static{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 20%, #3d7a7812 0%, transparent 65%), var(--paper-elevated);border-radius:24px;gap:14px;width:min(200px,70vw);margin:0;padding:28px 24px;list-style:none;box-shadow:0 16px 40px #2a2f3312,inset 0 1px #fffc}.hex-detail-art-wrap .hex-art-static .yao-line{gap:14px;max-width:none}.hex-detail-art-wrap .hex-art-static .yao-bar{border-radius:7px;height:14px}.hex-detail-head{text-align:center;margin-bottom:8px}.hex-detail-head .page-title{margin-bottom:4px}.hex-detail-en{color:var(--ink-muted);letter-spacing:.02em;margin:0 0 6px;font-size:14px;font-weight:550}.hex-detail .div-hex-alias,.hex-detail .div-hex-plain,.hex-detail-action{text-align:center}.hex-detail-action{color:var(--accent-deep);margin:0 0 16px;font-size:14px;font-weight:600}.hex-detail .hex-trigram-row{justify-content:center;margin-bottom:28px}.hex-detail-assoc{margin-top:8px}.hex-detail-assoc .card-title{margin-bottom:6px}.hex-assoc-sides{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hex-assoc-sides li{flex-direction:column;gap:2px;display:flex}.hex-assoc-side-label{color:var(--accent-deep);font-size:12px;font-weight:650}.hex-assoc-side-text{color:var(--ink-soft);font-size:14px;line-height:1.55}.hex-assoc-note,.hex-assoc-disclaimer{color:var(--ink-muted);margin:10px 0 0;font-size:12px;line-height:1.5}@media (width<=480px){.hex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hg-mini{max-width:48px}.hg-line{gap:10px;height:4px}.hg-name{font-size:11px}}@keyframes page-enter{0%{opacity:0;transform:translateY(var(--page-enter-offset,8px))}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter var(--page-enter-duration,var(--page-enter-ms,.24s)) var(--page-enter-ease,cubic-bezier(.22, 1, .36, 1)) both}@media (prefers-reduced-motion:reduce){.page-enter{opacity:1;animation:none;transform:none}.hex-grid-cell:hover{transform:none}.home-hero-glow,.home-hero-glow-warm,.home-hex-float,.home-nian-mark,.home-hex-line.is-flip{animation:none!important}.home-hex-line.is-flip i{filter:none;box-shadow:0 0 0 2px #3d7a7833}.home-nav-card:hover{transform:none}}@media (width<=767px){.hex-pair-hero{flex-direction:column;align-items:center;display:flex!important}.hex-pair-bridge{margin:8px 0 16px;padding-top:0;transform:rotate(90deg)}.hex-pair-side .hex-art-static{gap:18px!important;width:min(200px,72vw)!important}.hex-pair-side .hex-art-static .yao-bar{height:16px!important}}@media (width>=768px){.hex-pair-hero{grid-template-columns:1fr auto 1fr;align-items:start;gap:28px;max-width:720px;padding:48px 48px 44px;display:grid}.hex-pair-side{max-width:none}.hex-pair-side .hex-art-static{gap:18px;width:200px}.hex-pair-side .hex-art-static .yao-bar{height:16px}.hex-pair-bridge{margin:0;padding-top:72px;transform:none}.hex-pair-name{font-size:24px}.hex-pair-hero.is-solo{grid-template-columns:1fr;max-width:320px}}#birds-canvas-holder{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1s linear;position:fixed;inset:0;overflow:visible}#birds-canvas-holder.is-ready{opacity:1}#birds-canvas-holder canvas{display:block;width:100%!important;height:100%!important}.page-home .app.app-home{z-index:1;background:0 0;position:relative;overflow:visible!important}@media (prefers-reduced-motion:reduce){#birds-canvas-holder{display:none!important}}