.bazi-entry{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 6px;border-radius:6px;line-height:1.3;white-space:nowrap;color:#333;cursor:pointer;outline-offset:2px}.bazi-entry:hover{background:#f1f4ee}.bazi-entry:focus-visible{outline:2px solid #71966c;background:#f1f4ee}
.bazi-drawer{position:fixed;right:18px;top:74px;max-height:calc(100dvh - 92px);width:min(528px,calc(100vw - 28px));z-index:35;background:#fff;border:1px solid #e0e6da;border-radius:16px;box-shadow:0 10px 35px #21351b16,0 2px 6px #21351b08;font-family:"Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:14px;color:#252b24;display:flex;flex-direction:column}
.bazi-drawer[hidden]{display:none}
.bp-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0e9;background:#fff;border-radius:16px 16px 0 0;color:#333;padding:10px 14px;flex:none;cursor:move;touch-action:none;user-select:none}
.bp-heading h2{font-size:16px;font-weight:500;margin:0}
.bp-heading button{font-size:14px;background:transparent;color:#788372;border:0;border-radius:6px;padding:5px 0 5px 10px}
.bp-body{padding:10px 14px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:none}
.bp-body::-webkit-scrollbar{display:none}
.bp-birth-chart{border:1px solid #edf0e9;border-radius:7px;overflow:hidden}
.bp-pillars{width:100%;min-width:0;table-layout:fixed;text-align:center;font-size:15px;border-collapse:collapse}
.bp-pillars th,.bp-pillars td{font-size:15px;padding:4px 2px;text-align:center;border:0;font-weight:400;vertical-align:middle;line-height:1.5}
.bp-pillars th:first-child{width:44px;color:#788372;background:#fff}
.bp-pillars thead th{color:#52694e;background:#fff;padding:8px 2px;font-weight:500;border-bottom:1px solid #edf0e9}
.bp-pillars .bp-glyphs td{font-size:25px;line-height:1.3}
.bp-hidden-stems td{background:#fff;vertical-align:top;font-size:15px}
.bp-hidden-stems td div{white-space:nowrap}
.bp-木{color:#14a15b}
.bp-火{color:#f0444d}
.bp-土{color:#bb8a0b}
.bp-金{color:#b58b18}
.bp-水{color:#2389e8}
.bp-aux{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9;background:#fff;padding:9px 0;color:#788372}
.bp-aux>span{display:flex;align-items:baseline;justify-content:center;gap:0;font-size:15px;line-height:24px;border-right:1px solid #edf0e9}
.bp-aux>span:last-child{border-right:0}
.bp-aux b{font-size:16px;font-weight:400;line-height:24px}
.bp-luck-note{display:flex;justify-content:space-between;gap:5px;font-size:15px;white-space:nowrap;background:#fff;color:#555;border-bottom:1px solid #edf0e9;padding:8px 5px;line-height:1.6;margin-top:8px}
.bp-body section{margin-top:11px}
.bp-body h3{font-size:14px;font-weight:500;color:#52694e;margin:0 0 7px}
.bp-body h3 span{font-weight:400;color:#788372;margin-left:10px}
.bp-scroll{min-width:0;border:1px solid #edf0e9;border-radius:6px;overflow:hidden}
.bp-cycles{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:100%}
.bp-cycles button,.bp-months>div{font:inherit;min-width:0;color:inherit;background:#fff;border:0;border-radius:0;border-right:1px solid #edf0e9;padding:6px 1px;display:flex;flex-direction:column;align-items:center;gap:4px;white-space:normal;text-align:center}
.bp-cycles button[aria-pressed=true]{background:#fff;box-shadow:inset 0 -2px #75a378}
.bp-cycles button:hover{background:#f7f9f5}
.bp-cycles strong{font-size:19px;font-weight:400;letter-spacing:0;white-space:nowrap}
.bp-small-luck{color:#788372;line-height:1.4}
.bp-months{grid-template-columns:repeat(12,minmax(0,1fr));font-size:12px}
.bp-months strong{font-size:17px}@media(max-width:560px){.bazi-drawer{right:8px;top:65px;max-height:calc(100dvh - 81px);width:calc(100vw - 16px)}
.bp-body{padding:8px}
.bp-aux>span{gap:0;font-size:13px}
.bp-aux b{font-size:14px}
.bp-pillars th:first-child{width:32px}
.bp-pillars th,.bp-pillars td{font-size:14px}
.bp-luck-note{font-size:12px;gap:2px}
.bp-cycles{font-size:12px}
.bp-cycles strong{font-size:16px}
.bp-months{font-size:10px}
.bp-months strong{font-size:14px}
}
