@CHARSET "UTF-8";

.body {
	background:#eef2f9;
	padding: 15px;
}

.card-box {  padding: 24px; background: #fff; border-radius: 10px; box-shadow: 0 6px 18px rgba(15,23,42,.15); }
.header-box{ font-weight:500;font-size:20px }



<!-- tz-->
.status_0 { color:#f56c6c;background:#fef0f0; border: #fde2e2; padding:5px 5px; }

.status_1 { color:#909399;background:#f4f4f4; border: #e9e9e9; padding:5px 5px;}

.status_2 { color:#fff;background:#ecf5ff; border: #409eff; padding:5px 5px;}

.status_3 { color:#f56c6c;background:#fef0f0; border: #fbc4c4; padding:5px 5px;}

.status_4 { color:#004000;background:#fef0f0; border: #fde2e2; padding:5px 5px; }

.status_5 { color:#409eff;background:#ecf5ff; border: #bcd8ff; padding:5px 5px; }

.highlight{ color: #e6a23c; font-weight:500;}

.audio-wrapper {
    position: relative;
    display: inline-block; /* 或者 width: 100% 适应布局 */
}

.audio-cover-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent; /* 核心：完全透明 */
    cursor: pointer;
}