/* ========== 原有PC样式保留 ========== */
        .search-block{
            background: #fff;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .search-block-header{
            height: 48px;
            padding: 0 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #f0f0f0;
        }
        .search-block-title{
            font-size: 16px;
            font-weight: bold;
            color: #333;
        }
        .search-block-title span{
            color: #ff5722;
            margin: 0 4px;
        }
        .search-card-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            padding: 15px 20px 20px;
        }
        .search-card-item{
            border: 1px solid #eee;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.2s;
            display: flex;
            flex-direction: column;
            position: relative;
        }
        .search-card-item:hover{
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }
        .search-card-cover{
            width: 100%;
            height: 120px;
            object-fit: cover;
            display: block;
        }
        .search-card-body{
            padding: 10px 12px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .search-card-name{
            font-size: 14px;
            font-weight: 500;
            line-height: 1.4;
            height: 40px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-bottom: 8px;
        }
        .search-card-name a{ color: #333; text-decoration: none; }
        .search-card-name a:hover{ color: #ff5722; }
        .search-card-meta{
            font-size: 12px;
            color: #999;
            margin-bottom: 8px;
            display: flex;
            justify-content: space-between;
        }
        .search-card-bottom{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        .search-card-price{
            color: #ff5722;
            font-size: 16px;
            font-weight: bold;
        }
        .search-card-price.free{ color: #43a047; }
        .search-card-btn{
            display: block;
            text-align: center;
            height: 32px;
            line-height: 32px;
            background: #ff5722;
            color: #fff;
            border-radius: 2px;
            font-size: 13px;
            text-decoration: none;
        }
        .search-card-btn:hover{ opacity: 0.9; color: #fff; }
        .search-empty{
            padding: 60px 20px;
            text-align: center;
            color: #999;
            font-size: 14px;
        }

        .article-block{
            margin-top: 2px;
            background: #fff;
            border-radius: 0px;
            overflow: hidden;
        }
        .article-block-header{
            height: 45px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #308dd7;
    background: linear-gradient(to bottom, #70bcf8, #1479c9);
        }
        .article-block-title{
            font-size: 16px;
            font-weight: bold;
            color: #ffffff;
        }
        .article-block-more{
            font-size: 13px;
            color: #ffffff;
            text-decoration: none;
        }
        .article-block-more:hover{ color: #16baaa; }

        .article-tab-bar{
            padding: 0 20px;
            border-bottom: 2px solid #f0f0f0;
            display: flex;
            gap: 25px;
            background: #fafafa;
            /*overflow-x: auto;*/
        }
        .article-tab-item{
            padding: 12px 0;
            font-size: 14px;
            color: #666;
            cursor: pointer;
            border-bottom: 2px solid transparent;
            margin-bottom: -2px;
            transition: all 0.2s;
            white-space: nowrap;
        }
        .article-tab-item.active{
            color: #ff5722;
            border-bottom-color: #ff5722;
            font-weight: bold;
        }
        .article-tab-panel{
            display: none;
        }
        .article-tab-panel.active{
            display: block;
        }

        .article-list{
            padding: 15px 20px 20px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }
        .article-list-item{
            display: flex;
            gap: 12px;
            padding: 12px;
            border: 1px solid #f0f0f0;
            border-radius: 4px;
            transition: all 0.2s;
        }
        .article-list-item:hover{
            box-shadow: 0 4px 12px rgba(0,0,0,0.06);
            transform: translateY(-2px);
        }
        .article-list-cover{
            width: 120px;
            height: 90px;
            flex-shrink: 0;
            border-radius: 4px;
            overflow: hidden;
            display: block;
        }
        .article-list-cover img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .article-list-info{
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .article-list-title{
            font-size: 15px;
            font-weight: bold;
            margin: 0 0 6px 0;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .article-list-title a{ color: #333; text-decoration: none; }
        .article-list-title a:hover{ color: #1890ff; }
        .article-list-desc{
            font-size: 12px;
            color: #666;
            line-height: 1.5;
            margin: 0 0 6px 0;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .article-list-meta{
            display: flex;
            gap: 10px;
            font-size: 12px;
            color: #999;
            flex-wrap: wrap;
        }
        .article-list-meta span{
            display: flex;
            align-items: center;
            gap: 3px;
        }

        .card-shop-block{
            margin-top: 2px;
            background: #fff;
            border-radius: 0px;
            overflow: hidden;
        }
        .card-shop-header{
            height: 45px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #308dd7;
    background: linear-gradient(to bottom, #70bcf8, #1479c9);
        }
        .card-shop-title{
            font-size: 16px;
            font-weight: bold;
            color: #ffffff;
        }
        .card-shop-more{
            font-size: 13px;
            color: #ffffff;
            text-decoration: none;
        }
        .card-shop-more:hover{ color: #16baaa; }
        .card-shop-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            padding: 15px 20px 20px;
        }
        .card-shop-item{
            border: 1px solid #eee;
            border-radius: 4px;
            overflow: hidden;
            transition: all 0.2s;
            display: flex;
            flex-direction: column;
            background: #fff;
        }
        .card-shop-item:hover{
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transform: translateY(-2px);
        }
        .card-shop-cover{
            width: 100%;
            height: 180px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .card-shop-cover img{
            width: 100%;
            height: 100%;
            display: block;
        }
        .card-shop-body{
            padding: 12px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .card-shop-name{
            font-size: 15px;
            font-weight: bold;
            color: #333;
            margin-bottom: 6px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .card-shop-desc{
            font-size: 12px;
            color: #999;
            line-height: 1.5;
            height: 36px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-bottom: 8px;
        }
        .card-shop-valid{
            font-size: 12px;
            color: #ff5722;
            margin-bottom: 8px;
        }
        .card-shop-bottom{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        .card-shop-price{
            color: #ff5722;
            font-size: 18px;
            font-weight: bold;
        }
        .card-shop-stock{
            font-size: 12px;
            color: #999;
        }
        .card-shop-btn{
            display: block;
            text-align: center;
            height: 36px;
            line-height: 36px;
            background: #e53935;
            color: #fff;
            border-radius: 2px;
            font-size: 14px;
            text-decoration: none;
            margin-top: auto;
        }
        .card-shop-btn:hover{ opacity: 0.9; color: #fff; }
        .card-shop-btn.disable{
            background: #ccc;
            cursor: not-allowed;
        }

        /* ========== 手机端专属样式 ========== */
        /* 手机顶部导航 */
        #mobile-header {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 56px;
            background: #d90000;
            z-index: 9999;
            align-items: center;
            padding: 0 12px;
            box-sizing: border-box;
            gap: 10px;
        }
        .mobile-logo {
            flex-shrink: 0;
            height: 36px;
            display: block;
        }
        .mobile-logo img {
            height: 100%;
            display: block;
        }
        .mobile-search {
            flex: 1;
            min-width: 0;
            margin: 0;
        }
        .mobile-search input {
            width: 100%;
            height: 36px;
            border: none;
            border-radius: 18px;
            padding: 0 15px;
            font-size: 14px;
            box-sizing: border-box;
            outline: none;
            background: #fff;
        }
        .mobile-menu-btn {
            flex-shrink: 0;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 22px;
            cursor: pointer;
        }

        /* 手机侧边抽屉 */
        .mobile-nav-mask {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 10000;
        }
        .mobile-nav-mask.show { display: block; }
        .mobile-nav-drawer {
            position: fixed;
            top: 0;
            right: -80%;
            width: 80%;
            max-width: 300px;
            height: 100%;
            background: #fff;
            z-index: 10001;
            transition: right 0.3s ease;
            overflow-y: auto;
        }
        .mobile-nav-drawer.show { right: 0; }
        .mobile-nav-user {
            padding: 20px 15px;
            background: #f5f5f5;
            border-bottom: 1px solid #eee;
        }
        .mobile-nav-user strong {
            display: block;
            font-size: 16px;
            color: #333;
            margin-bottom: 4px;
        }
        .mobile-nav-user span {
            font-size: 13px;
            color: #666;
        }
        .mobile-nav-user a { color: #ff5722; text-decoration: none; }
        .mobile-nav-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .mobile-nav-list li {
            border-bottom: 1px solid #f0f0f0;
        }
        .mobile-nav-list li a {
            display: block;
            padding: 12px 15px;
            color: #333;
            font-size: 14px;
            text-decoration: none;
        }
        .mobile-nav-sub {
            background: #fafafa;
        }
        .mobile-nav-sub li a {
            padding-left: 30px;
            font-size: 13px;
            color: #666;
        }

        /* 手机底部Tab导航 */
        .mobile-footer-nav {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 56px;
            background: #fff;
            border-top: 1px solid #eee;
            z-index: 9999;
            justify-content: space-around;
            align-items: center;
            padding-bottom: env(safe-area-inset-bottom);
        }
        .mobile-footer-nav a {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #999;
            font-size: 12px;
            text-decoration: none;
            gap: 2px;
        }
        .mobile-footer-nav a.active { color: #ff5722; }
        .mobile-footer-nav a i {
            font-size: 20px;
            font-style: normal;
        }

        /* 资源卡片角标 */
        .resource-card, .search-card-item {
            position: relative;
        }
        .resource-card-type {
            position: absolute;
            top: 8px;
            left: 8px;
            z-index: 2;
            padding: 2px 6px;
            font-size: 11px;
            border-radius: 2px;
            color: #fff;
        }

        /* ========== 响应式适配 ========== */
        @media (max-width: 992px){
            .search-card-grid, .card-shop-grid{
                grid-template-columns: repeat(2, 1fr);
            }
            .article-list{
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px){
            /* 切换手机端布局 */
            #mobile-header { display: flex; }
            .mobile-footer-nav { display: flex; }
            #header { display: none !important; }
            .right-service-bar { display: none !important; }
            .findbox { display: none !important; }
            
            body { 
                padding-top: 56px; 
                padding-bottom: 56px; 
                margin: 0;
            }
            .wrap { 
                width: 100%; 
                padding: 0 10px; 
                box-sizing: border-box;
                margin: 0 auto;
            }
            .QQbox {
    position: relative;
    float: left;
    width: 100%;
    line-height: 36px;
    margin-top: 0px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0);
}
            .content-t, .content-b { display: none; }
            .content { padding: 10px 0; }

            /* 资源双列卡片 */
            .resource-grid, .search-card-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
                padding: 10px !important;
            }
            .resource-card-cover, .search-card-cover {
                height: 110px !important;
            }
            .resource-card-body, .search-card-body {
                padding: 8px !important;
            }
            .resource-card-title, .search-card-name {
                font-size: 13px !important;
                height: 36px !important;
                line-height: 1.4 !important;
                -webkit-line-clamp: 2;
            }
            .resource-card-price, .search-card-price {
                font-size: 15px !important;
            }
            .resource-card-btn { display: none; }

            /* 卡密双列 */
            .card-shop-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
                padding: 10px !important;
            }
            .card-shop-cover { height: 120px !important; }

            /* 文章单列 */
            .article-list {
                grid-template-columns: 1fr !important;
                padding: 10px !important;
                gap: 10px !important;
            }

            /* 区块标题 */
            .search-block-header, .resource-block-header, .article-block-header, .card-shop-header {
                height: 42px !important;
                padding: 0 12px !important;
            }
            .search-block-title, .resource-block-title, .article-block-title, .card-shop-title {
                font-size: 15px !important;
            }

            /* Banner自适应 */
            .header .banner-carousel img, .header img {
                height: auto !important;
                width: 100%;
            }

            /* 跑马灯 */
            .SMbox {
                padding: 0 10px;
                box-sizing: border-box;
            }

            /* 友情链接 */
            .friend-link-body {
                padding: 10px 12px !important;
            }

            /* 底部备案 */
            #footer {
                padding: 15px 10px !important;
                margin-bottom: 56px;
            }
            #copyright p {
                font-size: 12px !important;
                line-height: 1.6 !important;
                margin: 0;
            }

            /* 访问统计 */
            .mqi1 {
                flex-direction: column;
                padding: 8px 10px !important;
                gap: 4px;
            }
            .mqi2, .mqi3 {
                font-size: 12px;
                text-align: center;
            }

            /* 文章标签横向滚动 */
            .article-tab-bar {
                padding: 0 12px;
                gap: 18px;
            }
        }