:root{--bazi-wood: #22c55e;--bazi-fire: #ef4444;--bazi-earth: #eab308;--bazi-metal: #f8fafc;--bazi-water: #3b82f6;--bazi-border: rgba(255, 255, 255, .1);--bazi-bg: rgba(255, 255, 255, .05)}.bazi-layout{display:flex;flex-direction:column;gap:2rem;padding:1rem;color:#fff;font-family:Cormorant Garamond,"Noto Serif TC",serif}.pillars-table{display:flex;flex-direction:row-reverse;justify-content:center;gap:1rem;width:100%}.pillar{display:flex;flex-direction:column;align-items:center;background:var(--bazi-bg);border:1px solid var(--bazi-border);border-radius:8px;padding:1rem;min-width:80px;position:relative;transition:transform .3s ease}.pillar:hover{transform:translateY(-5px);border-color:#ffffff4d}.pillar.day-pillar{border:1px solid var(--color-gold);box-shadow:0 0 15px #eab30833}.pillar-name{font-size:1rem;color:#94a3b8;margin-bottom:1rem}.pillar-part{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.gan,.zhi{font-size:2.5rem;font-weight:700;line-height:1}.shishen{font-size:.9rem;color:#94a3b8;margin-top:.25rem}.wood{color:var(--bazi-wood)}.fire{color:var(--bazi-fire)}.earth{color:var(--bazi-earth)}.metal{color:var(--bazi-metal)}.water{color:var(--bazi-water)}.element-stats{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.element-bar-item{display:flex;align-items:center;gap:1rem}.element-label{width:3rem;font-size:1rem}.bar-container{flex-grow:1;height:12px;background:#0000004d;border-radius:6px;overflow:hidden}.bar-fill{height:100%;transition:width 1s ease-out}.element-count{width:1.5rem;text-align:right;font-size:.9rem}.analysis-summary{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--bazi-border);font-size:1.1rem;line-height:1.6}.summary-item{margin-bottom:.5rem}.summary-item span{font-weight:600;color:var(--color-gold)}.yun-section{width:100%;overflow-x:auto;padding-bottom:1rem}.yun-title{font-size:1.25rem;color:var(--color-gold);margin-bottom:1rem;padding-left:.5rem}.yun-container{display:flex;flex-direction:row-reverse;gap:.75rem;min-width:max-content}.yun-card{background:var(--bazi-bg);border:1px solid var(--bazi-border);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:70px}.yun-card.active{border:1px solid var(--color-purple);background:#bd93f91a}.yun-ganzhi{font-size:1.25rem;font-weight:700}.yun-age{font-size:.8rem;color:#94a3b8}.yun-start-age{font-size:.9rem;color:#fff;margin-bottom:.25rem}@media(max-width:600px){.pillars-table{gap:.5rem}.pillar{padding:.5rem;min-width:60px}.gan,.zhi{font-size:1.75rem}}