.hour-card{transition:all 0.3s ease;border-radius:10px;overflow:hidden;height:100%}.hour-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(74,108,247,0.15) !important}.hour-card.current{border:2px solid #4a6cf7;box-shadow:0 5px 15px rgba(74,108,247,0.2) !important}.zodiac-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:8px;background-color:rgba(74,108,247,0.1);color:#4a6cf7;cursor:pointer;transition:all 0.3s ease;text-align:center}.zodiac-icon:hover{background-color:rgba(74,108,247,0.2);transform:scale(1.05)}.zodiac-icon .pinyin{font-size:0.75rem;margin-bottom:1px;line-height:1}.zodiac-icon .voice-icon{font-size:1.1rem;line-height:1}.current-time-badge{background-color:#4a6cf7;color:#ffffff;padding:3px 10px;border-radius:20px;font-size:0.85rem;font-weight:500}@media (max-width:768px){.hour-card .card-body{padding:1rem}.hour-name{font-size:1.25rem}}.d-flex.align-items-start{flex-wrap:wrap}.d-flex.align-items-start div{flex:1;min-width:0}.d-flex.align-items-start > div > span:last-child{font-size:0.85rem}