.lbbc{--ink:#17233b;--muted:#667085;--blue:#2457a6;--pale:#edf4ff;--line:#d9e2ef;--han-serif:"Songti SC","STSong","Noto Serif CJK SC","Noto Serif SC","Source Han Serif SC","SimSun","PMingLiU",serif;max-width:980px;margin:32px auto;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(21,38,74,.08);overflow:hidden;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.lbbc *{box-sizing:border-box}.lbbc__header{padding:34px 36px 26px;background:linear-gradient(135deg,#f7faff,#eef5ff)}.lbbc__eyebrow,.lbbc__result-head span{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.lbbc h2{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:8px 0 10px}.lbbc__header p{max-width:720px;margin:0;color:var(--muted);font-size:16px}
.lbbc__modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 36px 0}.lbbc__mode{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.lbbc__mode.is-active{border-color:var(--blue);background:var(--pale)}.lbbc__mode input{margin-top:5px;accent-color:var(--blue)}.lbbc__mode-copy{display:grid;gap:3px}.lbbc__mode small{color:var(--muted)}
.lbbc__form{padding:24px 36px 30px}.lbbc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lbbc label>span,.lbbc__location>label>span{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.lbbc input,.lbbc select,.lbbc button{font:inherit}.lbbc input[type=date],.lbbc input[type=time],.lbbc input[type=search],.lbbc input[type=number],.lbbc select{width:100%;min-height:48px;border:1px solid #bcc9da;border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink)}.lbbc input:focus,.lbbc select:focus{outline:3px solid rgba(36,87,166,.15);border-color:var(--blue)}
.lbbc__advanced{margin-top:18px}.lbbc__advanced>summary{cursor:pointer;font-weight:700;color:var(--blue)}.lbbc__advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.lbbc__advanced p,.lbbc label small{color:var(--muted);font-size:12px}.lbbc__location{margin-top:18px}.lbbc__location-row{display:grid;grid-template-columns:1fr auto;gap:10px}.lbbc button{border:0;border-radius:10px;padding:11px 18px;font-weight:750;cursor:pointer}.lbbc__find{background:#e8eef7;color:var(--ink)}.lbbc__submit{margin-top:22px;background:var(--blue);color:#fff;min-height:50px}
.lbbc__matches{margin-top:8px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;box-shadow:0 12px 24px rgba(21,38,74,.1)}.lbbc__matches p{margin:4px 8px 8px;font-size:13px;color:var(--muted)}.lbbc__matches button{display:grid;width:100%;text-align:left;background:#fff;padding:10px}.lbbc__matches button:hover{background:var(--pale)}.lbbc__matches button small{font-weight:400;color:var(--muted);margin-top:2px}.lbbc__attribution{display:block;padding:8px;color:var(--muted)}.lbbc__status{min-height:24px;margin-top:12px;color:#9a4e00}
.lbbc__result{margin:0 36px 34px;border-top:3px solid var(--blue)}.lbbc__result-head{padding:24px 0 16px}.lbbc__result h3{font-size:24px;margin:5px 0 8px}.lbbc__result-head p{font-size:17px;margin:0}.lbbc__answer{margin:16px 0;padding:20px;border-radius:14px;background:linear-gradient(135deg,#eef5ff,#f8fbff);text-align:center}.lbbc__answer>span{font-size:11px}.lbbc__answer-date{margin-top:6px;font-size:17px}.lbbc__answer-time{font-size:34px;font-weight:800}.lbbc__answer-secondary{font-weight:700}.lbbc__answer-meta{margin-top:5px;color:var(--muted);font-size:12px}.lbbc__confidence{margin-top:9px;font-size:13px;color:var(--muted)}
.lbbc__chart{padding:24px 0;border-top:1px solid var(--line)}.lbbc__chart-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.lbbc__chart-head span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.lbbc__chart-head h3{margin:4px 0 0}.lbbc__chart-head p{margin:0;color:var(--muted);font-size:14px}.lbbc__pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lbbc__pillar{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.lbbc__pillar h4{margin:0;padding:11px 12px;background:#f4f7fb;text-align:center;font-size:14px}.lbbc__ten-god{min-height:66px;padding:10px 8px;text-align:center;color:var(--blue);font-weight:750}.lbbc__ten-god small{display:block;color:var(--muted);font-weight:500}.lbbc__stem,.lbbc__branch{display:grid;justify-items:center;padding:11px;border-top:1px solid var(--line)}.lbbc__stem b,.lbbc__branch b{font-family:var(--han-serif);font-size:42px;font-weight:600;line-height:1;letter-spacing:.02em}.lbbc__stem span,.lbbc__branch span{margin-top:6px;text-align:center;font-size:12px;color:var(--muted)}.lbbc__hidden{padding:12px;border-top:1px solid var(--line)}.lbbc__hidden>strong{display:block;margin-bottom:7px;font-size:12px}.lbbc__hidden div{display:grid;margin-top:7px;font-size:12px}.lbbc__hidden small{color:var(--muted)}
.lbbc__elements{margin-top:14px;padding:14px;border-radius:12px;background:#f7f9fc}.lbbc__elements>div{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0}.lbbc__elements span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.lbbc__elements small{color:var(--muted)}.lbbc__boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lbbc__boundary-grid>div{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:12px}.lbbc__boundary-grid span{font-size:14px}.lbbc__boundary-grid small,.lbbc__convention{color:var(--muted);font-size:12px}.lbbc__boundary-note{margin:10px 0 0;padding:9px 11px;border-radius:9px;background:#fff7e8;color:#68461e;font-size:12px}.lbbc__convention{margin:12px 0 0}
.lbbc__details{margin-top:14px}.lbbc__details>summary{cursor:pointer;font-weight:750;color:var(--blue);padding:12px 0}.lbbc__table-wrap{overflow-x:auto}.lbbc table{border-collapse:collapse;width:100%;font-size:14px}.lbbc th,.lbbc td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.lbbc thead th{background:#f4f7fb}.lbbc tbody th{width:23%}.lbbc tbody td:nth-child(2){width:32%;font-weight:650}.lbbc__warning{margin-top:18px;padding:15px 17px;border-radius:10px;background:#fff7e8;color:#68461e}.lbbc__warning p{margin:5px 0 0}.lbbc__sources{margin-top:18px}.lbbc__sources ul{margin:7px 0 0;padding-left:20px}.lbbc__footnote{padding:16px 36px;margin:0;background:#f7f8fa;color:var(--muted);font-size:12px}.lbbc-login{padding:20px;border:1px solid #d9e2ef;border-radius:12px;background:#f7faff}
.lbbc__luck-intro{display:grid;gap:4px;margin:8px 0 0;padding:15px 17px;border-radius:12px;background:#f4f7fb}.lbbc__luck-intro span,.lbbc__luck-intro small{color:var(--muted);font-size:13px}.lbbc__cycles{padding:24px 0;border-top:1px solid var(--line)}.lbbc__section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.lbbc__section-head>div>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.lbbc__section-head h3{margin:4px 0}.lbbc__section-head p{margin:0 0 14px;color:var(--muted);font-size:13px}.lbbc__track-buttons{display:flex;gap:7px;margin-bottom:14px}.lbbc__track-buttons button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);font-size:26px;line-height:1}.lbbc__track-buttons button:hover{background:var(--pale)}.lbbc__track{display:flex;direction:rtl;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:#9fb4d2 #edf2f7;scrollbar-width:thin;padding:2px 2px 14px;-webkit-overflow-scrolling:touch}.lbbc__track:focus{outline:3px solid rgba(36,87,166,.16);outline-offset:3px}.lbbc__track::-webkit-scrollbar{height:9px}.lbbc__track::-webkit-scrollbar-track{background:#edf2f7;border-radius:999px}.lbbc__track::-webkit-scrollbar-thumb{background:#9fb4d2;border-radius:999px}.lbbc__cycle-card{position:relative;display:flex;direction:ltr;flex:0 0 clamp(190px,23vw,220px);flex-direction:column;min-height:300px;padding:15px!important;border:1px solid var(--line)!important;border-radius:14px;background:#fff!important;color:var(--ink)!important;text-align:left;font-weight:inherit;scroll-snap-align:start;box-shadow:0 5px 14px rgba(21,38,74,.04)}.lbbc button.lbbc__cycle-card:hover{border-color:#7c9ac4!important;background:#f8fbff!important}.lbbc__cycle-card.is-current{border:2px solid #2f8650!important;background:#f1faf3!important}.lbbc__cycle-card.is-selected{outline:3px solid rgba(36,87,166,.22);border-color:var(--blue)!important}.lbbc__cycle-card em{position:absolute;top:10px;right:10px;padding:3px 7px;border-radius:999px;background:#16733c;color:#fff;font-size:10px;font-style:normal;font-weight:800}.lbbc__cycle-label{color:var(--muted);font-size:12px;font-weight:750}.lbbc__pair{margin-top:14px;font-family:var(--han-serif);font-size:40px;font-weight:600;line-height:1;letter-spacing:.025em;color:var(--ink)}.lbbc__pair+span{margin-top:6px;color:var(--muted);font-size:12px}.lbbc__cycle-card>b{margin-top:17px;color:var(--blue);font-size:13px}.lbbc__cycle-card>b+small{color:var(--muted)}.lbbc__cycle-card dl{display:grid;gap:10px;margin:auto 0 0}.lbbc__cycle-card dl div{padding-top:9px;border-top:1px solid var(--line)}.lbbc__cycle-card dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lbbc__cycle-card dd{margin:3px 0 0;font-size:12px}.lbbc__month-card{min-height:350px}.lbbc__swipe-hint{margin:7px 0 0;color:var(--muted);font-size:11px}
@media(max-width:800px){.lbbc__modes{grid-template-columns:1fr}.lbbc__pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.lbbc__chart-head{align-items:start;flex-direction:column}.lbbc__boundary-grid{grid-template-columns:1fr}}
@media(max-width:680px){.lbbc{border-radius:14px}.lbbc__header,.lbbc__form{padding-left:20px;padding-right:20px}.lbbc__modes{padding-left:20px;padding-right:20px}.lbbc__grid,.lbbc__advanced-grid{grid-template-columns:1fr}.lbbc__location-row{grid-template-columns:1fr}.lbbc__result{margin-left:20px;margin-right:20px}.lbbc__footnote{padding-left:20px;padding-right:20px}}
@media(max-width:480px){.lbbc__pillars{grid-template-columns:1fr 1fr}.lbbc__stem b,.lbbc__branch b{font-size:36px}.lbbc__pillar h4{font-size:12px}.lbbc__hidden{padding:9px}.lbbc__result{margin-left:14px;margin-right:14px}}