.battery-video { overflow: hidden; }
.battery-video-art { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; min-height: 225px; margin: 16px 0; padding: 28px 18px; text-align: center; border: 1px solid #22657c; border-radius: 6px; background: radial-gradient(circle at 50% 75%, #186b7f88, transparent 58%), linear-gradient(135deg, #0b1621, #143544); color: #f3fbff; }
.battery-video-mark { font-size: 38px; font-weight: 900; font-style: italic; letter-spacing: -4px; color: #f3fbff; }
.battery-video-mark span { color: #22cce5; font-size: 18px; letter-spacing: -2px; vertical-align: top; }
.article-content .battery-video-art strong { color: #f3fbff; font-size: clamp(17px, 3vw, 25px); line-height: 1.3; letter-spacing: .08em; overflow-wrap: anywhere; }
.battery-video-bars { display: flex; align-items: center; gap: 5px; height: 22px; }
.battery-video-bars i { display: block; width: 4px; height: 10px; border-radius: 6px; background: #23cce6; }
.battery-video-bars i:nth-child(2), .battery-video-bars i:nth-child(4) { height: 19px; }
.battery-video-bars i:nth-child(3) { height: 14px; }
.battery-video > p { margin: 0; }
.battery-sources { margin: 18px 0 0; padding-left: 22px; overflow-wrap: anywhere; }
.battery-sources li + li { margin-top: 8px; }
@media (max-width: 480px) { .battery-video-art { min-height: 180px; padding: 22px 12px; } }