@media (max-width: 1100px) { 
    .maxwidth{ 
        padding-left:20px!important; 
        padding-right:20px!important; 
    } 
    /* 1100px 下：站点与一级页面均为4列 */
    .unified-card-grid { 
        grid-template-columns: repeat(4, 1fr); 
    } 
    .stations_lists { 
        grid-template-columns: repeat(4, 1fr); 
    } 
} 

@media (max-width: 1000px) { 
    .left_side { 
        width: 250px; 
        left: -300px; 
        transition: 0.3s; 
        padding-top:20px; 
        padding-bottom:100px; 
        top:100px; 
        position: fixed; 
        z-index:333; 
    } 
    .left_side.opened { 
        left:0px; 
    } 
    /* 1000px 下：3列 */
    .unified-card-grid { 
        grid-template-columns: repeat(3, 1fr); 
    } 
    .stations_lists { 
        grid-template-columns: repeat(3, 1fr); 
    } 
    .stations_lists .one_station .image{ 
        height: auto; 
    } 
    .stations_lists .one_station .image img{ 
        max-height: auto; 
        max-width: 100%; 
    } 
    .stations_lists .one_station .name{ 
        font-size: 16px; 
    } 
    .left_side .countries_list li a{ 
        font-size: 14px; 
    } 
    main { 
        padding-left:0; 
    } 
    header .logo{ 
        margin-right:110px; 
    } 
    footer .block2:last-child img{ 
        height: 40px; 
        width: auto; 
    } 
    footer .block1 { 
        width:200px; 
    } 
} 

@media (max-width: 800px) { 
    header .language_list .dropdown-menu { 
        margin-top:0; 
        max-height: 200px; 
        overflow-y: auto; 
    } 
    header .logo_url { 
        margin-left:40px; 
    } 
    .station_page .related .st_list{ 
        display: block; 
    } 
    h1 { 
        font-size: 20px; 
    } 
    /* 800px 下：全部改为列表一列 */
    .unified-card-grid { 
        display: block; 
    } 
    .stations_lists { 
        display: block; 
    } 
    .moble_menu_button { 
        display: block; 
    } 
    .left_side { 
        left:-300px; 
        transition: 0.3s; 
        padding-top:20px; 
        padding-bottom:100px; 
        top:100px; 
        position: fixed; 
        z-index:333; 
    } 
    .left_side.opened { 
        left:0px; 
    } 
    main { 
        padding-left:0; 
    } 
    footer .footer_apps a{ 
        display: block; 
        margin: 0 0 10px 0; 
    } 
    footer .block2.footer_menu { 
        margin-left:10px; 
    } 
    header { 
        height:100px; 
        align-items: flex-start; 
        padding-top:15px; 
    } 
    header .logo{ 
        margin-right:0; 
    } 
    header .genres{ 
        position: absolute; 
        left:0; 
        bottom:-10px; 
        width: 100%; 
        padding-left:20px; 
    } 
    header .genres a { 
        padding:1px 10px; 
    } 
    header .genres a:last-child { 
        margin-right:40px; 
    } 
    .content { 
        padding-top:120px; 
    } 
    .pagination { 
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; 
        background: #fff; 
        border-radius: 5px; 
        padding:10px; 
    } 
    .pagination ul li { 
        display: none; 
    } 
    .pagination ul li.active { 
        display: inline-block; 
    } 
    .pagination ul li.first_page { 
        display: inline-block; 
    } 
    .pagination ul li.dots { 
        display: inline-block; 
    } 
    .pagination ul li:last-child { 
        display: inline-block; 
    } 
    .pagination ul li a, .pagination ul li span{ 
        margin:0 auto; 
    } 
    .main_player { 
        height:130px; 
        padding:10px 20px 0 20px; 
        text-align: left; 
        display: block; 
    } 
    .main_player .button_player { 
        float: none; 
        display: inline-block; 
        overflow: hidden; 
    } 
    .main_player .volume_controll{ 
        padding:0; 
        float: none; 
        display: inline-block; 
        overflow: hidden; 
    } 
    .main_player .station_player { 
        position: relative; 
        margin: 5px 0 0 0; 
        text-align: left; 
        width: 100%; 
        background: #fff; 
        border-radius: 5px; 
        padding:5px; 
        display: flex; 
        justify-content: flex-start; 
    } 
    .main_player .station_player .image{ 
        float: none; 
        padding-right:10px; 
    } 
    .main_player .station_player .image img{ 
        height: 40px; 
    } 
    .main_player .station_player .other_info{ 
        float: none; 
        padding:0; 
        margin: -5px 0 0 0; 
    } 
    .main_player .station_player .other_info .name a{ 
        color:#333; 
        font-size: 14px; 
    } 
    .main_player .station_player .other_info .track{ 
        color:#333; 
        font-size: 14px; 
        margin-top:-3px; 
    } 
    .main_player .volume_controll .vertical_range { 
        bottom:130px; 
        left:100px; 
        padding:5px; 
    } 
    footer { 
        height: auto; 
        padding-bottom:130px; 
        margin-bottom:-270px; 
    } 
    input[type=range][orient=vertical] { 
        height: 100px; 
    } 
    footer { 
        position: relative; 
    } 
} 

/* 移除旧的 auto-fill 规则，统一按列数响应 */