*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Serif TC",SimSun,serif;background:#1a1a2e;color:#e8d5a3;min-height:100vh}.app{max-width:960px;margin:0 auto;padding:20px 16px 40px}.header{text-align:center;margin-bottom:24px}.header h1{font-size:2rem;color:#f0c040;letter-spacing:.15em;text-shadow:0 0 20px rgba(240,192,64,.4)}.header p{font-size:.85rem;color:#9a8870;margin-top:4px}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-bottom:24px}.controls input[type=datetime-local]{background:#16213e;border:1px solid #3a3060;color:#e8d5a3;padding:8px 12px;border-radius:6px;font-size:.95rem;font-family:inherit}.controls input[type=datetime-local]:focus{outline:none;border-color:#f0c040}.btn{background:#f0c040;color:#1a1a2e;border:none;padding:8px 20px;border-radius:6px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.05em;transition:background .2s}.btn:hover{background:#ffd86e}.btn-now{background:#2a2a4a;color:#e8d5a3;border:1px solid #3a3060}.btn-now:hover{background:#3a3060}.btn-lang{background:#2a3a2a;color:#80e080;border:1px solid #3a6a3a;min-width:48px}.btn-lang:hover{background:#3a5a3a}.meta{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-bottom:20px;font-size:.9rem;color:#b8a878}.meta-tag{background:#16213e;border:1px solid #2a2a4a;padding:3px 10px;border-radius:4px}.meta-tag span{color:#f0c040;font-weight:600}.bazi-row{display:flex;justify-content:center;gap:0;margin-bottom:20px}.bazi-col{display:flex;flex-direction:column;align-items:center;width:60px;background:#16213e;border:1px solid #2a2a4a}.bazi-col:not(:last-child){border-right:none}.bazi-col:first-child{border-radius:6px 0 0 6px}.bazi-col:last-child{border-radius:0 6px 6px 0}.bazi-label{font-size:.7rem;color:#9a8870;padding:4px 0 2px;border-bottom:1px solid #2a2a4a;width:100%;text-align:center}.bazi-gan{font-size:1.2rem;color:#f0c040;padding:4px 0 0}.bazi-zhi{font-size:1.2rem;color:#e8d5a3;padding:0 0 6px}.grid-wrapper{display:flex;justify-content:center;margin-bottom:20px}.palace-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #3a3060;border-radius:4px;overflow:hidden;width:min(540px,100%)}.cell{border:1px solid #2a2a4a;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:140px;position:relative;background:#16213e;transition:background .3s}.cell.void{background:#1e1030}.cell.horse:after{content:"馬";position:absolute;top:4px;right:4px;font-size:.6rem;color:#60c080;background:#60c08026;border-radius:3px;padding:1px 3px}.cell-center{background:#0f0f20}.cell-god{font-size:.7rem;color:#c0a060;letter-spacing:.05em}.cell-star{font-size:.75rem;color:#80b0e0}.cell-door{font-size:.75rem;color:#e08060;font-weight:600}.cell-gans{display:flex;gap:4px;align-items:center;font-size:1.1rem}.cell-sky-gan{color:#f0c040}.cell-sep{font-size:.8rem;color:#555}.cell-earth-gan{color:#a0c8a0}.cell-palace{font-size:.65rem;color:#5a5a7a;margin-top:2px;letter-spacing:.05em}.cell-void-tag{position:absolute;top:4px;left:4px;font-size:.6rem;color:#c06060;background:#c0606026;border-radius:3px;padding:1px 3px}.center-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;min-height:140px;background:#0f0f20;border:1px solid #2a2a4a}.center-title{font-size:.7rem;color:#9a8870}.center-ju{font-size:1rem;color:#f0c040;font-weight:700;letter-spacing:.1em}.center-info{font-size:.7rem;color:#b8a878;text-align:center;line-height:1.6}.center-marker{font-size:.65rem;color:#80c0a0;background:#80c0a01a;padding:2px 6px;border-radius:3px}.wuxing-row{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.wx-tag{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:6px;font-size:.8rem;min-width:48px}.wx-label{font-size:.65rem;opacity:.7;margin-bottom:2px}.wx-旺{background:#1e3a1e;border:1px solid #3a6a3a;color:#80e080}.wx-相{background:#1e2e3a;border:1px solid #3a5a6a;color:#80c0e0}.wx-休{background:#2a2a1e;border:1px solid #5a5a3a;color:#c0c080}.wx-囚{background:#2a1e2a;border:1px solid #5a3a5a;color:#c080c0}.wx-死{background:#2a1e1e;border:1px solid #6a3a3a;color:#e08080}.error{color:#e08080;text-align:center;padding:20px;font-size:.9rem}.page-tabs{display:flex;justify-content:center;gap:0;margin-bottom:24px}.tab-btn{background:#16213e;color:#9a8870;border:1px solid #3a3060;padding:7px 28px;font-size:.9rem;font-family:inherit;cursor:pointer;letter-spacing:.05em;transition:background .2s,color .2s}.tab-btn:first-child{border-radius:6px 0 0 6px}.tab-btn:last-child{border-radius:0 6px 6px 0;border-left:none}.tab-btn.active{background:#f0c040;color:#1a1a2e;font-weight:700}.tab-btn:not(.active):hover{background:#2a2a4a;color:#e8d5a3}.chaibu-wrapper{width:100%;max-width:600px;margin:0 auto 24px}.chaibu-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:1;border:2px solid #5a4a80;border-radius:4px;overflow:hidden}.ch-cell{border-right:1px solid #2a2a4a;border-bottom:1px solid #2a2a4a;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#16213e}.ch-text{font-size:clamp(.45rem,1.1vw,.72rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:1px 2px;text-align:center;line-height:1.2}.ch-box-right{border-right:2px solid #5a4a80}.ch-box-bottom{border-bottom:2px solid #5a4a80}.ch-palace .ch-text{color:#9a8870}.ch-god .ch-text{color:#c0a060}.ch-tag .ch-text{color:#c06060}.ch-gate .ch-text{color:#e08060;font-weight:700}.ch-star .ch-text{color:#80b0e0}.ch-stem .ch-text{color:#f0c040;font-weight:700}.ch-stem-extra .ch-text{color:#d0c050}.ch-empty{background:#16213e}.ch-center{background:#0f0f20}.bazi-box{margin-top:16px;margin-bottom:16px;border:2px solid #5a4a80;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.bazi-box-label-row,.bazi-box-stem-row{display:grid;grid-template-columns:repeat(4,1fr)}.bazi-box-cell{display:flex;align-items:center;justify-content:center;padding:6px 4px;border-right:1px solid #2a2a4a;border-bottom:1px solid #2a2a4a;font-size:.85rem}.bazi-box-cell:last-child{border-right:none}.bazi-box-stem-row:last-child .bazi-box-cell{border-bottom:none}.bazi-box-label{color:#9a8870;font-size:.75rem;background:#0f0f20}.bazi-box-gan{color:#f0c040;font-weight:700;font-size:1rem;background:#16213e}.bazi-box-zhi{color:#a0c8a0;font-size:1rem;background:#16213e}.bazi-box-jia-row{border-top:1px dashed #5a4a80}.bazi-box-jia{color:#ffd86e;font-weight:700;font-size:.8rem;background:#1a1408;letter-spacing:.03em}.bazi-box-jia-empty{background:#0f0f18}.legend-row{display:flex;gap:12px;margin-top:10px;justify-content:center}.legend-chip{display:flex;align-items:center;gap:6px;font-size:.8rem;padding:3px 10px;border-radius:4px;background:#0f0f20;border:1px solid #2a2a4a}.legend-chip:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%}.legend-chip-door{color:#e08060}.legend-chip-door:before{background:#e08060}.legend-chip-star{color:#80b0e0}.legend-chip-star:before{background:#80b0e0}.cleanup-wrapper{width:100%;max-width:960px;margin:0 auto 24px}.cleanup-wrapper .ch-text{font-size:clamp(.5rem,1.3vw,.82rem)}.cleanup-grid{display:grid;grid-template-columns:repeat(3,1fr 1fr 1fr 1.5fr);grid-template-rows:repeat(12,1fr);aspect-ratio:9 / 8;border:2px solid #5a4a80;border-radius:4px;overflow:hidden}.ch-asker .ch-text,.ch-answer .ch-text{color:#f0c040;font-weight:700}.ch-power .ch-text{color:#e8d5a3;font-weight:700}.ch-branch .ch-text{color:#e8d5a3}.ch-row1,.ch-col4{background:#000!important}.ch-body{background:#f0ece2!important}.ch-body .ch-text{color:#000!important}.ch-body.ch-palace-3,.ch-body.ch-palace-4{background:#d8efd8!important}.ch-body.ch-palace-9{background:#f5d8d8!important}.ch-body.ch-palace-2,.ch-body.ch-palace-8{background:#ead8be!important}.ch-body.ch-palace-6,.ch-body.ch-palace-7{background:#e8e8e4!important}.ch-body.ch-palace-1{background:#d8e6f5!important}.cleanup-grid .ch-stem .ch-text,.cleanup-grid .ch-stem-extra .ch-text{white-space:pre-line;line-height:1.3;text-align:center}.ch-orig-gate .ch-text{color:#e08060;font-weight:700}.ch-orig-star .ch-text{color:#80b0e0}.ch-emptiness-active .ch-text{color:#3a9a3a!important;text-decoration:line-through}.ch-emptiness-weak .ch-text{color:#c04040!important}.ch-horse .ch-text{color:#00e676!important;font-weight:700}.ch-grave-punishment .ch-text{color:#ffb040;white-space:pre-line;line-height:1.4;text-align:center}.info-box{margin-top:20px;margin-bottom:4px;border:2px solid #5a4a80;border-radius:4px;overflow:hidden}.info-box-row{display:grid;grid-template-columns:repeat(4,1fr)}.info-box-cell{display:flex;align-items:center;justify-content:center;padding:6px 4px;border-right:1px solid #2a2a4a;border-bottom:1px solid #2a2a4a;font-size:.78rem;text-align:center}.info-box-cell:last-child{border-right:none}.info-box-row:last-child .info-box-cell{border-bottom:none}.info-box-label{color:#9a8870;background:#0f0f20;font-size:.72rem;letter-spacing:.02em}.info-box-value{color:#9a8870;background:#16213e;font-size:.85rem;min-height:32px}.info-box-partner{color:#f0c040;font-weight:700;font-size:.95rem}.info-box-special{color:#ff8040;font-weight:700;font-size:.9rem}.chart-tip{text-align:center;font-size:.8rem;color:#fff;margin:14px 0 10px;letter-spacing:.04em}.ch-clickable{cursor:pointer}.ch-clickable:hover{filter:brightness(1.15)}.reading-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100}.reading-modal{background:#16213e;border:2px solid #5a4a80;border-radius:10px;padding:20px 24px;max-width:420px;width:92%;max-height:80vh;overflow-y:auto}.reading-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:1.1rem;color:#f0c040;font-weight:700}.reading-modal-close{background:none;border:none;color:#9a8870;font-size:1.3rem;cursor:pointer;padding:0 4px;line-height:1}.reading-modal-close:hover{color:#e8d5a3}.reading-modal-stems-label{font-size:.8rem;color:#9a8870;margin-bottom:14px;letter-spacing:.04em}.reading-item{padding:10px 0;border-bottom:1px solid #2a2a4a}.reading-item:last-child{border-bottom:none}.reading-stems{font-size:.85rem;color:#c0a060;margin-bottom:4px;font-weight:600}.reading-desc{font-size:.9rem;color:#e8d5a3;line-height:1.55}.reading-empty{color:#9a8870;font-size:.85rem;text-align:center;padding:16px 0}.reading-dun-section{margin-top:14px;padding-top:12px;border-top:1px solid #5a4a80;text-align:center}.reading-dun-label{font-size:.72rem;color:#9a8870;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.reading-dun-name{font-size:1.05rem;color:#f0c040;font-weight:700;letter-spacing:.08em}