/* 移动端响应式样式 */
@media screen and (max-width: 768px) {
    /* 基础重置 */
    * {
        box-sizing: border-box;
    }
    
    body {
        min-width: auto !important;
        overflow-x: hidden;
    }
    
    /* 视频优化 */
    #myVideo {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        position: relative !important;
        left: 0 !important;
        margin-left: 0 !important;
        max-height: 300px !important;
    }
    
    /* Banner优化 */
    #banner {
        width: 100% !important;
        height: auto !important;
        min-width: auto !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
    }
    
    #banner img {
        width: 100%;
        height: auto;
        max-height: 300px;
        object-fit: cover;
    }
    
    /* 公告优化 */
    #Gonggao {
        width: 90% !important;
        height: auto !important;
        position: relative !important;
        top: auto !important;
        left: 0 !important;
        margin: 10px auto !important;
        margin-left: auto !important;
    }
    
    .mobile-notice {
        display: none;
        background: linear-gradient(45deg, #e04524, #ddbf71);
        color: white;
        padding: 10px;
        border-radius: 5px;
        margin-top: 10px;
        text-align: center;
        font-weight: bold;
    }
    
    .notice-icon {
        margin-right: 8px;
        font-size: 16px;
    }
    
    #Gonggao h5 {
        width: 100% !important;
        height: auto !important;
        line-height: 1.5 !important;
        padding: 8px !important;
        margin-bottom: 5px !important;
    }
    
    #Gonggao p {
        width: 100% !important;
        height: auto !important;
        line-height: 1.5 !important;
        padding: 8px !important;
    }
    
    /* 主容器优化 */
    #m1, #m2, #m3 {
        width: 100% !important;
        margin: 0 auto 10px auto !important;
        padding: 0 10px !important;
    }
    
    /* 下载区域优化 */
    #download {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    
    #download .download {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    
    #download .btn_dlk,
    #download .btn_payment,
    #download .btn_kfd,
    #download .btn_bd {
        width: 45% !important;
        height: 60px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        text-indent: 0 !important;
        line-height: 60px !important;
        text-align: center !important;
        color: #fff !important;
        font-size: 14px !important;
        border-radius: 5px !important;
        background-color: #e04524 !important;
    }
    
    #download .kefu {
        margin-top: 20px !important;
        padding: 15px !important;
    }
    
    /* 版本介绍优化 */
    #Intr {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        min-height: 400px !important;
    }
    
    .Scroll_box {
        height: 300px !important;
        overflow-y: auto !important;
    }
    
    .list li {
        line-height: 1.6 !important;
        padding: 8px 5px !important;
        font-size: 13px !important;
    }
    
    /* 职业介绍优化 */
    #ZhiYe {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    
    #ZhiYePic {
        width: 100% !important;
        height: 300px !important;
        position: relative !important;
    }
    
    #ZhiYePic .conbox .Slide_ {
        width: 100% !important;
        height: 100% !important;
    }
    
    #ZhiYePic .conbox .Slide_ img {
        width: 100% !important;
        height: auto !important;
        max-height: 280px !important;
        margin-left: 0 !important;
        object-fit: contain !important;
    }
    
    #ZhiYe .ZhiYeTab {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 10px !important;
    }
    
    #ZhiYe .ZhiYeTab li {
        float: none !important;
        display: inline-block !important;
        margin: 0 5px !important;
    }
    
    /* 装备展示优化 */
    #ZhuangBei {
        width: 100% !important;
        height: auto !important;
        float: none !important;
    }
    
    #ZhuangBeiGunDong {
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
    
    .PicList {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        padding: 0 10px !important;
    }
    
    .PicList li {
        width: 200px !important;
        height: 250px !important;
        flex-shrink: 0 !important;
        margin-right: 0 !important;
    }
    
    .PicList li .photo {
        width: 100% !important;
        height: 100% !important;
    }
    
    .PicList li .photo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* 装备展示2优化 */
    #ZhuangBei2 {
        width: 100% !important;
        margin: 20px auto !important;
        padding: 0 10px !important;
    }
    
    .PhotoList {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .PhotoList li {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 15px !important;
    }
    
    .PhotoList .photo {
        width: 100% !important;
        height: 300px !important;
    }
    
    .PhotoList .photo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    .PhotoList strong {
        width: 100% !important;
        padding: 10px 0 !important;
    }
    
    /* 页脚优化 */
    #footer {
        min-width: auto !important;
        height: auto !important;
        margin: 20px auto 0 auto !important;
    }
    
    #footer .center {
        width: 100% !important;
        padding: 20px 15px !important;
    }
    
    #footer .bomlogo {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
        text-align: center !important;
    }
    
    #footer .bomlogo img {
        max-width: 200px;
        height: auto;
    }
    
    #footer .box {
        text-align: center !important;
    }
    
    #footer .tips {
        font-size: 12px !important;
        line-height: 1.5 !important;
        margin-bottom: 15px !important;
    }
    
    #footer ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 5px !important;
        margin-bottom: 15px !important;
    }
    
    #footer ul li {
        display: inline-block !important;
    }
    
    #footer ul li a {
        padding: 5px !important;
        font-size: 12px !important;
    }
    
    #footer p {
        font-size: 12px !important;
        line-height: 1.5 !important;
        margin-bottom: 5px !important;
    }
    
    /* 清除浮动 */
    .clear {
        clear: both !important;
    }
    
    /* 通用优化 */
    .PartTitle {
        padding: 10px !important;
        margin-bottom: 15px !important;
    }
    
    /* 触摸优化 */
    a, button, .btn_dlk, .btn_payment, .btn_kfd, .btn_bd {
        min-height: 44px !important;
        min-width: 44px !important;
        touch-action: manipulation !important;
    }
    
    /* 滚动优化 */
    .Scroll_box {
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
    }
    
    /* 图片懒加载优化 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    .PartTitle strong {
        font-size: 18px !important;
    }
    
    .PartTitle span {
        font-size: 10px !important;
    }
}

/* 小屏幕手机优化 */
@media screen and (max-width: 480px) {
    .mobile-notice {
        display: block !important;
    }
    
    #download .btn_dlk,
    #download .btn_payment,
    #download .btn_kfd,
    #download .btn_bd {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    .PicList li {
        width: 150px !important;
        height: 200px !important;
    }
    
    .PhotoList .photo {
        height: 200px !important;
    }
    
    #footer ul {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    #footer ul li {
        display: block !important;
    }
}

/* 横屏优化 */
@media screen and (max-width: 768px) and (orientation: landscape) {
    #myVideo {
        max-height: 200px !important;
    }
    
    #banner img {
        max-height: 200px !important;
    }
    
    .Scroll_box {
        height: 200px !important;
    }
    
    #ZhiYePic {
        height: 200px !important;
    }
}