/* 卡片容器样式 */
    #posts-pay.tianyu-pay-box-modern {
        margin: 20px auto;
        border-radius: 12px;
        border: 1px dashed  #e2e8f0;
        overflow: hidden;
        box-shadow: 0 0 10px var(--main-shadow);
        transition: all 0.3s ease;
    }

    /* 左右布局容器 */
    .tianyu-pay-layout {
        display: flex;
        align-items: stretch;
        padding: 20px;
    }

    /* 夜间模式 */
    .dark-theme .tianyu-pay-layout {
        background-color: var(--body-bg-color);
    }

    /* 左侧封面图 */
    .tianyu-pay-thumbnail {
        flex: 0 0 40%;
        width: 40%;
        display: flex;
        position: relative;
        /*aspect-ratio: 16/10;*/
        min-height: 200px;
    }

    .tianyu-pay-thumbnail img {
        width: 100%;
        height: 100%;
        border-radius: 12px;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    /* 天域图库样式 - 免费1张时自适应 */
    .tianyu-gallery-wrapper-single {
        display: flex !important;
        gap: 10px;
        width: 100%;
        height: 100%;
    }
    
    .tianyu-gallery-slide {
        flex: 1;
        min-width: 0;
    }
    
    .tianyu-gallery-graphic {
        padding-bottom: 0 !important;
        height: 100% !important;
        position: relative !important;
    }
    
    .tianyu-gallery-graphic img {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* 天域图库样式 - 免费多张时的swiper容器（使用子比主题默认样式） */
    .tianyu-gallery-swiper {
        width: 100% !important;
        height: 100% !important;
    }
    
    .tianyu-gallery-swiper .swiper-wrapper {
        align-items: center !important;
        height: 100% !important;
    }
    
    /* 免费多张时图片容器撑满高度 */
    .tianyu-gallery-swiper .swiper-slide {
        height: 100% !important;
    }
    
    .tianyu-gallery-swiper .graphic {
        padding-bottom: 0 !important;
        height: 100% !important;
        position: relative !important;
    }
    
    .tianyu-gallery-swiper .graphic img {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 右侧内容区域 */
    .tianyu-pay-main {
        flex: 1;
        width: 60%;
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    /* 有封面图时，内容区域自动填充剩余空间 */
    .tianyu-pay-layout .tianyu-pay-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* 有封面图时，按钮组底部对齐 */
    .tianyu-pay-layout .tianyu-actions {
        margin-top: auto;
    }

    /* 有封面图时，右侧内容区域添加圆角 */
    .tianyu-pay-layout .tianyu-pay-main {
        border-radius: 0 12px 12px 0;
        overflow: hidden;
    }

    /* 有封面图时，左侧封面图添加圆角 */
    .tianyu-pay-layout .tianyu-pay-thumbnail {
        border-radius: 12px 0 0 12px;
        overflow: hidden;
        position: relative;
    }

    .tianyu-pay-layout .tianyu-pay-thumbnail img {
        border-radius: 0;
    }

    /* 图片角标样式 */
    .tianyu-pay-thumbnail .tianyu-resource-type {
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 10;
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    /* 已售角标样式 */
    .tianyu-pay-thumbnail .tianyu-sales-badge {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 10;
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 4px;
        background-color: rgba(0,0,0,0.3);
        color: white;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    /* 移动端响应式 */
    @media (max-width: 768px) {
        .tianyu-pay-layout {
            flex-direction: column;
            gap: 0;
        }
        
        .tianyu-pay-thumbnail {
            flex: none;
            width: 100%;
            aspect-ratio: 16/9;
            min-height: 180px;
            padding: 20px 20px 0 20px;
        }
        
        .tianyu-pay-main {
            width: 100%;
        }
        
        /* 移动端圆角重置 */
        .tianyu-pay-layout .tianyu-pay-thumbnail {
            border-radius: 12px 12px 0 0;
        }
        
        .tianyu-pay-layout .tianyu-pay-main {
            border-radius: 0 0 12px 12px;
        }

    }
    
    #posts-pay:hover {
        border-color: #cbd5e1;
    }
    
    .dark-theme #posts-pay.tianyu-pay-box-modern {
        border: 1px solid var(--body-bg-color);
    }
    
    
    .tianyu-tags-column {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 12px;
    }
    
    /* 标签和已售行 - 左右布局 */
    .tianyu-badges-sales-row {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-width: 0;
    }
    
    /* 标题在标签行内时，占据剩余空间，单行显示 */
    .tianyu-badges-sales-row .tianyu-pay-title {
        flex: 1 1 0;
        min-width: 0;
        display: block;
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        padding: 0;
        line-height: 1.4;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
        /* 移动端：标题换行显示在第二排 */
    @media (max-width: 768px) {
        .tianyu-badges-sales-row {
            flex-wrap: wrap;
        }
        
        .tianyu-badges-sales-row .tianyu-pay-title,
        .tianyu-pay-title,
        .tianyu-pay-layout .tianyu-pay-title {
            font-size: 16px;
        }
        .tianyu-badges-sales-row .tianyu-pay-title {
            flex: 1 1 100%;
            width: 100%;
            white-space: normal;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .tianyu-actions a,
        .tianyu-pay-layout .tianyu-actions a {
            padding: 6px 12px;
        }
    }
    
    /* 标题行 - 独立一行（有封面图时） */
    .tianyu-pay-title {
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        width: 100%;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
        
        /* 已售徽章 - 靠右显示 */
        .tianyu-sales-badge {
            background-color: #f7fafc;
            color: #4a5568;
            padding: 4px 12px;
            border-radius: 9999px;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            flex-shrink: 0;
        }
        
        .tianyu-sales-badge .sales-icon {
            margin-right: 4px;
        }
        
        /* 标签通用样式 */
        .tianyu-resource-type,
        .tianyu-status-badge {
            padding: 6px 16px;
            border-radius: 6px;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            letter-spacing: 0.3px;
            transition: all 0.2s ease;
            color: #ffffff;
        }
        
        .tianyu-resource-type i,
        .tianyu-status-badge i {
            font-size: 13px;
        }
        
        /* 使用子比主题自带的渐变类名，无需自定义CSS */
        .tianyu-resource-type.jb-red,
        .tianyu-resource-type.jb-yellow,
        .tianyu-resource-type.jb-blue,
        .tianyu-resource-type.jb-green,
        .tianyu-resource-type.jb-purple {
            background: var(--this-bg);
            color: var(--this-color, #fff);
        }
        
        .tianyu-status-badge.vip i.fa-crown { color: #fef3c7; font-size: 14px; }
        
        /* 内容区域 */
        .tianyu-pay-content {
            padding: 20px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .dark-theme .tianyu-pay-content {
            background-color: var(--body-bg-color);
        }
        
        /* 移动端：内容区域减少间距，删除左右边距 */
        @media (max-width: 768px) {
            .tianyu-pay-content,
            .tianyu-pay-layout .tianyu-pay-content {
                padding: 20px;
                gap: 10px;
            }
        }
        
        .tianyu-section {
            margin-bottom: 0;
        }
        
        /* 价格区域样式 */
        .tianyu-price-section {
            margin-bottom: 0;
            display: flex;
            align-items: flex-end;
            gap: 20px;
            flex-wrap: wrap;
        }
        
        .tianyu-price-section .price-box {
            flex: 0 0 auto;
        }
        
        .tianyu-vip-price {
            flex: 1 1 auto;
            margin-top: 0;
        }
        
        /* VIP价格按钮组样式 - 付费下载资源 */
        .but-average.inline {
            display: flex;
        }
        
        /* 推广折扣标签样式 */
        .tianyu-discount-tag {
            background-color: #fef3c7;
            color: #92400e;
            padding: 8px 16px;
            border-radius: 6px;
            font-size: 14px;
            margin-bottom: 0;
            border-left: 4px solid #f59e0b;
        }
        
        .section-content {
            line-height: 1.6;
            font-size: 16px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        
        /* 卡片通用样式 */
        .tianyu-pay-attributes,
        .tianyu-pay-details {
            border: none;
            box-shadow: inset 0 0 0 1px #e2e8f0;
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 0;
        }
        
        .dark-theme .tianyu-pay-attributes,
        .dark-theme .tianyu-pay-details {
            background-color: var(--body-bg-color); 
            box-shadow: inset 0 0 0 1px var(--main-bg-color);
        }
        
        .attributes-content,
        .details-content {
            line-height: 1.6;
            font-size: 16px;
        }
        
        
        .tianyu-attr-row {
            display: flex;
            justify-content: space-between;
            padding: 8px 0;
            border-bottom: 1px solid #edf2f7;
        }
        
        .dark-theme .tianyu-attr-row,
        .tianyu-attr-row:last-child {
            border-bottom: none;
        }
        
        .tianyu-attr-row .attr-key { 
            color: var(--muted-color); /* 子比主题淡色字 */
        }
        
        /* 隐藏内容样式 */
        .tianyu-premium {
            background-color: #FFFAF0;
            border: none;
            box-shadow: inset 0 0 0 1px #feebc8;
            border-radius: 12px;
            padding: 16px;
        }
        
        .dark-theme .tianyu-premium {
            background-color: var(--body-bg-color); /* 子比主题背景色 */
            box-shadow: inset 0 0 0 1px var(--main-bg-color);
        }
        
        .section-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
        }
        
        
        
        /* 下载按钮样式 */
        .tianyu-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 0;
        }
        
        .tianyu-actions a {
            text-decoration: none;
            font-weight: 500;
            padding: 12px 24px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }
        
        .tianyu-actions .tianyu-demo-btn,
        .tianyu-actions .tianyu-download-btn {
            flex: 1;
        }
        
        .tianyu-actions .tianyu-download-btn { 
            background-color: #1A202C; 
            color: #ffffff;
        }
        
        .tianyu-actions .tianyu-demo-btn:hover,
        .tianyu-actions .tianyu-download-btn:hover {
            opacity: 0.8;
        }
        

        .tianyu-actions i {
            margin-right: 8px;
        }
        
        /* 服务保障样式 */
        .tianyu-services {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }
        
        @media (min-width: 768px) {
            .tianyu-services {
                grid-template-columns: repeat(4, 1fr);
            }
        }
        
        .tianyu-service-item {
            border: none;
            box-shadow: inset 0 0 0 1px #e2e8f0;
            border-radius: 8px;
            padding: 8px 8px;
            text-align: center;
            transition: all 0.3s ease;
            font-size: 16px;
        }
        
        
        .dark-theme .tianyu-service-item {
            background-color: var(--body-bg-color);
            box-shadow: none;
        }
        
        .tianyu-service-item .icon {
            color: #c05621;
        }
        
        /* 详细信息区域样式 */
        .tianyu-pay-details-section {
            padding: 0 20px 20px 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .dark-theme .tianyu-pay-details-section {
            background-color: var(--body-bg-color);
        }