.audio-page{padding:32px 0 110px;}
.audio-page .audio-shell{max-width:1300px;margin:auto;padding:0 20px;}
.audio-page .audio-search{margin-bottom:30px;}
.audio-page .audio-search input{width:100%;padding:12px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#163247;}
.audio-page .audio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;}
.audio-page .audio-card{background:#fff;border:1px solid #d8e2ea;border-radius:16px;padding:18px;transition:.2s;box-shadow:0 8px 20px rgba(1,87,155,.08);display:block;color:#163247;}
.audio-page .audio-card:hover{transform:translateY(-6px);border-color:#3b82f6;}
.audio-page .audio-card .title{font-weight:700;margin-top:8px;color:#163247;}
.audio-page .audio-card .sub{font-size:13px;color:#64748b;}
.audio-page .audio-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.audio-page .play,.audio-page .fav{border:none;padding:8px 12px;border-radius:10px;color:white;cursor:pointer;}
.audio-page .play{background:#2563eb;}
.audio-page .play:hover{background:#1d4ed8;}
.audio-page .fav{background:#ef4444;}
.audio-page .audio-player{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #d8e2ea;padding:14px 20px;display:flex;align-items:center;gap:20px;z-index:999;box-shadow:0 -6px 18px rgba(0,0,0,.08);}
.audio-page .player-title{flex:1;font-size:14px;color:#334155;}
.audio-page .audio-player audio{width:min(100%,420px);}
.audio-page .audio-breadcrumb{margin:0 0 16px;color:#64748b;font-size:14px;}
.audio-page .audio-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:22px;color:#64748b;text-align:center;}