#site-header{position:absolute; top:0; left:0; right:0; background:transparent; padding:5px 30px; z-index:999;}
.darkcorners-animation-bg {position: fixed; inset: 0; z-index: -1; overflow: hidden;}
.darkcorners-animation-image {position: absolute; inset: -50px; will-change: transform;}
.darkcorners-animation-image img {width: 100%; height: 100%; object-fit: cover;}
.darkcorners-animation-overlay {position: absolute; inset: 0; background: rgba(0,0,0,0.75); z-index: 2;}
.audio-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; margin-top: 20px;}
.audio-card {background: rgba(255,255,255,0.05); border-radius: 10px; overflow: hidden; transition: 0.2s;}
.audio-card:hover {transform: translateY(-5px);}
.audio-thumb img {width: 100%; height: 240px; object-fit: cover;}
.audio-info {padding: 10px;}
.audio-title {font-size: 14px;}
.audio-title a {color: #fff; text-decoration: none;}
.audio-meta {font-size: 12px; color: #aaa;}
.audio-thumb {position: relative;}
.audio-thumb::after {content: '▶'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #fff; opacity: 0; transition: 0.2s;}
.audio-card:hover .audio-thumb::after {opacity: 1;}
.audio-pagination {display: flex; align-items: center; justify-content: center; gap: 14px; margin: 30px 0; font-family: system-ui;}
.page-btn {width: 42px; height: 42px; border-radius: 10px; border: none; background: #1f1f1f; color: #fff; font-size: 18px; cursor: pointer; transition: all 0.2s ease;}
.page-btn:hover:not(:disabled) {background: #ffcc00; color: #000; transform: translateY(-2px);}
.page-btn:disabled {opacity: 0.4; cursor: not-allowed;}
.page-current {display: flex; align-items: center; gap: 8px; color: #ccc; font-size: 14px;}
.page-input-wrap {width: 60px;}
.page-input {width: 100%; height: 36px; border-radius: 8px; border: 1px solid #333; background: #111; color: #fff; text-align: center; font-size: 14px;}
.page-input:focus {outline: none; border-color: #ffcc00;}