.modern-home-container{background:transparent!important;min-height:100vh;padding:10px 0 120px}.modern-card{border-radius:16px!important;border:1px solid rgba(0,0,0,.06)!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;box-shadow:0 4px 16px rgba(0,0,0,.04),0 8px 32px rgba(0,0,0,.02)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important}.modern-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px rgba(0,0,0,.08),0 16px 48px rgba(0,0,0,.04)!important}.modern-audio-card{border-radius:14px!important;border:1px solid rgba(0,0,0,.05)!important;background:#ffffff!important;transition:all .25s ease!important;overflow:hidden!important}.modern-audio-card:hover{transform:translateY(-2px) scale(1.01)!important;box-shadow:0 12px 28px rgba(52,201,255,.12),0 6px 12px rgba(99,102,241,.08)!important;border-color:rgba(52,201,255,.3)!important}.modern-audio-card .ant-card-cover img{border-radius:14px 14px 0 0!important;transition:transform .4s ease!important}.modern-audio-card:hover .ant-card-cover img{transform:scale(1.05)!important}.modern-search-input{border-radius:16px!important;border:1.5px solid #e0e0e0!important;background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:12px 20px!important;font-size:15px!important;transition:all .25s ease!important;box-shadow:0 2px 8px rgba(0,0,0,.02)!important}.modern-search-input:hover{border-color:#b0b0b0!important;box-shadow:0 4px 12px rgba(0,0,0,.04)!important}.modern-search-input.ant-input-focused,.modern-search-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px rgba(99,102,241,.1),0 4px 16px rgba(99,102,241,.15)!important;background:#ffffff!important}.modern-btn-primary{border-radius:14px!important;border:none!important;background:linear-gradient(135deg,#34c9ff,#6366f1)!important;color:white!important;font-weight:500!important;padding:10px 24px!important;height:auto!important;font-size:15px!important;box-shadow:0 4px 12px rgba(99,102,241,.25),0 8px 24px rgba(52,201,255,.15)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.modern-btn-primary:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 20px rgba(99,102,241,.35),0 12px 32px rgba(52,201,255,.25)!important;filter:brightness(1.05)!important}.modern-btn-primary:active{transform:translateY(0) scale(.98)!important}.modern-btn-secondary{border-radius:20px!important;border:1.5px solid #e0e0e0!important;background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:#333!important;font-weight:500!important;padding:8px 20px!important;height:auto!important;transition:all .25s ease!important}.modern-btn-secondary:hover{border-color:#6366f1!important;color:#6366f1!important;background:rgba(99,102,241,.05)!important;transform:translateY(-1px)!important}.modern-play-btn{width:48px!important;height:48px!important;border-radius:50%!important;border:none!important;background:linear-gradient(135deg,#34c9ff,#6366f1)!important;color:white!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px rgba(99,102,241,.3),0 8px 24px rgba(52,201,255,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.modern-play-btn:hover{transform:scale(1.1)!important;box-shadow:0 6px 16px rgba(99,102,241,.4),0 12px 32px rgba(52,201,255,.3)!important}.modern-play-btn:active{transform:scale(.95)!important}.modern-play-btn .anticon{font-size:24px!important}.modern-tag{border-radius:12px!important;border:none!important;padding:4px 14px!important;font-size:13px!important;font-weight:500!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .2s ease!important}.modern-tag-primary{background:linear-gradient(135deg,rgba(52,201,255,.15),rgba(99,102,241,.15))!important;color:#6366f1!important}.modern-tag-primary:hover{background:linear-gradient(135deg,rgba(52,201,255,.25),rgba(99,102,241,.25))!important;transform:scale(1.05)!important}.modern-player-card{border-radius:16px!important;border:1px solid rgba(0,0,0,.06)!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;box-shadow:0 8px 24px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.04)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important;margin-bottom:20px!important;padding:8px 16px!important}.modern-player-card .ant-card-body{padding:0!important}.modern-player-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.06)!important}.modern-player-title{font-size:16px!important;font-weight:600!important;color:#1a1a1a!important;margin:0!important;line-height:1.4!important}.modern-player-description{font-size:13px!important;color:#666666!important;line-height:1.5!important;margin:0!important}.modern-player-meta{font-size:12px!important;color:#999999!important}.modern-player-btn{border-radius:50%!important;border:1px solid rgba(0,0,0,.08)!important;background:#ffffff!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important}.modern-player-btn:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 4px 12px rgba(99,102,241,.15)!important;border-color:rgba(99,102,241,.3)!important}.modern-player-btn:active{transform:translateY(0) scale(.98)!important}.modern-player-btn.favorited{color:#ff4d4f!important;border-color:#ff4d4f!important;background:#fff1f0!important}.modern-player-btn.favorited:hover{color:#ff7875!important;border-color:#ff7875!important;background:#ffccc7!important;box-shadow:0 4px 12px rgba(255,77,79,.25)!important}.modern-player-btn.auto-play-enabled{color:#52c41a!important;border-color:#52c41a!important;background:#f6ffed!important}.modern-player-btn.auto-play-enabled:hover{color:#73d13d!important;border-color:#73d13d!important;background:#d9f7be!important;box-shadow:0 4px 12px rgba(82,196,26,.25)!important}.modern-player-btn-primary{border-radius:50%!important;border:none!important;background:linear-gradient(135deg,#34c9ff,#6366f1)!important;box-shadow:0 4px 12px rgba(99,102,241,.3),0 8px 20px rgba(52,201,255,.2)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.modern-player-btn-primary:hover{transform:scale(1.1)!important;box-shadow:0 6px 16px rgba(99,102,241,.4),0 12px 28px rgba(52,201,255,.3)!important}.modern-player-btn-primary:active{transform:scale(.95)!important}.modern-player-slider .ant-slider-track{background:linear-gradient(90deg,#34c9ff,#6366f1)!important;height:4px!important}.modern-player-slider .ant-slider-rail{background:rgba(0,0,0,.06)!important;height:4px!important}.modern-player-slider .ant-slider-handle{width:14px!important;height:14px!important;border:3px solid #ffffff!important;background:linear-gradient(135deg,#34c9ff,#6366f1)!important;box-shadow:0 2px 8px rgba(99,102,241,.3)!important;transition:all .2s ease!important}.modern-player-slider .ant-slider-handle:hover{width:16px!important;height:16px!important;box-shadow:0 4px 12px rgba(99,102,241,.4)!important}.modern-player-time{font-family:-apple-system,SF Mono,Monaco,Cascadia Code,monospace!important;font-size:12px!important;color:#666666!important;font-weight:500!important;min-width:40px!important;text-align:center!important}.modern-player-icon{color:#6366f1!important;font-size:18px!important}.modern-sidebar{background:rgba(255,255,255,.7)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;border-radius:16px!important;border:1px solid rgba(0,0,0,.05)!important;padding:16px!important;box-shadow:0 2px 8px rgba(0,0,0,.03)!important}.modern-sidebar-item{border-radius:12px!important;padding:12px 16px!important;margin-bottom:6px!important;border:none!important;background:transparent!important;transition:all .2s ease!important;cursor:pointer!important}.modern-sidebar-item:hover{background:rgba(99,102,241,.08)!important;transform:translateX(4px)!important}.modern-sidebar-item.active{background:linear-gradient(135deg,rgba(52,201,255,.15),rgba(99,102,241,.15))!important;color:#6366f1!important;font-weight:600!important;box-shadow:0 2px 8px rgba(99,102,241,.15)!important}.modern-recommendation-banner{border-radius:20px!important;background:linear-gradient(135deg,#34c9ff,#6366f1)!important;padding:32px!important;color:white!important;box-shadow:0 8px 24px rgba(99,102,241,.3),0 16px 48px rgba(52,201,255,.2)!important;position:relative!important;overflow:hidden!important}.modern-recommendation-banner:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,0 C300,80 900,80 1200,0 L1200,120 L0,120 Z" fill="rgba(255,255,255,0.1)"/></svg>')!important;background-size:cover!important;opacity:.3!important}.modern-list-item{border:none!important;border-radius:12px!important;margin-bottom:12px!important;background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:16px!important;transition:all .25s ease!important}.modern-list-item:hover{background:rgba(255,255,255,.95)!important;transform:translateX(4px)!important;box-shadow:0 4px 12px rgba(0,0,0,.06)!important}.modern-avatar{border:3px solid rgba(255,255,255,.9)!important;box-shadow:0 2px 8px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.05)!important}.modern-divider{border-color:rgba(0,0,0,.06)!important;margin:24px 0!important}.modern-title{font-weight:600!important;color:#1a1a1a!important;letter-spacing:-.5px!important;line-height:1.2!important}.modern-subtitle{font-weight:500!important;color:#666!important;letter-spacing:-.3px!important}.modern-text{color:#888!important;font-size:14px!important;line-height:1.5!important}.modern-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li,.modern-skeleton .ant-skeleton-content .ant-skeleton-title{border-radius:12px!important;background:linear-gradient(90deg,rgba(240,240,240,.8) 25%,rgba(250,250,250,.9) 37%,rgba(240,240,240,.8) 63%)!important;background-size:400% 100%!important;animation:modern-skeleton-loading 1.4s ease infinite!important}@keyframes modern-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.modern-home-container{background:transparent!important}body,html{background-color:#FFFFFF!important}.modern-card{border-radius:14px!important;background:#FFFFFF!important}.modern-audio-card{border-radius:12px!important;background:#FFFFFF!important}.modern-search-input{border-radius:14px!important;padding:10px 16px!important;font-size:14px!important;background:#FFFFFF!important}.modern-btn-primary{border-radius:12px!important;padding:8px 20px!important;font-size:14px!important}.modern-play-btn{width:44px!important;height:44px!important}.modern-play-btn .anticon{font-size:20px!important}.modern-recommendation-banner{border-radius:16px!important;padding:24px!important}.modern-player-card{border-radius:12px!important;min-height:120px!important;height:auto!important;background:#FFFFFF!important;padding:6px 10px!important}.modern-player-card .ant-card-body{padding:0!important}.modern-player-title{font-size:14px!important;line-height:1.3!important;color:#000000!important}.modern-player-description{font-size:12px!important;line-height:1.4!important}.modern-player-time{font-size:11px!important}.modern-player-slider .ant-slider{margin:8px 0!important}.modern-title{color:#000000!important}.modern-subtitle{color:#333333!important}.ant-layout,.ant-layout-content{background:#FFFFFF!important}}@media (prefers-color-scheme:dark){.modern-home-container{background:transparent!important}.modern-card{background:#FFFFFF!important;border-color:rgba(0,0,0,.06)!important}.modern-audio-card{background:#FFFFFF!important;border-color:rgba(0,0,0,.05)!important}.modern-search-input{background:#FFFFFF!important;border-color:rgba(0,0,0,.15)!important;color:#333333!important}.modern-sidebar{background:rgba(255,255,255,.95)!important;border-color:rgba(0,0,0,.08)!important}.modern-title{color:#000000!important}.modern-subtitle{color:#333333!important}.modern-text{color:#666666!important}body,html{background:#FFFFFF!important;color:#333333!important}}