/* 自定义样式补充 */

/* 确保header在所有设备上都能正确显示 */
header {
    position: relative;
    z-index: 100;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    width: 100% !important;
}

/* 移动端菜单动画 */
#mobileMenu {
    transition: all 0.3s ease-in-out;
    transform-origin: top;
}

#mobileMenu.hidden {
    opacity: 0;
    transform: scaleY(0.95) translateY(-10px);
}

#mobileMenu:not(.hidden) {
    opacity: 1;
    transform: scaleY(1) translateY(0);
}

/* 按钮动画增强 */
.btn-hover-effect {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn-hover-effect:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.btn-hover-effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.btn-hover-effect:hover::before {
    left: 100%;
}

/* 模态框动画 */
#contactModal {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#contactModal>div {
    animation: modalSlideIn 0.3s ease-out;
}

#contactModal.hidden>div {
    animation: modalSlideOut 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes modalSlideOut {
    from {
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    to {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
}

/* 确保Microsoft YaHei字体正确加载 */
.font-yahei {
    font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 移除所有链接的默认下划线 */
a {
    text-decoration: none !important;
}

/* 确保没有下划线 */
.no-underline {
    text-decoration: none !important;
}

.no-underline:hover {
    text-decoration: none !important;
}

.no-underline:focus {
    text-decoration: none !important;
}

.no-underline:visited {
    text-decoration: none !important;
}

/* 导航链接特殊处理 */
nav a {
    text-decoration: none !important;
    border-bottom: none !important;
    border: none !important;
}

nav a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    border: none !important;
}

nav a:focus {
    text-decoration: none !important;
    border-bottom: none !important;
    border: none !important;
}

/* 加载动画 */
.loading-spinner {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 防止水平滚动 */
body {
    overflow-x: hidden;
}

/* 改善移动端触摸体验 */
@media (max-width: 1024px) {

    button,
    a {
        -webkit-tap-highlight-color: transparent;
    }

    /* 增加移动端按钮点击区域 */
    button {
        min-height: 44px;
        min-width: 44px;
    }
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    header {
        border-bottom: 2px solid #000;
    }

    button {
        border: 2px solid currentColor;
    }
}

/* 减少动画效果（用户偏好） */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
    /* 可以在这里添加深色模式样式 */
}

/* 打印样式 */
@media print {
    header {
        position: static !important;
        box-shadow: none !important;
    }

    #mobileMenu,
    #contactModal {
        display: none !important;
    }
}

/* 全局规则：彻底移除所有导航链接的下划线 */
nav a,
nav a:hover,
nav a:focus,
nav a:active,
nav a:visited,
nav ul li a,
nav ul li a:hover,
nav ul li a:focus,
nav ul li a:active,
nav ul li a:visited,
header nav a,
header nav a:hover,
header nav a:focus,
header nav a:active,
header nav a:visited {
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
    outline: none;
}

/* 移除任何可能产生下划线的伪元素 */
nav a::before,
nav a::after,
nav ul li a::before,
nav ul li a::after,
header nav a::before,
header nav a::after {
    display: none !important;
    content: none !important;
}

/* 强制所有带有no-underline类的元素不显示下划线 */
.no-underline,
.no-underline:hover,
.no-underline:focus,
.no-underline:active,
.no-underline:visited {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.no-underline::before,
.no-underline::after {
    display: none !important;
    content: none !important;
}



.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.items-start {
    display: flex;
    align-items: flex-start;
}

.items-end {
    display: flex;
    align-items: flex-end;
}

.items-center {
    display: flex;
    align-items: center;
}

.no-shrink {
    flex-shrink: 0;
}

.music_1_11 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #ffffff;
    height: auto;
    min-height: 100%;
}

.music_1_336 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    position: relative;
}

.music_16_272 {
    width: 1221px;
    height: 63px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 12.5px;
    padding-right: 0px;
    padding-bottom: 12.5px;
    padding-left: 0px;
    flex-shrink: 0;
    position: relative;
}

.music_16_277 {
    width: 230px;
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 1px;
    gap: 9px;
    flex-shrink: 0;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #313131;
    white-space: pre;
    position: relative;
}

.music_16_278 {
    width: 34px;
    height: 31px;
    flex-shrink: 0;
    border-radius: 5px;
    object-fit: cover;
}

.music_16_279 {
    flex-shrink: 0;
}

.music_16_283 {
    width: 643px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 48px;
    flex-shrink: 0;
    position: relative;
}

.music_16_284 {
    width: 37px;
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #033581;
    white-space: pre;
}

.music_16_288 {
    width: 73px;
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #8d8f99;
    white-space: pre;
}

.music_16_292 {
    width: 73px;
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #8d8f99;
    white-space: pre;
}

.music_16_296 {
    width: 73px;
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #8d8f99;
    white-space: pre;
}

.music_16_300 {
    width: 73px;
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #8d8f99;
    white-space: pre;
}

.music_16_304 {
    width: 73px;
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #8d8f99;
    white-space: pre;
}

.music_16_308 {
    width: 248px;
    height: 38px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    position: relative;
}

.music_16_309 {
    width: 114px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 6px;
    padding-right: 24px;
    padding-bottom: 6px;
    padding-left: 24px;
    flex-shrink: 0;
    border-radius: 30px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #0852a8;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #0852a8;
    white-space: pre;
}

.music_16_314 {
    width: 114px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 6px;
    padding-right: 24px;
    padding-bottom: 6px;
    padding-left: 24px;
    flex-shrink: 0;
    border-radius: 30px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #033581;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #0852a8;
    white-space: pre;
}

.music_1_19 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 30px;
    flex-shrink: 0;
    align-self: stretch;
    position: relative;
}

.music_1_21 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 27px;
    flex-shrink: 0;
    position: relative;
}

.music_1_23 {
    flex-shrink: 0;
    line-height: 54px;
}

.music_1_23_0_6 {
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    line-height: 54px;
    font-weight: 400;
    color: #333333;
    margin-left: auto;
    margin-right: auto;
}

.music_1_23_6_13 {
    font-size: 48px;
    font-family: 'Microsoft YaHei';
    line-height: 54px;
    font-weight: 700;
    color: #333333;
    margin-left: auto;
    margin-right: auto;
}

.music_1_23_13_21 {
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    line-height: 54px;
    font-weight: 400;
    color: #333333;
    margin-left: auto;
    margin-right: auto;
}

.music_1_51 {
    flex-shrink: 0;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #8d8f99;
    white-space: pre;
}

.music_1_1341 {
    flex-shrink: 0;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #ff0000;
    white-space: pre;
}

.music_1_78 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 36px;
    flex-shrink: 0;
    position: relative;
}

.music_16_322 {
    width: 200px;
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 16px;
    padding-right: 36px;
    padding-bottom: 16px;
    padding-left: 36px;
    flex-shrink: 0;
    border-radius: 9999px;
    background-color: #007aff;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    white-space: pre;
}

.music_16_343 {
    width: 200px;
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 16px;
    padding-right: 44px;
    padding-bottom: 16px;
    padding-left: 44px;
    flex-shrink: 0;
    border-radius: 9999px;
    background-color: #007aff;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #ffffff;
    white-space: pre;
}

.music_1_272 {
    width: 1020px;
    height: 632px;
    flex-shrink: 0;
    overflow: hidden;
    object-fit: cover;
}

.music_1_3505 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 50px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    position: relative;
}

.music_13_189 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 27px;
    flex-shrink: 0;
    position: relative;
}

.music_1_2713 {
    flex-shrink: 0;
    line-height: 72px;
    white-space: pre;
    height: 72px;
    margin-top: -24px;
    margin-bottom: -24px;
}

.music_1_2713_0_18 {
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    line-height: 24px;
    font-weight: 400;
    color: #333333;
}

.music_1_2713_18_23 {
    font-size: 48px;
    font-family: 'Microsoft YaHei';
    line-height: 24px;
    font-weight: 700;
    color: #333333;
}

.music_1_2967 {
    flex-shrink: 0;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #8d8f99;
    white-space: pre;
}

.music_1_9361 {
    max-width: 1255px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding-top: 17px;
    padding-bottom: 17px;
    gap: 30px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_1_3744 {
    position: relative;
    width: 385px;
    height: 254px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
}

.music_16_354 {
    width: 86px;
    height: 79px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-right: 7px;
    padding-left: 7px;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: 32px;
    margin-left: 160px;
}

.music_16_360 {
    position: relative;
    width: 72px;
    height: 71px;
    flex-shrink: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.music_16_361 {
    width: 86.1111%;
    height: 2.8169%;
    position: absolute;
    top: 86.6197%;
    left: 6.9444%;
    right: 6.9444%;
    bottom: 10.5634%;
}

.music_16_362 {
    position: absolute;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
    width: 16.6667%;
    height: 33.8028%;
    top: 53.5211%;
    left: 16.6667%;
    border-radius: 2px;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #3f65d4;
    background-color: #3f65d4;
    right: 66.6667%;
    bottom: 12.6761%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.music_16_363 {
    width: 33.3333%;
    height: 8.3333%;
    position: absolute;
    top: 47.9167%;
    left: 37.5%;
    right: 29.1667%;
    bottom: 43.75%;
}

.music_16_364 {
    position: absolute;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
    width: 50%;
    height: 78.8732%;
    top: 8.4507%;
    left: 33.3333%;
    border-radius: 2px;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #3f65d4;
    background-color: #3f65d4;
    right: 16.6667%;
    bottom: 12.6761%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.flexContainer_15_music_16_364 {
    position: relative;
    display: flex;
    width: 100%;
    height: 6px;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 9px;
    margin-left: 0;
}

.music_16_365 {
    width: 16.6667%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 25%;
    background-color: #ffffff;
    right: 58.3333%;
    bottom: 0%;
}

.music_16_366 {
    width: 16.6667%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 58.3333%;
    background-color: #ffffff;
    right: 25%;
    bottom: 0%;
}

.flexContainer_16_music_16_364 {
    position: relative;
    display: flex;
    width: 100%;
    height: 6px;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 4px;
    margin-left: 0;
}

.music_16_367 {
    width: 16.6667%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 25%;
    background-color: #ffffff;
    right: 58.3333%;
    bottom: 0%;
}

.music_16_368 {
    width: 16.6667%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 58.3333%;
    background-color: #ffffff;
    right: 25%;
    bottom: 0%;
}

.music_16_369 {
    width: 16.6667%;
    height: 10.7143%;
    position: absolute;
    top: 52.6786%;
    left: 58.3333%;
    background-color: #ffffff;
    right: 25%;
    bottom: 36.6071%;
}

.music_16_370 {
    width: 16.6667%;
    height: 10.7143%;
    position: absolute;
    top: 71.4286%;
    left: 58.3333%;
    background-color: #ffffff;
    right: 25%;
    bottom: 17.8571%;
}

.music_1_3529 {
    position: relative;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 43.5px);
    margin-right: auto;
    z-index: 0;
    margin-top: 20px;
}

.music_1_3541 {
    width: auto;
    height: 77px;
    position: absolute;
    top: auto;
    left: 21px;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
    right: 0;
    bottom: 8px;
    z-index: 1;
}

.music_1_3776 {
    position: relative;
    width: 385px;
    height: 254px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
}

.music_16_373 {
    width: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: 38px;
    margin-left: 174px;
}

.music_16_379 {
    width: 65px;
    height: 65px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_1_3790 {
    position: relative;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 43.5px);
    margin-right: auto;
    z-index: 0;
    margin-top: 18px;
}

.music_1_3786 {
    width: 364px;
    height: 73px;
    position: relative;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    margin-top: 14px;
}

.music_1_3805 {
    position: relative;
    width: 385px;
    height: 254px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
}

.music_16_385 {
    width: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: 33px;
    margin-left: 166px;
}

.music_16_391 {
    width: 75px;
    height: 74px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_1_3810 {
    position: relative;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 43.5px);
    margin-right: auto;
    z-index: 0;
    margin-top: 24px;
}

.music_1_3806 {
    width: auto;
    height: 66px;
    position: absolute;
    top: auto;
    left: 21px;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
    right: 0;
    bottom: 19px;
    z-index: 1;
}

.music_1_3856 {
    position: relative;
    width: 385px;
    height: 254px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
}

.music_16_398 {
    width: 74px;
    height: 77px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: 30px;
    margin-left: 164px;
}

.music_16_404 {
    width: 62px;
    height: 62px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_1_3862 {
    position: relative;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 43.5px);
    margin-right: auto;
    z-index: 0;
    margin-top: 24px;
}

.music_1_3866 {
    width: auto;
    height: 77px;
    position: absolute;
    top: auto;
    left: 21px;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
    right: 0;
    bottom: 8px;
    z-index: 1;
}

.music_1_3884 {
    position: relative;
    width: 385px;
    height: 254px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
}

.music_16_412 {
    width: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: 37px;
    margin-left: 171px;
}

.music_16_418 {
    width: 54px;
    height: 55px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_1_3889 {
    position: relative;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 43.5px);
    margin-right: auto;
    z-index: 0;
    margin-top: 29px;
}

.music_1_3885 {
    width: auto;
    height: 104px;
    position: absolute;
    top: auto;
    left: 21px;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
    right: 0;
    bottom: -19px;
    z-index: 1;
}

.music_1_3870 {
    position: relative;
    width: 385px;
    height: 254px;
    flex-shrink: 0;
    border-radius: 20px;
    background-color: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
}

.music_16_422 {
    width: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 7px;
    padding-left: 12px;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: 40px;
    margin-left: 163px;
}

.music_16_428 {
    position: relative;
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.music_16_429 {
    position: absolute;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    margin-left: -1px;
    width: 54.5455%;
    height: 83.6364%;
    top: 9.0909%;
    left: 23.6364%;
    border-radius: 3px;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #3f65d4;
    background-color: #3f65d4;
    right: 21.8182%;
    bottom: 7.2727%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.music_16_430 {
    width: 23.3333%;
    height: 4.3478%;
    position: absolute;
    top: 11.9565%;
    left: 36.6667%;
    right: 40%;
    bottom: 83.6957%;
}

.music_16_431 {
    width: 40%;
    height: 4.3478%;
    position: absolute;
    top: 81.5217%;
    left: 28.3333%;
    right: 31.6667%;
    bottom: 14.1304%;
}

.music_1_3875 {
    position: relative;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    margin-top: 22px;
}

.music_1_3871 {
    width: auto;
    height: 77px;
    position: absolute;
    top: auto;
    left: 21px;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
    right: 0;
    bottom: 8px;
    z-index: 1;
}

.music_1_9189 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
}

.music_1_8887 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 35px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    background-color: #f1f1f1;
    position: relative;
}

.music_13_430 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 100px;
    flex-shrink: 0;
    position: relative;
}

.music_1_644 {
    width: 589px;
    height: 356px;
    flex-shrink: 0;
    border-radius: 20px;
    object-fit: cover;
}

.music_13_429 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 26px;
    flex-shrink: 0;
    position: relative;
}

.music_13_439 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 26px;
    flex-shrink: 0;
    position: relative;
}

.music_13_440 {
    flex-shrink: 0;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 54px;
    color: #333333;
    white-space: pre;
    height: 54px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.music_13_444 {
    flex-shrink: 0;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_428 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    position: relative;
}

.music_13_724 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_734 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0px;
    margin-left: -0.5px;
}

.music_13_725 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_726 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_730 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_13_770 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_780 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0px;
    margin-left: -0.5px;
}

.music_13_771 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_776 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_772 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_13_816 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_817 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0px;
    margin-left: -0.5px;
}

.music_13_821 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_822 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_826 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_13_862 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_863 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0px;
    margin-left: -0.5px;
}

.music_13_867 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_872 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_868 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_1_8971 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 35px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
}

.music_13_249 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
    position: relative;
}

.music_13_246 {
    width: 597px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 26px;
    flex-shrink: 0;
    position: relative;
}

.music_13_255 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 26px;
    flex-shrink: 0;
    position: relative;
}

.music_1_9005 {
    flex-shrink: 0;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 54px;
    color: #333333;
    white-space: pre;
    height: 54px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.music_1_8985 {
    flex-shrink: 0;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_259 {
    height: 224px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    position: relative;
}

.music_1_9774 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_1_9783 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.music_13_270 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_1_9775 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_1_9779 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_13_281 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_291 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.music_13_282 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_283 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_287 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_13_330 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_340 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.music_13_331 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_336 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_332 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_1_9002 {
    width: 577px;
    height: 334px;
    flex-shrink: 0;
    border-radius: 20px;
    object-fit: cover;
}

.music_13_517 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 35px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    background-color: #f1f1f1;
    position: relative;
}

.music_13_518 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
    position: relative;
}

.music_1_9145 {
    width: 641px;
    height: 308px;
    flex-shrink: 0;
    object-fit: cover;
}

.music_13_520 {
    width: 597px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 26px;
    flex-shrink: 0;
    position: relative;
}

.music_13_521 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 26px;
    flex-shrink: 0;
    position: relative;
}

.music_13_522 {
    flex-shrink: 0;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 54px;
    color: #333333;
    white-space: pre;
    height: 54px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.music_13_526 {
    flex-shrink: 0;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_530 {
    height: 224px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    position: relative;
}

.music_13_559 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_569 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.music_13_560 {
    width: 527px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_561 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_565 {
    width: 527px;
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
}

.music_13_531 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_541 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.music_13_532 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_537 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_533 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_13_545 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.music_13_546 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
}

.music_13_550 {
    width: 519px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;
    position: relative;
}

.music_13_555 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_13_551 {
    width: 519px;
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
}

.music_1_4141 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;
}

.music_13_930 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    gap: 27px;
    flex-shrink: 0;
    position: relative;
}

.music_1_4031 {
    flex-shrink: 0;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 54px;
    color: #333333;
    white-space: pre;
    height: 54px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.music_1_4027 {
    flex-shrink: 0;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #8d8f99;
    white-space: pre;
}

.music_11_297 {
    position: relative;
    width: 1150px;
    height: 820px;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    isolation: isolate;
}

.music_1_7339 {
    position: relative;
    width: 383px;
    height: auto;
    overflow: hidden;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px rgba(149, 145, 145, 0.3);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 58px;
    align-self: stretch;
}

.music_1_7352 {
    width: 109px;
    height: 109px;
    position: relative;
    margin-left: calc(50% - 47.5px);
    margin-right: auto;
    margin-top: 94px;
}

.music_1_7340 {
    position: relative;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 47.5px);
    margin-right: auto;
    margin-top: 16px;
}

.music_1_7348 {
    position: relative;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 94.5px);
    margin-right: auto;
    margin-top: 16px;
}

.music_1_7344 {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #333333;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

.music_16_449 {
    width: 150px;
    height: 63px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19.5px 25px;
    border-radius: 20px;
    background-color: #007aff;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
    white-space: pre;
    position: relative;
    margin-top: 39px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.music_16_449:hover {
    background-color: #005fcf;
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 122, 255, 0.3);
}

.music_1_7542 {
    position: relative;
    width: 383px;
    height: auto;
    overflow: hidden;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px rgba(149, 145, 145, 0.3);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
    z-index: 0;
    margin-left: 327px;
    margin-top: 30px;
    margin-bottom: 58px;
    align-self: stretch;
}

.music_1_629 {
    width: 91px;
    height: 90px;
    position: relative;
    margin-left: calc(50% - 54.5px);
    margin-right: auto;
    z-index: 3;
    margin-top: 57px;
}

.music_1_7543 {
    position: relative;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 99.5px);
    margin-right: auto;
    z-index: 0;
    margin-top: 37px;
}

.music_1_7551 {
    position: relative;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #333333;
    white-space: pre;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    margin-top: 16px;
}

.music_1_7547 {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #333333;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    margin-top: 39px;
}

.music_16_434 {
    width: 150px;
    height: 63px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19.5px 25px;
    border-radius: 20px;
    background-color: #007aff;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
    white-space: pre;
    z-index: 4;
    position: relative;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.music_16_434:hover {
    background-color: #005fcf;
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 122, 255, 0.3);
}

.music_1_7050 {
    position: absolute;
    width: 384px;
    height: auto;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px 0px rgba(149, 145, 145, 0.3);
    right: 26px;
    margin-left: auto;
    margin-right: auto;
    bottom: 29px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;
    z-index: 2;
}

.music_1_619 {
    width: 159px;
    height: 159px;
    position: relative;
    margin-left: calc(50% - 73px);
    margin-right: auto;
    z-index: 3;
    margin-top: 44px;
}

.music_1_7167 {
    position: relative;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #033581;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 47px);
    margin-right: auto;
    z-index: 0;
    margin-top: 16px;
}

.music_1_7185 {
    position: relative;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #033581;
    white-space: pre;
    width: max-content;
    margin-left: calc(50% - 77px);
    margin-right: auto;
    z-index: 1;
    margin-top: 16px;
}

.music_1_7274 {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 50px;
    color: #033581;
    width: max-content;
    margin-left: calc(50% - 54px);
    margin-right: auto;
    z-index: 2;
    margin-top: 60px;
}

.music_16_461 {
    width: 150px;
    height: 63px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19.5px 25px;
    border-radius: 20px;
    background-color: #007aff;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
    white-space: pre;
    z-index: 4;
    position: relative;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.music_16_461:hover {
    background-color: #005fcf;
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 122, 255, 0.3);
}

.music_1_8069 {
    flex-shrink: 0;
    line-height: 50px;
}

.music_1_8069_0_5 {
    font-size: 24px;
    font-family: 'Microsoft YaHei';
    line-height: 50px;
    font-weight: 400;
    color: #ff0000;
}

.music_1_8069_5_40 {
    font-size: 20px;
    font-family: 'Microsoft YaHei';
    line-height: 50px;
    font-weight: 400;
    color: #ff0000;
}

.music_1_5607 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
    gap: 50px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    background-color: #f1f1f1;
    position: relative;
}

.music_1_9474 {
    width: 871px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    position: relative;
}

.music_1_5612 {
    flex-shrink: 0;
    align-self: stretch;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 40px;
    color: #333333;
    white-space: pre;
}

.music_13_993 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_1_6201 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #9e9e9e;
    position: relative;
}

.music_13_0039 {
    width: 232px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: url(images/d0b4bedf6305be1c862cd98e0a12a7f5.jpg) center / cover no-repeat;
    position: relative;
}

.music_1_604 {
    width: 233px;
    height: 124px;
    flex-shrink: 0;
    object-fit: cover;
}

.music_13_0030 {
    width: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_13_0019 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #313131;
    white-space: pre;
}

.music_1_6039 {
    width: 527px;
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_555 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #9e9e9e;
    position: relative;
}

.music_14_556 {
    width: 232px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: url(images/8ce3316ff454162f8c4e8771d27698a3.jpg) center / cover no-repeat;
    position: relative;
}

.music_14_557 {
    width: 233px;
    height: 124px;
    flex-shrink: 0;
    object-fit: cover;
}

.music_14_558 {
    width: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_563 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #313131;
    white-space: pre;
}

.music_14_559 {
    width: 527px;
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_576 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #9e9e9e;
    position: relative;
}

.music_14_577 {
    width: 232px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: url(images/6d981bb31fdc311c9d4ebdbc68a2102d.jpg) center / cover no-repeat;
    position: relative;
}

.music_14_578 {
    width: 233px;
    height: 124px;
    flex-shrink: 0;
    object-fit: cover;
}

.music_14_579 {
    width: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_584 {
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #313131;
    white-space: pre;
}

.music_14_580 {
    width: 527px;
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_1_02234 {
    flex-shrink: 0;
    align-self: stretch;
    text-align: center;
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    white-space: pre;
}

.music_1_9471 {
    width: 242px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    position: relative;
}

.music_1_5690 {
    width: 242px;
    flex-shrink: 0;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 40px;
    color: #333333;
    white-space: pre;
}

.music_14_309 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}

.music_14_207 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_14_204 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_184 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_199 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #333333;
}

.music_14_322 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}

.music_14_332 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_14_323 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_328 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_324 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #333333;
}

.music_14_344 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}

.music_14_354 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_14_345 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_350 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_346 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #333333;
}

.music_14_366 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}

.music_14_376 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_14_367 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_372 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_368 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #333333;
}

.music_14_388 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}

.music_14_398 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_14_389 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_394 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_390 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #333333;
}

.music_14_410 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}

.music_14_420 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_14_411 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_416 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_412 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #333333;
}

.music_14_432 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
}

.music_14_442 {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: -0.5px;
    margin-bottom: 0;
    margin-left: -0.5px;
}

.music_14_433 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    position: relative;
}

.music_14_438 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #9e9e9e;
}

.music_14_434 {
    flex-shrink: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 30px;
    color: #333333;
}

.music_1_6830 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 21px;
    padding-right: 100px;
    padding-bottom: 21px;
    padding-left: 100px;
    gap: 41px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    position: relative;
}

.music_1_6843 {
    flex-shrink: 0;
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 54px;
    color: #333333;
    white-space: pre;
    height: 54px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.music_11_276 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 130px;
    flex-shrink: 0;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 35px;
    color: #313131;
    position: relative;
}

.music_1_6875 {
    width: 642px;
    height: 378px;
    flex-shrink: 0;
}

.music_1_607 {
    width: 464px;
    height: 408px;
    flex-shrink: 0;
    object-fit: cover;
}

.music_1_7009 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 23px;
    padding-right: 970.5px;
    padding-bottom: 23px;
    padding-left: 970.5px;
    flex-shrink: 0;
    overflow: hidden;
    background-color: #313131;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    line-height: 24px;
    color: #9e9e9e;
    white-space: pre;
}

.music_1_331 {
    position: absolute;
    top: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    gap: 10px;
    flex-shrink: 0;
    overflow: hidden;
    object-fit: cover;
    right: -1px;
    bottom: 4928px;
}