/* ==================== 手机端自适应修复样式 ==================== */

/* ========== 1. 通用容器自适应 ========== */
@media screen and (max-width: 768px) {
    body {
        min-width: 0;
        overflow-x: auto;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    a {
        touch-action: manipulation;
    }
}

/* ========== 2. 顶部区域手机端优化 ========== */
@media screen and (max-width: 768px) {
    #top {
        padding: 12px 0;
    }
    
    .top-inner {
        flex-direction: column;
        gap: 15px;
        padding: 0 12px;
    }
    
    .logo img {
        height: 45px;
    }
    
    .search {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }
    
    .search_input {
        padding: 12px 45px 12px 16px;
        font-size: 14px;
    }
    
    .search_bot {
        width: 38px;
        height: 38px;
    }
    
    .LoginStatus {
        width: 100%;
        text-align: center;
    }
    
    .LoginStatus a {
        display: inline-block;
        padding: 8px 16px;
        font-size: 13px;
    }
}

/* ========== 3. 导航菜单手机端优化 ========== */
@media screen and (max-width: 992px) {
    #nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    #nav ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0 10px;
        min-width: max-content;
    }
    
    #nav li a {
        padding: 14px 16px;
        font-size: 14px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 576px) {
    #nav {
        border-bottom: none;
    }
    
    #nav ul {
        padding: 0 8px;
    }
    
    #nav li a {
        padding: 12px 12px;
        font-size: 13px;
        letter-spacing: 0;
    }
}

/* ========== 4. 广告区域手机端优化 ========== */
@media screen and (max-width: 768px) {
    .show {
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .adma {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        padding: 10px;
    }
    
    .adma a img {
        width: 48% !important;
        height: auto !important;
        max-width: 180px;
    }
}

@media screen and (max-width: 480px) {
    .adma a img {
        width: 100% !important;
        max-width: 160px;
    }
}

/* ========== 5. 代理表格手机端优化 ========== */
@media screen and (max-width: 768px) {
    table.daili {
        font-size: 12px;
    }
    
    table.daili td,
    table.daili th {
        padding: 8px 4px;
        height: auto;
        line-height: 1.4;
        font-size: 12px;
    }
    
    #xgk td a {
        font-size: 11px !important;
        word-break: break-all;
    }
}

/* ========== 6. 筛选区域手机端优化 ========== */
@media screen and (max-width: 768px) {
    .screen-list {
        margin: 15px auto;
        padding: 0 10px;
    }
    
    .screen-list ul {
        padding: 12px;
        gap: 10px;
    }
    
    .screen-list ul li {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 10px 12px;
    }
    
    .screen-list .filter-title {
        min-width: auto;
        font-size: 13px;
        color: #667eea;
    }
    
    .screen-list .filter-tags {
        width: 100%;
        gap: 6px;
    }
    
    .screen-list .filter-tag {
        padding: 6px 12px;
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .screen-list .filter-tag {
        padding: 5px 10px;
        font-size: 11px;
    }
}

/* ========== 7. 公告栏手机端优化 ========== */
@media screen and (max-width: 768px) {
    .announcement {
        margin: 15px auto;
        padding: 0 10px;
    }
    
    .announcement marquee {
        padding: 12px 15px;
        font-size: 13px;
        border-radius: 8px;
    }
}

/* ========== 8. 表格列表手机端优化 - 卡片式布局 ========== */
@media screen and (max-width: 992px) {
    .mzon {
        display: none;
    }
    
    .main-container {
        padding: 0 10px;
    }
    
    .mzon_star {
        margin-bottom: 12px;
        border-radius: 12px;
    }
    
    .mzon_star ul {
        flex-direction: column;
        padding: 0;
    }
    
    .mzon_star ul li {
        width: 100% !important;
        text-align: left !important;
        padding: 12px 15px;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .mzon_star ul li:last-child {
        border-bottom: none;
    }
    
    .mzon_star ul li.st1 {
        background: #f8f9ff;
        border-bottom: 1px solid #e6ebf5;
    }
    
    .mzon_star ul li.st1::before {
        content: "类型：";
        color: #999;
        font-size: 12px;
        flex-shrink: 0;
    }
    
    .mzon_star ul li.st2 {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        background: #fff;
    }
    
    .mzon_star ul li.st2::before {
        content: "版本：";
        color: #999;
        font-size: 12px;
    }
    
    .mzon_star ul li.st2 a {
        white-space: normal;
        text-align: left;
        line-height: 1.5;
    }
    
    .mzon_star ul li.st49 {
        padding: 8px 15px !important;
    }
    
    .mzon_star ul li.st49::before {
        content: "引擎：";
        color: #999;
        font-size: 12px;
    }
    
    .mzon_star ul li.st49 a {
        background: rgba(102,126,234,0.1);
        padding: 3px 10px;
        border-radius: 15px;
        font-size: 12px;
    }
    
    .mzon_star ul li.st0 {
        padding: 8px 15px !important;
    }
    
    .mzon_star ul li.st0::before {
        content: "更新：";
        color: #999;
        font-size: 12px;
    }
    
    .mzon_star ul li.st51 {
        padding: 8px 15px !important;
    }
    
    .mzon_star ul li.st51::before {
        content: "演示：";
        color: #999;
        font-size: 12px;
    }
    
    .mzon_star ul li.st51 a {
        padding: 5px 12px;
        font-size: 12px;
    }
    
    .mzon_star ul li.st50,
    .mzon_star ul li.st52 {
        display: inline-flex;
        padding: 8px 15px !important;
        width: auto !important;
        flex: 1;
    }
    
    .mzon_star ul li.st50::before {
        content: "价格：";
        color: #999;
        font-size: 12px;
    }
    
    .mzon_star ul li.st50 {
        color: #e74c3c;
        font-weight: bold;
        justify-content: flex-start;
    }
    
    .mzon_star ul li.st52 {
        justify-content: flex-end;
    }
    
    .mzon_star ul li.st52 a {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    .mzon_star .btn-group {
        display: flex;
        gap: 8px;
        width: 100%;
        padding: 10px 15px;
        background: #f8f9ff;
        border-top: 1px solid #e6ebf5;
    }
    
    .mzon_star .btn-group a {
        flex: 1;
        text-align: center;
        padding: 10px;
        border-radius: 20px;
        font-size: 13px;
    }
}

/* ========== 9. 底部区域手机端优化 ========== */
@media screen and (max-width: 768px) {
    .footer {
        padding: 25px 0 20px;
        margin-top: 30px;
    }
    
    .footpage {
        width: 100% !important;
        padding: 0 15px;
    }
    
    .mzontitle3 {
        text-align: left !important;
    }
    
    .mzontitle3 p {
        font-size: 12px !important;
        line-height: 1.8;
        color: #555 !important;
    }
}

@media screen and (max-width: 480px) {
    .mzontitle3 p {
        font-size: 11px !important;
    }
}

/* ========== 10. 友情连接手机端优化 ========== */
@media screen and (max-width: 768px) {
    .links {
        padding: 10px;
        margin-bottom: 15px;
    }
    
    .links ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .links ul li {
        padding: 0;
        float: none;
    }
    
    .links ul li a {
        font-size: 13px;
    }
}

/* ========== 11. 分页手机端优化 ========== */
@media screen and (max-width: 768px) {
    .page {
        margin: 20px auto;
        padding: 0 10px;
    }
    
    .page a {
        padding: 8px 14px;
        margin: 0 3px;
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .page a {
        padding: 6px 10px;
        margin: 0 2px;
        font-size: 12px;
    }
}

/* ========== 12. 返回顶部按钮手机端优化 ========== */
@media screen and (max-width: 768px) {
    #top2 {
        width: 50px !important;
        height: 50px !important;
        bottom: 80px !important;
        right: 15px !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 4px 20px rgba(102,126,234,0.4) !important;
    }
    
    #top2 img {
        width: 26px !important;
        height: 26px !important;
    }
}

/* ========== 13. 输入框placeholder手机端适配 ========== */
@media screen and (max-width: 576px) {
    .search_input::placeholder {
        font-size: 12px;
    }
}

/* ========== 14. 隐藏移动端不适用的元素 ========== */
@media screen and (max-width: 576px) {
    .ad2 {
        display: none;
    }
}

/* ========== 15. 手机端登录注册按钮 ========== */
@media screen and (max-width: 768px) {
    .actions {
        display: block !important;
        width: 100%;
    }
    
    .actions .login-btn.navbar-button {
        width: 100%;
        height: auto;
        min-height: 40px;
        line-height: 40px;
        text-align: center;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        border-radius: 20px;
        display: inline-block;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
        margin: 5px 0;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .actions .login-btn.navbar-button span {
        color: #fff !important;
        font-size: 14px;
        display: block;
    }
    
    .actions .login-btn.navbar-button .login-button,
    .actions .login-btn.navbar-button .register-button {
        color: #fff !important;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }
    
    .actions .login-btn.navbar-button .login-button:hover,
    .actions .login-btn.navbar-button .register-button:hover {
        color: #fff !important;
        text-decoration: none;
    }
    
    .actions .login-btn.navbar-button i {
        color: #fff;
    }
}

/* ========== 16. 黄金广告位表格响应式容器 ========== */
.agentqq-wrap {
    max-width: 1400px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .agentqq-wrap {
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .agentqq-wrap .agentqq {
        width: 100% !important;
        margin: 10px 0 !important;
    }
    
    table#xgk.daili {
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        border: 1px solid #a3ff10 !important;
    }
    
    table#xgk.daili tbody {
        display: block;
        width: 100%;
    }
    
    table#xgk.daili tr {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }
    
    table#xgk.daili td {
        width: 50% !important;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 8px !important;
        border: 1px solid #a3ff10 !important;
        border-collapse: collapse;
        box-sizing: border-box;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: left !important;
        margin: -1px 0 0 -1px;
    }
    
    table#xgk.daili td a {
        font-size: 12px !important;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    table#xgk.daili td {
        width: 100% !important;
    }
}

/* ========== 17. 通用图片列表手机端自适应 ========== */
@media screen and (max-width: 768px) {
    .img-list,
    .pic-list,
    .imgbox,
    .picbox {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 10px !important;
    }
    
    .img-list li,
    .pic-list li,
    .imgbox li,
    .picbox li,
    .img-list > div,
    .pic-list > div,
    .imgbox > div,
    .picbox > div {
        width: calc(50% - 5px) !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    .img-list img,
    .pic-list img,
    .imgbox img,
    .picbox img {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 480px) {
    .img-list li,
    .pic-list li,
    .imgbox li,
    .picbox li,
    .img-list > div,
    .pic-list > div,
    .imgbox > div,
    .picbox > div {
        width: 100% !important;
    }
}

/* ========== 18. 通用表格手机端自适应 ========== */
@media screen and (max-width: 768px) {
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    table thead,
    table tbody,
    table th,
    table td,
    table tr {
        display: block;
    }
    
    table thead {
        display: none;
    }
    
    table tbody tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 10px;
    }
    
    table tbody td {
        padding: 8px 10px !important;
        border: none !important;
        text-align: left !important;
    }
    
    table tbody td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #667eea;
        margin-right: 10px;
    }
}

/* ========== 19. 通用内容区域手机端自适应 ========== */
@media screen and (max-width: 768px) {
    .main,
    .main-content,
    .content,
    .container {
        width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    
    .wrap,
    .wrapper {
        width: 100% !important;
        overflow-x: hidden;
    }
}

/* ========== 20. 文字溢出处理 ========== */
@media screen and (max-width: 768px) {
    .title,
    .tt,
    h2, h3, h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    /* 商品描述区域 - 修复n1内容不显示 */
    .desc {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        overflow: visible !important;
        background: #fff !important;
        margin: 10px auto !important;
        box-sizing: border-box !important;
    }
    
    .desc .info {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* 手机端隐藏面包屑文字，只显示复制按钮 */
    .dpostion {
        font-size: 0 !important;
        height: auto !important;
        line-height: normal !important;
        overflow: visible !important;
        background: transparent !important;
        border: none !important;
    }
    
    .dpostion a,
    .dpostion text,
    .dpostion span:not(#ht):not(#foo) {
        display: none !important;
    }
    
    /* 只显示复制按钮 */
    .dpostion .btn {
        float: none !important;
        display: block !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        background: #EB314C !important;
        color: #fff !important;
        padding: 8px 15px !important;
        border-radius: 4px !important;
    }
    
    .dpostion #ht {
        display: none !important;
    }
    
    .summary,
    .intro {
        display: block !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        overflow: visible !important;
    }
}

/* ========== 21. 客服悬浮手机端优化（新版kefu90） ========== */
@media screen and (max-width: 768px) {
    .kefu90_fixed {
        right: 10px !important;
        top: auto !important;
        bottom: 20px !important;
    }
    
    .kefu90_panel {
        width: 90px !important;
    }
    
    .kefu90_info {
        font-size: 11px !important;
        padding: 8px !important;
    }
    
    .kefu90_open {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 11px !important;
    }
    
    .kefu90_gotop {
        width: 40px !important;
        height: 40px !important;
    }
}

/* ========== 22. 按钮手机端优化 ========== */
@media screen and (max-width: 768px) {
    .btn,
    button,
    input[type="submit"],
    input[type="button"] {
        min-height: 40px;
        padding: 10px 20px;
        font-size: 14px;
        touch-action: manipulation;
    }
}

/* ========== 23. 表单手机端优化 ========== */
@media screen and (max-width: 768px) {
    input,
    textarea,
    select {
        font-size: 16px !important;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    textarea {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ========== 24. 隐藏手机端不适用的侧边栏 ========== */
@media screen and (max-width: 992px) {
    .sidebar,
    .aside,
    .left-bar,
    .right-bar {
        display: none !important;
    }
}

/* ========== 25. 通用卡片列表手机端自适应 ========== */
@media screen and (max-width: 768px) {
    .card-list,
    .item-list,
    .list-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        padding: 10px !important;
    }
    
    .card-list > li,
    .item-list > li,
    .list-box > li,
    .card-list > div,
    .item-list > div,
    .list-box > div {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* ========== 26. Bootstrap网格卡片列表响应式（装备素材等页面） ========== */
@media screen and (max-width: 768px) {
    /* 容器自适应 */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    /* 内容区域 */
    .content-area,
    .site-main {
        width: 100% !important;
        padding: 0 !important;
    }
    
    /* 行自适应 */
    .container > .row,
    .row {
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    
    /* 卡片网格容器 - 使用flex布局 */
    .posts-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 5px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 强制覆盖所有Bootstrap列类为2列 */
    div.posts-wrapper > div[class*="col-lg-1-5"],
    div.posts-wrapper > div[class*="col-6"],
    div.posts-wrapper > div[class*="col-sm-6"],
    div.posts-wrapper > div[class*="col-md-4"],
    div.posts-wrapper > div[class*="col-lg-3"],
    div.posts-wrapper > div.col-lg-12 {
        flex: 0 0 calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        float: none !important;
        display: block !important;
    }
    
    /* 卡片文章样式 */
    div.posts-wrapper article.post,
    div.posts-wrapper article.post-grid,
    div.posts-wrapper article.type-post {
        width: 100% !important;
        margin: 0 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 卡片图片容器 */
    div.posts-wrapper .entry-media,
    div.posts-wrapper .placeholder {
       /* position: relative !important;*/
        width: 100% !important;
        padding-bottom: 36.66% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    div.posts-wrapper .entry-media img,
    div.posts-wrapper .placeholder img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 卡片内容区域 */
    div.posts-wrapper .entry-wrapper {
        padding: 8px !important;
        flex: 1 !important;
    }
    
    /* 卡片标题 */
    div.posts-wrapper .entry-title,
    div.posts-wrapper .entry-title a {
        font-size: 13px !important;
        line-height: 1.4 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        white-space: normal !important;
    }
    
    /* 元信息 */
    div.posts-wrapper .post-meta-box {
        display: flex !important;
        justify-content: space-between !important;
        font-size: 11px !important;
        margin-top: 5px !important;
    }
    
    div.posts-wrapper .meta-category {
        font-size: 11px !important;
    }
    
    div.posts-wrapper .meta-date,
    div.posts-wrapper .meta-views {
        font-size: 11px !important;
    }
}

@media screen and (max-width: 480px) {
    /* 更小屏幕每行1列 */
    div.posts-wrapper > div[class*="col-lg-1-5"],
    div.posts-wrapper > div[class*="col-6"],
    div.posts-wrapper > div[class*="col-sm-6"],
    div.posts-wrapper > div[class*="col-md-4"],
    div.posts-wrapper > div[class*="col-lg-3"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    div.posts-wrapper .entry-title,
    div.posts-wrapper .entry-title a {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 360px) {
    div.posts-wrapper {
        gap: 8px !important;
    }
    
    div.posts-wrapper .entry-wrapper {
        padding: 6px !important;
    }
}

/* ========== 27. 内联固定宽度强制覆盖 ========== */
@media screen and (max-width: 768px) {
    /* 强制覆盖页面内联样式中的固定宽度 */
    div[style*="width:1398px"],
    div[style*="width: 1398px"],
    div[style*="width:1400px"],
    div[style*="width: 1400px"],
    div[style*="width:1500px"],
    div[style*="width: 1500px"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* 针对特定类的内联样式覆盖 */
    .show[style*="width"],
    .adma[style*="width"],
    .agentqq-wrap[style*="width"],
    .footpage[style*="width"] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ========== 28. 内容区域优先级提升 ========== */
@media screen and (max-width: 768px) {
    .content-area,
    .site-main,
    main.site-main {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .col-lg-12 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

/* ========== 29. 内容页/详情页手机自适应 ========== */
@media screen and (max-width: 768px) {
    /* 全局容器自适应 */
    body {
        min-width: 0 !important;
        overflow-x: hidden !important;
        padding-bottom: 20px !important;
    }
    
    /* 固定宽度容器强制100% */
    .show,
    .adma,
    #ness_9,
    #ness_10,
    .desc,
    .dpostion,
    .footpage {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 顶部区域 */
    #top {
        padding: 10px 0 !important;
    }
    
    .top-inner {
        flex-direction: column !important;
        padding: 0 10px !important;
        gap: 10px !important;
    }
    
    .logo img {
        height: 40px !important;
    }
    
    .search {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .search_input {
        padding: 10px 40px 10px 12px !important;
        font-size: 14px !important;
    }
    
    /* 导航菜单 - 恢复字体大小 */
    #nav {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
    }
    
    #nav ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        padding: 0 10px !important;
        min-width: max-content !important;
    }
    
    #nav li a {
        padding: 12px 10px !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }
    
    /* 位置导航 - 面包屑 */
    .dpostion {
        width: 100% !important;
        font-size: 12px !important;
        line-height: 1.8 !important;
        padding: 10px !important;
        word-break: break-all !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    /* 复制链接按钮 */
    .dpostion .btn {
        float: right !important;
        margin-left: 10px !important;
        margin-bottom: 5px !important;
        padding: 5px 10px !important;
        font-size: 11px !important;
        background: #EB314C !important;
        color: #fff !important;
        border-radius: 4px !important;
        border: none !important;
        cursor: pointer !important;
        display: inline-block !important;
        width: auto !important;
        clear: both !important;
    }
    
    /* 主内容区域 */
    .baikew {
        width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* 标题 - 居中显示，不遮挡 */
    .t_title {
        font-size: 14px !important;
        line-height: 1.5 !important;
        display: block !important;
        word-break: break-all !important;
        padding: 10px !important;
        background: #fff !important;
        border-radius: 6px !important;
        margin: 10px auto !important;
        border: 1px solid #eee !important;
        width: calc(100% - 20px) !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    /* 产品信息表格 */
    .style1 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 第一个tbody包含标题 */
    .style1 > tbody:first-child {
        width: 100% !important;
        display: block !important;
    }
    
    /* 标题td */
    .style1 > tbody:first-child td {
        width: 100% !important;
        padding: 0 !important;
    }
    
    /* 版本信息表格 - 改为flex布局 */
    .style1 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .style1 > tbody {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .style1 > tbody > tr {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .style1 > tbody > tr > td {
        width: 100% !important;
        padding: 5px 0 !important;
    }
    
    /* 图片区域 - 修复描述图片显示一半 */
    #mytable {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    
    /* 第一个tbody是图片区域 - 覆盖内联样式 */
    #mytable > tbody:first-child,
    #mytable tbody[style*="calc"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: 1 1 100% !important;
        float: none !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    #mytable tbody:first-child tr,
    #mytable tbody:first-child td,
    #mytable tbody[style*="calc"] tr,
    #mytable tbody[style*="calc"] td {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        padding: 0 !important;
    }
    
    #mytable tbody:first-child img,
    #mytable tbody[style*="calc"] img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 8px !important;
        object-fit: contain !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }
    
    /* 产品描述中的所有图片 */
    #mytable img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        overflow: visible !important;
    }
    
    /* 图片容器td */
    .style1 td img,
    td img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 信息列表区域 */
    #mytable tbody:last-child {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        display: block !important;
    }
    
    #mytable tbody:last-child tr,
    #mytable tbody:last-child td {
        width: 100% !important;
        display: block !important;
    }
    
    /* 信息项列表 */
    .ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .ul li {
        width: 100% !important;
        display: flex !important;
       /* padding: 10px !important;*/
        border-bottom: 1px solid #eee !important;
        box-sizing: border-box !important;
       /* background: #fff !important;*/
    }
    
    .ul li b {
        min-width: 85px !important;
        color: #666 !important;
        font-size: 13px !important;
        font-weight: normal !important;
    }
    
    .ul li span {
        flex: 1 !important;
        font-size: 13px !important;
        /*color: #333 !important;*/
		    color: #f1f1f163 !important;
        overflow: visible !important;
    }
    
    .ul li span a {
        color: #1677ff !important;
        font-size: 13px !important;
    }
    
    .ul .clear {
        display: none !important;
    }
    
    /* 修复hot.gif图标显示太大 */
    .ul li span img,
    .ul img,
    li img[src*="hot.gif"] {
        width: auto !important;
        max-width: none !important;
        height: 16px !important;
        max-height: 16px !important;
        display: inline-block !important;
        vertical-align: middle !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    
    /* 抖音快手按钮内的hot.gif */
    .nred img,
    .nred img[src*="hot.gif"] {
        width: auto !important;
        max-width: none !important;
        height: 14px !important;
        max-height: 14px !important;
        display: inline-block !important;
        vertical-align: middle !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    
    /* 购买区域 - 修复按钮显示不全 */
    .buynr {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 10px !important;
        box-sizing: border-box !important;
        margin-top: 10px !important;
        overflow: visible !important;
        background: #fafafa !important;
        border: 1px #ff5858 dashed !important;
        border-radius: 4px !important;
    }
    
    /* 购买按钮完整显示 - 修复图标被截断 */
    .buynr .buy {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        display: block !important;
        overflow: visible !important;
        background: transparent !important;
        border: none !important;
    }
    
    .buynr .buybtn,
    .buynr li.buybtn {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        overflow: visible !important;
        visibility: visible !important;
        margin: 8px 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
    
    .buynr .buybtn a,
    .buynr li.buybtn a {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 36px !important;
        display: block !important;
        overflow: visible !important;
        visibility: visible !important;
        line-height: 36px !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    
    /* 免费下载按钮 - 修复图标显示一半 */
    #mytable .buybtn.mf,
    #mytable .ul li.buybtn.mf,
    .buynr li.buybtn.mf {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 50px !important;
        display: block !important;
        overflow: visible !important;
        margin: 10px 0 !important;
        border: none !important;
    }
    
    #mytable .buybtn.mf a,
    #mytable .ul li.buybtn.mf a,
    .buynr li.buybtn.mf a {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 50px !important;
        display: block !important;
        overflow: visible !important;
        background-size: contain !important;
        background-position: center !important;
        line-height: 50px !important;
        padding: 5px 10px !important;
        box-sizing: border-box !important;
    }
    
    /* 手机端默认隐藏百度网盘链接，点击后才显示 */
    #mytable .buybtn.mf a.smf,
    #mytable #downloadLink,
    .buynr li.buybtn.mf a.smf {
        display: none !important;
    }
    
    /* 免费下载链接 - 百度网盘链接自适应 */
    #mytable .buybtn.mf a.smf[style*="block"],
    #mytable #downloadLink[style*="block"],
    .buynr li.buybtn.mf a.smf[style*="block"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 36px !important;
        overflow: visible !important;
        line-height: 1.5 !important;
        padding: 10px 15px !important;
        text-align: center !important;
        word-break: break-all !important;
        box-sizing: border-box !important;
        background: none !important;
        color: #a81ffd !important;
        font-size: 14px !important;
        border: 1.8px dashed #a81ffd !important;
        border-radius: 4px !important;
        text-decoration: none !important;
        margin: 5px 0 !important;
    }
    
    /* 收藏按钮 */
    .buynr li.add-to-favorite {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin: 10px 0 !important;
		 position: static !important;
    }
    
    .buynr li.add-to-favorite .icon {
        margin: 0 auto !important;
    }
    
    /* 版本介绍标签 - 修复内容显示不完整 */
    .n1 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        display: block !important;
    }
    
    .n1 > div {
        overflow: visible !important;
        max-width: 100% !important;
    }
    
    /* 确保ul正确显示 */
    .Version-introduction-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 0 10px 0 !important;
        list-style: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        float: none !important;
        clear: both !important;
    }
    
    .Version-introduction-list li {
        padding: 8px 15px !important;
        background: #f0f0f0 !important;
        border-radius: 4px !important;
        font-size: 13px !important;
        float: none !important;
        display: inline-block !important;
        margin: 0 !important;
        vertical-align: top !important;
    }
    
    /* 修复 .nred 在 ul 内的问题 - 确保它显示在列表下方 */
    .n1 ul.Version-introduction-list > .nred,
    .Version-introduction-list .nred {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        float: none !important;
        position: static !important;
         margin: -5px 0 5px 0 !important;
        padding: 5px 0 !important;
        background: transparent !important;
        border: none !important;
        overflow: visible !important;
        z-index: auto !important;
        box-sizing: border-box !important;
    }
    
    /* 抖音快手链接容器 - 手机端自适应 */
    div.nred,
    .nred {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        float: none !important;
        position: relative !important;
        overflow: visible !important;
        z-index: 1 !important;
        margin: 10px 0 !important;
        padding: 8px 5px !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: none !important;
    }
    
    /* 抖音快手链接 - 并排显示，类似电脑端样式 */
    div.nred a,
    .nred a {
        display: inline-block !important;
        width: calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
        font-size: 14px !important;
        padding: 8px 10px !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
        margin: 5px 10px !important;
        line-height: 1.4 !important;
        vertical-align: middle !important;
        color: #f00 !important;
        border-radius: 3px !important;
        border: 1px solid #f00 !important;
        float: none !important;
    }
    
    /* 链接图标样式 - 缩小图标 */
    div.nred a img,
    .nred a img {
        max-height: 12px !important;
        max-width: 12px !important;
        vertical-align: middle !important;
        margin-left: 3px !important;
        display: inline-block !important;
    }
    
    /* 链接悬停效果 */
    div.nred a:hover,
    div.nred a:active,
    .nred a:hover,
    .nred a:active {
        background: #e8e8e8 !important;
        color: #EB314C !important;
    }
    
    /* 清理浮动 - 确保下方内容不被遮挡 */
    div.nred::after,
    .nred::after {
        content: '' !important;
        display: block !important;
        clear: both !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }
    
    /* 确保下方内容不被遮挡 - 强制清除 */
    div.nred + *,
    .nred + * {
        clear: both !important;
        margin-top: 0 !important;
        display: block !important;
        position: relative !important;
    }
    
    /* 修复 n1 容器内的布局 */
    .n1 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        clear: both !important;
        float: none !important;
        position: static !important;
    }
    
    /* 确保红色提示框不被遮挡 */
    .n1 > div[style*="border:1px solid #f00"],
    .n1 > div[style*="border:1px solid #F00"],
    .n1 div[style*="border:1px solid #f00"],
    .n1 div[style*="border:1px solid #F00"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        clear: both !important;
        margin-top: 120px !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 0 !important;
    }
    
    /* 正文内容区域 - 修复溢出问题 */
    .n1 > div[style*="border:1px solid #f00"],
    .n1 > div[style*="border:1px solid #F00"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        margin-top: 120px !important;
    }
    
    .n1 > div[style*="border:1px solid #f00"] > div,
    .n1 > div[style*="border:1px solid #F00"] > div {
        overflow: visible !important;
    }
    
    .n1 p {
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
        margin: 10px 0 !important;
        overflow: visible !important;
        clear: both !important;
    }
    
    /* 确保 n1 内的所有 div 都有足够的 margin-top */
    .n1 > div {
        margin-top: 80px !important;
    }
    
    /* 正文图片 - 修复图片显示一半 - 覆盖HTML内联样式 */
    .n1 p img,
    .n1 > div img,
    .n1 > div > div img,
    .n1 > div > div > p img,
    .n1 > div[style*="border:1px solid"] p img,
    .n1 > div[style*="border:1px solid"] > div p img,
    .postcontent p img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 6px !important;
        margin: 10px 0 !important;
        display: block !important;
        overflow: visible !important;
        object-fit: contain !important;
    }
    
    /* 正文内容容器 */
    .n1 > div[style*="border:1px solid"] {
        max-width: 100% !important;
        width: 100% !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    .n1 > div[style*="border:1px solid"] > div {
        max-width: 100% !important;
        width: 100% !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    /* 正文内嵌p标签 */
    .n1 > div[style*="border:1px solid"] > div > p {
        text-align: center !important;
        overflow: visible !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .n1 > div[style*="border:1px solid"] > div > div {
        overflow: visible !important;
    }
    
    /* 正文内文字 */
    .n1 > div[style*="border:1px solid"] > div > div > p {
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
        margin: 8px 0 !important;
        overflow: visible !important;
        text-align: center !important;
    }
    
    /* 图片弹窗按钮 */
    .popup-btn {
        padding: 8px 12px !important;
        font-size: 16px !important;
    }
    
    .popup-btn.left { left: 10px !important; }
    .popup-btn.right { right: 10px !important; }
    
    /* 底部 */
    .footer {
        padding: 20px 0 !important;
        margin-top: 20px !important;
    }
    
    .mzontitle3 p {
        font-size: 12px !important;
        line-height: 1.8 !important;
        color: #555 !important;
    }
}

@media screen and (max-width: 480px) {
    .t_title {
        font-size: 14px !important;
    }
    
    .ul li {
        padding: 8px !important;
    }
    
    .ul li b {
        min-width: 70px !important;
        font-size: 12px !important;
    }
    
    .ul li span {
        font-size: 12px !important;
    }
    
    .n1 p {
        font-size: 13px !important;
    }
    
    .Version-introduction-list li {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
}

/* ========== 教程页面/文章页面手机自适应 ========== */
@media screen and (max-width: 768px) {
    /* 教程正文内容区域 */
    .jiaocheng .n1,
    .jiaocheng-content .n1,
    .article .n1 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    /* 教程正文所有段落 */
    .n1 p {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
        margin: 10px 0 !important;
        padding: 0 5px !important;
        box-sizing: border-box !important;
        text-align: left !important;
        overflow: visible !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
    }
    
    /* 教程正文图片 - 全面适配 */
    .n1 img,
    .n1 p img,
    .n1 > img,
    .n1 > p > img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px auto !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    /* 教程正文标题 */
    .n1 h1,
    .n1 h2,
    .n1 h3,
    .n1 h4 {
        width: 100% !important;
        font-size: 16px !important;
        text-align: left !important;
        padding: 10px 5px !important;
        box-sizing: border-box !important;
    }
    
    /* 教程正文hr分隔线 */
    .n1 hr {
        width: 100% !important;
        margin: 15px 0 !important;
    }
    
    /* 教程正文超链接 */
    .n1 a {
        word-wrap: break-word !important;
        word-break: break-all !important;
    }
    
    /* 教程正文加粗文字 */
    .n1 strong,
    .n1 b {
        word-wrap: break-word !important;
    }
}

/* ========== 教程列表页手机自适应 ========== */
@media screen and (max-width: 768px) {
    /* 列表容器 */
    .mzon,
    .mzon_star,
    .page1,
    .main,
    .mzon ul,
    .mzon_star ul {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    /* 列表头部行 */
    .mzon {
        display: none !important;
    }
    
    /* 列表项 */
    .mzon_star {
        width: 100% !important;
        margin: 8px 0 !important;
        padding: 12px 10px !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    }
    
    /* 列表项ul改为flex垂直布局 */
    .mzon_star ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    /* 每个列表项单元格 - 全部单独一行 */
    .mzon_star ul li {
        width: 100% !important;
        padding: 2px 0 !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        text-align: left !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* 标签样式 */
    .mzon_star ul li::before {
        content: attr(data-label) !important;
        display: inline-block !important;
        min-width: 70px !important;
        font-weight: bold !important;
        color: #666 !important;
        font-size: 12px !important;
    }
    
    /* 引擎类型 */
    .mzon_star ul li.stx1 {
        font-weight: bold !important;
        color: #EB314C !important;
        font-size: 13px !important;
    }
    
    .mzon_star ul li.stx1::before {
        content: "引擎类型：" !important;
    }
    
    /* 标题内容 */
    .mzon_star ul li.stx2 {
        font-size: 14px !important;
        border-bottom: 1px dashed #eee !important;
        padding-bottom: 10px !important;
    }
    
    .mzon_star ul li.stx2::before {
        content: "主题内容：" !important;
    }
    
    .mzon_star ul li.stx2 a {
        font-size: 14px !important;
        color: #333 !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
    }
    
    /* 日期 */
    .mzon_star ul li.stx3::before {
        content: "更新日期：" !important;
    }
    
    .mzon_star ul li.stx3 {
        color: #888 !important;
        font-size: 12px !important;
    }
    
    /* 浏览热度 */
    .mzon_star ul li.stx5::before {
        content: "浏览热度：" !important;
    }
    
    .mzon_star ul li.stx5 {
        color: #f60 !important;
        font-weight: bold !important;
    }
    
    /* 难度 */
    .mzon_star ul li.stx6::before {
        content: "上手难度：" !important;
    }
    
    .mzon_star ul li.stx6 {
        display: flex !important;
        align-items: center !important;
    }
    
    .mzon_star ul li.stx6 img {
        height: 18px !important;
        width: auto !important;
        margin-left: 5px !important;
    }
    
    /* 点击查看按钮 */
    .mzon_star ul li.stx4 {
        margin-top: 5px !important;
        padding-top: 10px !important;
        border-top: 1px solid #f5f5f5 !important;
    }
    
    .mzon_star ul li.stx4::before {
        display: none !important;
    }
    
    .mzon_star ul li.stx4 a {
        display: inline-block !important;
        width: 100% !important;
        background: linear-gradient(135deg, #EB314C 0%, #d62b44 100%) !important;
        color: #fff !important;
        padding: 10px 15px !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        text-align: center !important;
        text-decoration: none !important;
        font-weight: bold !important;
    }
}

/* ========== 工具下载页面手机自适应 ========== */
@media screen and (max-width: 768px) {
    /* 工具页面容器 */
    .wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
        border-radius: 0 !important;
    }
    
    /* 工具标题 */
    .gongju-tit {
        width: 100% !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    
    /* 左侧菜单 - 改为顶部横向滚动 */
    .gongju-menu {
        width: 100% !important;
        float: none !important;
        min-height: auto !important;
        background: #f8f9fa !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        padding: 10px 0 !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .gongju-menu ul#gongjuli {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        padding: 0 10px !important;
        width: max-content !important;
    }
    
    .gongju-menu ul#gongjuli li {
        width: auto !important;
        height: 35px !important;
        line-height: 35px !important;
        flex-shrink: 0 !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        border-radius: 20px !important;
        margin: 0 !important;
    }
    
    .gongju-menu ul#gongjuli li.active {
        background: #6c5ce7 !important;
        color: #fff !important;
        border-color: #6c5ce7 !important;
    }
    
    .gongju-menu ul#gongjuli li a {
        padding: 0 12px !important;
        font-size: 13px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .gongju-menu ul#gongjuli li .cqgj {
        width: 16px !important;
        height: 16px !important;
        margin-right: 5px !important;
    }
    
    /* 右侧内容区 */
    .gongju-box {
        width: 100% !important;
        float: none !important;
        padding: 10px !important;
        min-height: auto !important;
    }
    
    /* 分类标题 */
    .gongju-title {
        font-size: 14px !important;
        padding: 10px 0 !important;
        margin-bottom: 10px !important;
        border-bottom: 2px solid #6c5ce7 !important;
		    height: 100% !important;
    }
    
    .gongju-title .cqgj {
        width: 20px !important;
        height: 20px !important;
        vertical-align: middle !important;
        margin-right: 5px !important;
    }
    
    /* 工具卡片列表 - 改为单列显示 */
    .gongju-list ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .gongju-list ul li {
        width: 100% !important;
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
        overflow: hidden !important;
        margin: 0 !important;
    }
    
    .gongju-list ul li:hover {
        background: #fff !important;
        box-shadow: 0 4px 12px rgba(108, 92, 231, 0.2) !important;
        transform: translateY(-2px) !important;
        transition: all 0.2s !important;
    }
    
    .gongju-list ul li a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 12px !important;
        gap: 12px !important;
    }
    
    /* 卡片图标 */
    .gongju-list ul li .img {
        flex-shrink: 0 !important;
        width: 50px !important;
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }
    
    .gongju-list ul li .img img {
        max-width: 30px !important;
        max-height: 30px !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* 卡片文字 */
    .gongju-list ul li .txt {
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    .gongju-list ul li .txt h3 {
        font-size: 14px !important;
        text-align: left !important;
        margin-bottom: 4px !important;
        color: #333 !important;
    }
    
    .gongju-list ul li .txt p {
        font-size: 12px !important;
        color: #888 !important;
        display: block !important;
        -webkit-line-clamp: 2 !important;
        line-height: 1.4 !important;
    }
}

/* ========== 首页公告列表手机自适应 ========== */
@media screen and (max-width: 768px) {
    /* 公告列表容器 */
    .mzon,
    .mzon-list,
    .mzon_star {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    /* 列表头部行 - 隐藏 */
    .mzon {
        display: none !important;
    }
    
    /* 公告列表项 - 卡片式布局 */
    .mzon_star {
        width: 100% !important;
        margin: 8px 0 !important;
        padding: 12px 10px !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
    }
    
    .mzon_star:hover {
        box-shadow: 0 4px 12px rgba(108, 92, 231, 0.15) !important;
    }
    
    /* 列表项ul - 改为flex垂直布局 */
    .mzon_star ul {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    /* 每个列表项单元格 */
    .mzon_star ul li {
        width: 100% !important;
        padding: 2px 0 !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        text-align: left !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* 标签样式 */
    .mzon_star ul li::before {
        content: attr(data-label) !important;
        display: inline-block !important;
        min-width: 70px !important;
        font-weight: bold !important;
        color: #666 !important;
        font-size: 12px !important;
        flex-shrink: 0 !important;
    }
    
    /* 版本类型标签 */
    .mzon_star ul li.st1 {
        display: none !important;
    }
    
    /* 版本名称 */
    .mzon_star ul li.st2 {
        font-weight: bold !important;
        font-size: 14px !important;
        border-bottom: 1px dashed #eee !important;
        padding-bottom: 8px !important;
        margin-bottom: 2px !important;
    }
    
    .mzon_star ul li.st2::before {
        content: "版本名称：" !important;
        color: #6B08FF !important;
    }
    
    .mzon_star ul li.st2 a {
        color: #6B08FF !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
    }
    
    /* 引擎类型 */
    .mzon_star ul li.st49 {
        color: #EB314C !important;
        font-weight: bold !important;
    }
    
    .mzon_star ul li.st49::before {
        content: "类型：" !important;
    }
    
    /* 更新日期 */
    .mzon_star ul li.st0 {
        color: #888 !important;
        font-size: 12px !important;
    }
    
    .mzon_star ul li.st0::before {
        content: "更新日期：" !important;
    }
    
    /* 演示网站按钮 */
    .mzon_star ul li.st51 {
        display: block !important;
    }
    
    .mzon_star ul li.st51::before {
        content: "演示网站：" !important;
    }
    
    .mzon_star ul li.st51 a.sta {
        display: inline-block !important;
        padding: 5px 12px !important;
        background: #EB314C !important;
        color: #fff !important;
        border-radius: 4px !important;
        font-size: 12px !important;
        text-decoration: none !important;
    }
    
    .mzon_star ul li.st51 a.sta[style*="background:#090"] {
        background: #28a745 !important;
    }
    
    /* 价格 */
    .mzon_star ul li.st50 {
        color: #f60 !important;
        font-weight: bold !important;
        font-size: 16px !important;
    }
    
    .mzon_star ul li.st50::before {
        content: "价格：" !important;
    }
    
    /* 购买/下载按钮 */
    .mzon_star ul li.st52 {
        padding-top: 5px !important;
        border-top: 1px solid #f5f5f5 !important;
    }
    
    .mzon_star ul li.st52::before {
        display: none !important;
    }
    
    .mzon_star ul li.st52 a {
        display: block !important;
        width: 100% !important;
        padding: 10px 15px !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        color: #fff !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        text-align: center !important;
        text-decoration: none !important;
    }
    
    .mzon_star ul li.st52 a.djxzbtn {
        background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    }
}