:root{--wood:#718b70;--fire:#b37d70;--earth:#ac8e69;--metal:#a39362;--water:#7b94a7;--wood-ink:#587354;--fire-ink:#98675d;--earth-ink:#90714e;--metal-ink:#857346;--water-ink:#5c788e}.gan,.zhi{-webkit-text-stroke:0}.hidden-stem.wood-text,.simple-hidden b.wood-text{color:var(--wood-ink)}.hidden-stem.fire-text,.simple-hidden b.fire-text{color:var(--fire-ink)}.hidden-stem.earth-text,.simple-hidden b.earth-text{color:var(--earth-ink)}.hidden-stem.metal-text,.simple-hidden b.metal-text{color:var(--metal-ink)}.hidden-stem.water-text,.simple-hidden b.water-text{color:var(--water-ink)}
html{scroll-padding-top:108px}body>header{position:sticky;top:0;z-index:60;background:rgba(247,246,240,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 16px #344b2705}.workspace{scroll-margin-top:12px}#about{scroll-margin-top:12px}.result-panel{scroll-margin-top:12px}
.simple-pillar>h3{margin-bottom:8px}.stem-god{font-size:11px;color:#71806b;line-height:18px;min-height:18px;margin-bottom:7px;font-weight:500}.simple-characters{gap:7px}.simple-hidden{margin-top:15px;min-height:100px;padding-top:10px}.simple-hidden>span{font-size:9px;letter-spacing:1px}.hidden-god-list{display:grid;gap:5px;margin-top:9px;min-height:63px;align-content:start}.hidden-god-item{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;line-height:18px;white-space:nowrap}.hidden-god-item small{font-size:10px;line-height:18px;font-weight:400;color:#7f8974}.hidden-god-item .hidden-stem{font-size:14px}.pending-hidden{font-size:11px;color:#9aa58e}.period-cards article{background:#f7f8f0;padding:18px 20px}.period-cards .period-core{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:11px 0 13px}.period-god{font-size:11px;color:#75846a;line-height:17px}.period-pair{display:flex;align-items:center;gap:5px}.period-pair .gan,.period-pair .zhi{font-size:28px;line-height:1.35}.period-cards .period-hidden{display:block;margin:0 0 12px;padding-top:10px;border-top:1px solid #e0e5d6}.period-hidden>span{font-size:9px;color:#8d9980;letter-spacing:1px}.period-hidden-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;min-height:22px}.period-hidden-list .hidden-god-item{justify-content:flex-start;gap:5px}.period-cards p{font-size:10px;line-height:1.8}.annual-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)}.annual-placeholder{display:flex;justify-content:center;align-items:center;border:1px dashed #e1e7d8;border-radius:4px;color:#c2ccba;background:#f8faf4;font-size:13px;min-height:65px}.annual-edge-nav{display:flex;justify-content:space-between;gap:10px;margin:-3px 0 13px}.annual-edge-nav button{border:0;border-bottom:1px solid #c6d2b9;background:none;padding:3px 0;color:#8b9a7a;font-size:10px}.annual-edge-nav button:only-child{margin-left:auto}.annual-grid strong .gan,.annual-grid strong .zhi{color:inherit}.annual-grid strong .wood-text{color:var(--wood)}.annual-grid strong .fire-text{color:var(--fire)}.annual-grid strong .earth-text{color:var(--earth)}.annual-grid strong .metal-text{color:var(--metal)}.annual-grid strong .water-text{color:var(--water)}
@media(max-width:1000px){.period-hidden-list{grid-template-columns:1fr;min-height:64px}.period-hidden-list .hidden-god-item{justify-content:flex-start}.period-cards article{padding:17px 15px}}
@media(max-width:740px){html{scroll-padding-top:94px}.stem-god{font-size:10px;line-height:17px;min-height:17px;margin-bottom:6px}.simple-pillar>h3{margin-bottom:7px}.simple-hidden{margin-top:13px;min-height:99px}.simple-hidden>span{font-size:8px;letter-spacing:0}.hidden-god-list{gap:4px;margin-top:8px}.hidden-god-item{gap:5px;line-height:17px}.hidden-god-item small{font-size:9px;line-height:17px}.hidden-god-item .hidden-stem{font-size:12px}.period-cards article{padding:15px 13px}.period-cards .period-core{margin-top:9px;margin-bottom:12px}.period-god{font-size:10px}.period-pair .gan,.period-pair .zhi{font-size:25px}.period-hidden-list{grid-template-columns:1fr;min-height:62px;gap:4px}.period-hidden-list .hidden-god-item small{font-size:10px}.period-hidden-list .hidden-stem{font-size:13px}.period-cards p{font-size:9px}.annual-placeholder{min-height:58px}.annual-edge-nav button{font-size:9px}.annual-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:360px){.hidden-god-item{gap:3px}.hidden-god-item small{font-size:9px}.hidden-god-item .hidden-stem{font-size:11px}.period-cards article{padding:14px 10px}.period-pair .gan,.period-pair .zhi{font-size:24px}}
.birth-city-setting{margin-top:15px}.birth-city-setting .field-label{margin-top:0;margin-bottom:9px}.birth-city-setting .field-label small{font-size:9px;display:inline}.birth-city-help{font-size:10px;line-height:1.9;color:#859278;margin:8px 0 0}.about-title{padding-right:52px}.vertical-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap;letter-spacing:0;width:28px;height:max-content;min-height:0;max-height:none;bottom:auto;padding:9px 4px;box-sizing:border-box;background:#f8f5ec;border-color:#c5ac95;color:#a57f63}.vertical-seal>span{display:block;font:500 12px/1 var(--serif);letter-spacing:0}
@media(max-width:360px){.about h2{font-size:24px;letter-spacing:1px}.vertical-seal{right:6px;width:26px}.about-title{padding-right:42px}}
.brand strong,nav>a,nav>button{white-space:nowrap}.brand{flex-shrink:0}@media(max-width:360px){body>header{margin-left:14px;margin-right:14px}.brand{gap:7px}.brand .seal{width:28px;height:30px;font-size:20px}.brand strong{font-size:20px;letter-spacing:2px}nav{gap:10px;font-size:10px;flex-shrink:0}nav button{font-size:10px;padding:7px 8px}nav button span{margin-left:4px}}