/* ============================================================
   万州传奇 移动端适配 (mobile.css)
   适用于全部页面：首页 / 更多下载 / 装备展示 / 新闻详情 / 游戏公告
   断点：768px（平板及手机）、480px（小手机微调）
   ============================================================ */

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html, body { width: 100% !important; min-width: 0 !important; overflow-x: hidden; }
    .warp { width: 100% !important; }
    img { max-width: 100%; height: auto; }

    /* ---------- 顶部导航 ---------- */
    #menu { height: auto; padding: 6px 0; }
    #menu ul {
        display: flex !important;
        flex-wrap: wrap;
        width: 100% !important;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #menu ul .logo {
        float: none;
        display: block;
        width: 100%;
        margin: 0 auto 6px;
        text-align: center;
        flex: 0 0 100%;
    }
    #menu ul .logo img { max-width: 170px; height: auto; }
    #menu ul li {
        float: none;
        flex: 1 1 33.33%;
        width: 33.33%;
        margin: 0 !important;
        height: auto;
    }
    #menu ul li a { width: 100%; padding: 6px 0; }
    #menu ul li a strong { font-size: 13px; line-height: 30px; height: 30px; }
    #menu ul li a span { display: none; }

    .musicbox {
        position: absolute;
        left: auto !important;
        right: 10px !important;
        top: 8px !important;
        margin-left: 0 !important;
        transform: scale(.75);
        z-index: 6000;
    }

    /* ---------- 视频背景区 ---------- */
    #Version { height: 220px !important; }
    #guodu, #Flash, #Header { width: 100% !important; height: 220px !important; left: 0 !important; margin-left: 0 !important; }
    #Header img { width: 100% !important; height: 220px !important; object-fit: cover; }
    #Flash video { width: 100% !important; height: 220px !important; object-fit: cover; }

    /* ---------- 内容容器：重置上移、改纵向流式 ---------- */
    #container {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        display: flex;
        flex-direction: column;
    }
    /* 三栏改单列，主内容(中栏)排第一 */
    #LeftBar, #Centerneirong, #RightBar {
        float: none !important;
        width: 100% !important;
        margin: 0 0 14px 0 !important;
    }
    #Centerneirong { order: 1; }
    #LeftBar { order: 2; }
    #RightBar { order: 3; }

    /* ---------- 左栏 ---------- */
    #Download { width: 100% !important; height: auto; overflow: hidden; margin-bottom: 14px; }
    #Download .btn_download { width: 100% !important; height: 80px; }
    #Download .btn_download a { background-size: 100% 100%; }
    #Download .btn01, #Download .btn02 { float: left; width: 50% !important; height: 48px; background-size: 100% 100%; }

    #Kefu { width: 100% !important; padding: 0 10px 10px; }
    #Kefu .SubTitle {
        height: auto !important;
        line-height: 1.4 !important;
        overflow: visible !important;
        padding: 14px 0 0 !important;
        margin: 0 0 10px 0 !important;
        font-size: 16px !important;
    }
    #Kefu .SubTitle img { width: 26px; height: 26px; }
    #Kefu .TextList { margin-bottom: 12px; }
    #Kefu .TextList li a {
        padding-left: 10px;
        background-position: right 10px center;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #Kefu .weixin {
        width: 100% !important;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        text-align: center;
        color: #a89a8e;
        font-size: 13px;
        line-height: 1.6;
    }
    #Kefu .weixin img { width: 78px; height: 78px; margin: 0 0 8px 0; float: none; }
    #Kefu .weixin strong { font-size: 16px; color: #d4a855; display: inline; }
    #Kefu .share { padding: 12px 0; text-align: center; }
    #Kefu .share_icon_ { transform: scale(.72); margin: 0 2px; }

    #DocList { width: 100% !important; }
    #DocList .SubTitle {
        height: auto !important;
        line-height: 1.4 !important;
        overflow: visible !important;
        padding: 14px 0 0 !important;
        margin: 0 0 10px 0 !important;
        font-size: 16px !important;
    }
    #DocList .btn_redmore {
        width: 210px !important;
        margin: 0 auto !important;
        background-size: auto !important;
    }

    /* ---------- 中栏 ---------- */
    #Video { width: 100% !important; height: 200px !important; }
    #Video img { width: 100% !important; height: 200px !important; object-fit: cover; }

    /* 新闻中心 / 简介 */
    #Introduction {
        width: 100% !important;
        height: auto !important;
        padding: 15px 14px !important;
        margin: 0 0 12px 0 !important;
        background-size: cover !important;
    }
    #Introduction .Tab { margin-bottom: 10px; }
    #Introduction .Tab li { margin-right: 14px; }
    #Introduction .Tab li a { font-size: 14px; height: 32px; line-height: 32px; }
    #Introduction .tit { width: 100% !important; }
    #Introduction .serviceList { width: 100% !important; }
    #Introduction .serviceList li { width: 100% !important; }
    #Introduction .serviceList li time { width: 50% !important; }
    #NewsTabNr { height: auto !important; }
    #NewsTabNr .NewsList { height: auto !important; max-height: 240px; }
    .NewsList li { height: 34px; line-height: 34px; }
    .NewsList li a { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

    /* 职业介绍 */
    #ZhiYe {
        width: 100% !important;
        height: auto !important;
        background-size: cover !important;
        padding-bottom: 16px;
    }
    #ZhiYe .Tab { position: static !important; width: 100% !important; padding: 14px 0 0 14px; }
    #ZhiYe .ZhiYe_nr { width: 100% !important; height: auto !important; }
    #ZhiYe .zhiyebox { position: static !important; width: 100% !important; padding: 10px 14px; }
    #ZhiYe .zhiyePic { position: static !important; text-align: center; }
    #ZhiYe .zhiyePic img { max-width: 90%; height: auto; }

    /* ---------- 右栏 ---------- */
    #Live, #BBS { width: 100% !important; height: auto; }
    #Live a.pic, #BBS a.pic { width: 100% !important; height: 170px; }
    #DocColumn { width: 100% !important; }

    /* ---------- 页脚 ---------- */
    .footer_bg { height: auto !important; margin-top: 0 !important; background: none !important; }
    #footer { width: 100% !important; height: auto !important; padding: 14px 12px; }
    #footer .tips { font-size: 12px; line-height: 26px; height: auto; padding: 8px 4px; margin-bottom: 14px; }
    #footer .bomlogo { float: none; display: block; text-align: center; margin: 0 auto 12px; }
    #footer .bomlogo img { max-width: 150px; }
    #footer .box { float: none; text-align: center; padding: 0; }
    #footer .box ul li { margin: 0 3px; }
    #footer .box p { font-size: 11px; line-height: 22px; }

    /* ---------- 二级页面通用 ---------- */
    #neirong { width: 100% !important; float: none !important; padding: 12px !important; }
    #NewsContent { width: 100% !important; }
    #NewsContent .content { width: 100% !important; }
    #NewsContent .news_title { font-size: 20px; height: auto; line-height: 1.4; padding: 10px 0; }
    #NewsContent .newsValue { width: 100% !important; height: auto; line-height: 1.8; padding: 8px 0; }

    /* 下载页卡片 */
    .download-grid { gap: 12px; padding: 6px 0; }
    .download-card { width: 100%; max-width: 340px; }
    .dl-page-title { font-size: 22px; letter-spacing: 2px; }
    .dl-page-sub { font-size: 12px; }

    /* 公告列表 */
    .gg-list { padding: 0 4px; }
    .notice-item { padding: 10px 12px; }
    .notice-item .notice-title { font-size: 14px; }
    .gg-page-title { font-size: 22px; letter-spacing: 2px; }

    /* 新闻详情 */
    .article-card { padding: 16px 14px; }
    .article-header { padding: 18px 16px 14px; }
    .article-header h1 { font-size: 19px; }
    .article-body { padding: 16px 14px; font-size: 14px; line-height: 1.85; }
    /* 上下篇导航窄屏换行 */
    .article-nav { flex-wrap: wrap; gap: 10px; padding: 14px 16px; }
    .article-nav a { max-width: 100%; }
    .back-bar { margin-top: 18px; }

    /* 公告列表窄屏：日期缩小、标题允许截断 */
    .notice-item { padding: 11px 12px; }
    .notice-item .item-title { font-size: 14px; }
    .notice-item .item-date { font-size: 11px; margin-left: 10px; }
    .notice-item .item-cat { font-size: 11px; padding: 1px 6px; }

    /* 装备表格：容器横向滚动，避免撑破 */
    #neirong table { max-width: 100%; }
    .equip-wrap, #neirong > div { overflow-x: auto; -webkit-overflow-scrolling: touch; }

    /* 下载中心 / 分区列表 */
    #downloadCenter { width: 100% !important; padding: 20px 12px !important; margin: 0 !important; }
    #ServerList { width: 100% !important; }
    #ServerList ol { width: 100% !important; }
    #ServerList ol li { width: 100% !important; }
    .pagination { margin: 10px 12px; }
    .pagination ul.pager { float: none; }
}

@media screen and (max-width: 480px) {
    #menu ul li a strong { font-size: 12px; }
    #Version { height: 180px !important; }
    #guodu, #Flash, #Header { height: 180px !important; }
    #Header img, #Flash video { height: 180px !important; }
    #Video { height: 160px !important; }
    #Video img { height: 160px !important; }
    .NewsList li a { font-size: 12px; }
    #footer .tips { font-size: 11px; }
    .download-card { padding: 18px 14px; }
    .article-header h1 { font-size: 17px; }
}