.mediabox-link {cursor: pointer;position: relative;justify-content: center;align-items: center;transition: transform 0.5s ease;}.mediabox-link:hover {text-decoration: underline;transform: scale(1.03);}.mediabox, .mediabox .mbox-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}.mediabox {z-index: 999;display: none;opacity: 0;transition: opacity .2s linear, backdrop-filter .2s linear;backdrop-filter: blur(10px) brightness(0.35);}.mediabox-link img {border-radius: 8px;}.mediabox .mbox-overlay, .mediabox .mbox-content {position: absolute;}.mediabox .mbox-overlay {z-index: 1;background: #000;opacity: 0.1;}.mediabox .mbox-overlay.mbox-clickable {cursor: pointer;}.mediabox .mbox-content {display: none;}.mediabox .mbox-content.mbox-loaded {display: block;animation: scale-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}.mediabox .mbox-content {top: 0;left: 0;bottom: 0;right: 0;width: 1024px;height: 580px;z-index: 2;margin: auto;border-radius: 10px;overflow: hidden;}.mediabox .mbox-body, .mediabox iframe {width: 100%;height: 100%;}.mediabox iframe {border: 0;display: block;}.mediabox.mbox-show {display: block;}.mediabox.mbox-open {opacity: 1;}.mediabox .mbox-spinner {width: 80px;height: 80px;position: absolute;left: calc( 50% - 50px);top: calc( 50% - 50px);z-index: 1;display: none;}.mediabox .mbox-spinner.mbox-show {display: inline-block;animation: scale-in 0.15s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;}.mediabox .mbox-spinner:after {content: " ";display: block;width: 64px;height: 64px;margin: 8px;border-radius: 50%;border: 6px solid #fff;border-color: #fff transparent #fff transparent;animation: mediabox-spinner 1.2s linear infinite;}@keyframes mediabox-spinner {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.mediabox .mbox-close {position: absolute;right: 32px;top: 32px;opacity: 1;z-index: 1;cursor: pointer;display: none;font-size: 70px;color: #fff;line-height: 46px;margin-top: -7px;}.mediabox .mbox-close.mbox-show {animation: scale-in-btn 0.15s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;}.mediabox .mbox-close.mbox-open {display: block;}@keyframes scale-in {0% {transform: scale(0);}80% {transform: scale(1.1);}100% {transform: scale(1);}}@keyframes scale-in-btn {0% {transform: scale(0);}80% {transform: scale(1.5);}100% {transform: scale(1);}}.play-button-wrapper {position: absolute;width: 60px;height: 60px;background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;}.play-button {position: absolute;left: 50%;top: 50%;width: 26px;height: 26px;background-color: rgba(0, 0, 0, 0.2);clip-path: polygon(100% 50%, 5% 0%, 5% 100%);transform: translate(-50%, -50%);animation: pulse 1.5s infinite;transition: transform 0.5s ease;}@keyframes pulse {0% {transform: translate(-50%, -50%) scale(1);opacity: 0.7;}50% {transform: translate(-50%, -50%) scale(1.2);opacity: 0.9;}100% {transform: translate(-50%, -50%) scale(1);opacity: 0.7;}}