.sec-home-podcast{justify-content:center;align-items:center;width:100%;height:auto;margin:0 auto 80px;display:flex}.sec-home-podcast .podcast-wrap{background:linear-gradient(135deg,#253d45 0%,#2e5060 100%);border-radius:40px;width:100%;padding:48px 40px;position:relative;overflow:hidden}.podcast-wrap:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;left:-60px}.podcast-wrap:after{content:"";pointer-events:none;background:#4698b514;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-80px;right:-40px}.podcast-wrap .podcast-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:32px;display:flex;position:relative}.podcast-header .podcast-title-group{align-items:center;gap:14px;display:flex}.podcast-title-group .podcast-icon-wrap{background:#4698b540;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.podcast-title-group .podcast-icon-wrap svg{width:26px;height:26px}.podcast-header .podcast-title{color:#fff;font-size:clamp(18px,3vw,22px);font-weight:700}.podcast-header .podcast-sub{color:#ffffff8c;margin-top:3px;font-size:13px;font-weight:500}.podcast-header .podcast-all-link{color:#4698b5;white-space:nowrap;border:1px solid #4698b559;border-radius:12px;flex-shrink:0;padding:10px 22px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.podcast-header .podcast-all-link:hover{color:#76bcd3;background:#4698b526}.podcast-wrap .podcast-list{z-index:1;flex-direction:column;gap:14px;display:flex;position:relative}.podcast-list .podcast-item{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:background .2s;display:flex}.podcast-item:hover{background:#ffffff1a}.podcast-item.is-playing{background:#4698b52e;border-color:#4698b559}.podcast-item .podcast-play-btn{cursor:pointer;z-index:1;background:#4698b5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s,background .2s;display:flex;position:relative}.podcast-play-btn:hover{background:#3a85a0;transform:scale(1.07)}.podcast-play-btn svg{width:18px;height:18px}.podcast-item .podcast-info{flex:1;min-width:0}.podcast-info .podcast-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,2vw,15px);font-weight:700;overflow:hidden}.podcast-info .podcast-meta{color:#ffffff73;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:500;display:flex}.podcast-item .podcast-progress-wrap{flex-direction:column;flex:1;gap:5px;min-width:80px;max-width:200px;display:flex}.podcast-progress-wrap .podcast-progress{cursor:pointer;background:#ffffff1f;border-radius:4px;width:100%;height:4px;position:relative;overflow:hidden}.podcast-progress .podcast-progress-fill{background:#4698b5;border-radius:4px;width:0%;height:100%;transition:width .3s linear}.podcast-progress-wrap .podcast-time{color:#fff6;text-align:left;direction:ltr;font-size:11px}.podcast-item .podcast-duration{color:#ffffff80;white-space:nowrap;direction:ltr;flex-shrink:0;font-size:12px;font-weight:600}@media screen and (width<=1199px){.podcast-wrap{padding:36px 28px}}@media screen and (width<=768px){.podcast-wrap{border-radius:28px;padding:28px 20px}.podcast-header{flex-direction:column;align-items:flex-start;gap:14px}.podcast-item .podcast-progress-wrap{display:none}}@media screen and (width<=575px){.podcast-item{gap:12px;padding:12px 14px}.podcast-play-btn{width:40px;height:40px}.podcast-info .podcast-name{font-size:13px}}