/* 移动端响应式样式 - 全局 */

/* ========== 移动端适配 (max-width: 768px) ========== */
@media screen and (max-width: 768px) {
    /* ===== 通用样式 ===== */
    body {
        font-size: 14px !important;
    }

    /* 容器通用样式 */
    .index_con,
    .list_con,
    .xiangqing_con,
    .chaxun_con {
        padding: 10px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* ===== 首页样式 (index.html) ===== */
    
    /* 标题区域 */
    .index_con_title {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    .index_con_title img {
        max-width: 100% !important;
        height: auto !important;
        margin-bottom: 10px !important;
    }

    .index_con_title_right {
        width: 100% !important;
    }

    .index_con_title_right h3 {
        font-size: 16px !important;
        margin: 5px 0 !important;
        padding: 8px !important;
    }

    /* 主要内容区域 */
    .index_con_one {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    /* 轮播图区域 */
    .one_left {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .one_left ul {
        width: 100% !important;
    }

    .one_left .fst-li {
        width: 100% !important;
        list-style: none !important;
    }

    .one_left .fst-li img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
    }

    /* 右侧内容区域 */
    .one_right {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .one_right_top {
        padding: 15px !important;
        margin-bottom: 10px !important;
        background: #f5f5f5 !important;
        border-radius: 8px !important;
    }

    .one_right_top h3 {
        font-size: 16px !important;
        margin-bottom: 10px !important;
        line-height: 1.4 !important;
    }

    .one_right_article {
        font-size: 14px !important;
        line-height: 1.5 !important;
        color: #666 !important;
    }

    .one_right_bottom {
        padding: 0 !important;
    }

    .one_right_bottom li {
        display: flex !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #eee !important;
        list-style: none !important;
    }

    .one_right_bottom li img {
        width: 16px !important;
        height: 16px !important;
        margin-right: 8px !important;
    }

    .one_right_bottom li span {
        flex: 1 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .one_right_bottom li font {
        font-size: 12px !important;
        color: #999 !important;
        margin-left: 10px !important;
    }

    .one_right > img {
        width: 100% !important;
        height: auto !important;
        margin-top: 15px !important;
    }

    /* Tab 导航区域 */
    .index_tab ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-around !important;
        padding: 10px 0 !important;
        margin: 15px 0 !important;
    }

    .index_tab ul li {
        flex: 1 !important;
        min-width: 80px !important;
        margin: 5px 2px !important;
        text-align: center !important;
        list-style: none !important;
    }

    .index_tab ul li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 10px 5px !important;
        text-decoration: none !important;
        border-radius: 8px !important;
        background: #f8f8f8 !important;
    }

    .index_tab ul li a img {
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 5px !important;
    }

    .index_tab ul li a span {
        font-size: 12px !important;
        color: #333 !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }

    /* Tab 内容区域 */
    .tab_content_top {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .tab_content_top > div {
        width: 100% !important;
        margin: 0 !important;
        padding: 15px !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
    }

    .top_title {
        font-size: 16px !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        padding-bottom: 8px !important;
        border-bottom: 2px solid #ae0000 !important;
    }

    .tab_content_top li {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid #eee !important;
        list-style: none !important;
    }

    .tab_content_top li:last-child {
        border-bottom: none !important;
    }

    .tab_content_top li a {
        text-decoration: none !important;
        color: #333 !important;
    }

    .tab_content_top li span {
        flex: 1 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .tab_content_top li font {
        font-size: 12px !important;
        color: #999 !important;
        margin-left: 10px !important;
    }

    /* 第二个 Tab 区域 */
    .index_tab1 ul {
        display: flex !important;
        justify-content: space-around !important;
        padding: 10px 0 !important;
        margin: 15px 0 !important;
    }

    .index_tab1 ul li {
        flex: 1 !important;
        text-align: center !important;
        list-style: none !important;
        margin: 0 2px !important;
    }

    .index_tab1 ul li a {
        display: block !important;
        padding: 10px !important;
        border-radius: 8px !important;
        background: #f8f8f8 !important;
    }

    .index_tab1 ul li a img {
        width: 40px !important;
        height: 40px !important;
    }

    .index_tab1 ul li.current a,
    .index_tab1 ul li.tab-active a {
        background: #ae0000 !important;
    }

    /* 友情链接 */
    .friend {
        margin-top: 20px !important;
        padding: 15px !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
    }

    .friend_title {
        font-size: 16px !important;
        font-weight: bold !important;
        margin-bottom: 10px !important;
        padding-bottom: 8px !important;
        border-bottom: 2px solid #ae0000 !important;
    }

    .friend_lian {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .friend_lian li {
        list-style: none !important;
        background: white !important;
        border-radius: 4px !important;
        padding: 5px 10px !important;
    }

    .friend_lian li a {
        text-decoration: none !important;
        color: #333 !important;
        font-size: 14px !important;
    }

    /* 隐藏在移动端不需要的元素 */
    .bal {
        display: none !important;
    }

    /* ===== 列表页样式 (lists.html) ===== */
    
    .list {
        min-height: auto !important;
        padding: 10px !important;
    }

    .list_title {
        font-size: 18px !important;
        padding: 15px 10px !important;
        text-align: center !important;
    }

    .list_container {
        padding: 10px !important;
    }

    .list_container li {
        display: flex !important;
        flex-direction: column !important;
        padding: 15px 10px !important;
        border-bottom: 1px solid #eee !important;
        margin-bottom: 10px !important;
    }

    .list_container li .left {
        font-size: 15px !important;
        line-height: 1.5 !important;
        margin-bottom: 8px !important;
        width: 100% !important;
    }

    .list_container li .right {
        font-size: 12px !important;
        color: #999 !important;
        width: 100% !important;
        text-align: right !important;
    }

    /* 分页样式 */
    .list_container a,
    .list_container span {
        font-size: 14px !important;
        padding: 8px 12px !important;
        margin: 5px !important;
        display: inline-block !important;
    }

    /* ===== 详情页样式 (content.html) ===== */
    
    .xiangqing {
        padding: 10px !important;
    }

    .xiangqing_con {
        padding: 15px !important;
    }

    .xiangqing_con .title h1 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        margin-bottom: 10px !important;
    }

    .xiangqing_con .title small {
        font-size: 12px !important;
        color: #999 !important;
    }

    .xiangqing_con img {
        max-width: 100% !important;
        height: auto !important;
    }

    .xiangqing_con table {
        width: 100% !important;
        overflow-x: auto !important;
        display: block !important;
    }

    .xiangqing_con p {
        font-size: 15px !important;
        line-height: 1.8 !important;
        margin: 10px 0 !important;
    }

    /* ===== 查询页样式 (chaxun.html) ===== */
    
    .chaxun {
        min-height: auto !important;
        margin-top: 20px !important;
        padding: 10px !important;
    }

    .chaxun_con {
        padding: 15px !important;
    }

    .chaxun_con img {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0 !important;
    }

    .chaxun_con1 {
        padding: 20px 10px !important;
    }

    .input1 {
        width: 100% !important;
    }

    .input1 span {
        display: inline-block !important;
        width: 80px !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    .input1 input {
        width: calc(100% - 90px) !important;
        padding: 10px !important;
        font-size: 14px !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        margin-bottom: 15px !important;
    }

    .btn button {
        width: 100% !important;
        padding: 15px !important;
        font-size: 16px !important;
        background: #ae0000 !important;
        color: white !important;
        border: none !important;
        border-radius: 4px !important;
        cursor: pointer !important;
    }

    /* ===== 查询结果页样式 (jieguo.html) ===== */
    
    .jieguo {
        padding: 10px !important;
    }

    .jieguo_con {
        padding: 15px !important;
    }

    .jieguo_con table {
        width: 100% !important;
        font-size: 14px !important;
    }

    .jieguo_con table td {
        padding: 10px 5px !important;
        word-break: break-all !important;
    }

    .jieguo_con img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ===== 导航菜单样式 ===== */
    
    .nav {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .nav_con {
        display: flex !important;
        flex-wrap: nowrap !important;
        min-width: max-content !important;
        padding: 0 10px !important;
    }

    .nav_con li {
        flex-shrink: 0 !important;
        padding: 10px 15px !important;
    }

    .nav_con li a {
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    /* ===== Header 样式 ===== */
    
    .header {
        padding: 10px !important;
    }

    .header img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ===== Footer 样式 ===== */
    
    footer {
        padding: 20px 10px !important;
        font-size: 12px !important;
    }

    footer p {
        line-height: 1.8 !important;
        margin: 5px 0 !important;
    }
}

/* ========== 平板端适配 (769px - 1024px) ========== */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .index_con,
    .list_con,
    .xiangqing_con,
    .chaxun_con {
        padding: 15px !important;
    }

    .index_con_one {
        display: flex !important;
        gap: 20px !important;
    }

    .one_left {
        flex: 2 !important;
    }

    .one_right {
        flex: 1 !important;
    }

    .one_left .fst-li img {
        height: 250px !important;
    }

    .tab_content_top {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
    }

    .tab_content_top > div {
        flex: 1 !important;
        min-width: 300px !important;
    }

    /* 列表页平板适配 */
    .list_container li {
        padding: 15px !important;
    }

    /* 详情页平板适配 */
    .xiangqing_con {
        max-width: 900px !important;
        margin: 0 auto !important;
    }
}