/**
 * Information ITwuyu Frontend Styles
 * Version: 1.0.36
 */
/* 前端显示样式 - 信息调用插件 v1.0.6 */
.information-block-wrapper {
    margin: 28px 0;
    position: relative;
    clear: both;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
    display: block;
    padding: 0;
}

/* 新闻列表样式 */
.information-news-list {
    width: 100%;
}

.news-item {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.news-item:last-child {
    border-bottom: none;
}

.news-item h3 {
    margin: 0 0 10px 0;
    font-size: 1.2em;
}

.news-item h3 a {
    color: #333;
    text-decoration: none;
}

.news-item h3 a:hover {
    color: #0073aa;
}

.news-meta {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 10px;
}

.news-meta span {
    margin-right: 15px;
}

.news-excerpt {
    color: #555;
    line-height: 1.6;
}

/* 产品列表样式 */
.information-product-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.product-item {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px;
    transition: box-shadow 0.3s ease;
}

.product-item:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.product-image img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.product-item h3 {
    margin: 15px 0 10px 0;
    font-size: 1.1em;
}

.product-item h3 a {
    color: #333;
    text-decoration: none;
}

.product-item h3 a:hover {
    color: #0073aa;
}

.product-excerpt {
    color: #555;
    font-size: 0.9em;
    line-height: 1.5;
    margin-bottom: 10px;
}

.product-meta {
    font-size: 0.85em;
    color: #666;
}

/* 新闻基础风格 */
.information-style-news-basic .information-news-list {
    border-left: 3px solid #0073aa;
    padding-left: 20px;
}

.information-style-news-basic .news-item {
    border-bottom: 1px dashed #ddd;
    padding: 15px 0;
}

.information-style-news-basic .news-item h3 {
    font-size: 1.1em;
    margin: 0 0 8px 0;
}

.information-style-news-basic .news-meta {
    font-size: 0.85em;
}

/* 产品基础风格 */
.information-style-product-basic .information-product-list {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
}

.information-style-product-basic .product-item {
    text-align: center;
    padding: 10px;
}

.information-style-product-basic .product-image {
    margin-bottom: 10px;
}

.information-style-product-basic .product-image img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

.information-style-product-basic .product-item h3 {
    font-size: 1em;
    margin: 10px 0 5px 0;
}

/* ==========================================
 * 基础分页样式
 * 这些样式为所有分页提供基础外观和行为
 * ========================================== */
.information-pagination {
    margin: 30px 0;
    text-align: center;
}

.information-pagination ul {
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.information-pagination li {
    margin: 0;
}

.information-pagination a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    color: #333;
    border-right: 1px solid #eee;
    transition: all 0.3s ease;
}

.information-pagination li:last-child a {
    border-right: none;
}

.information-pagination a:hover,
.information-pagination a.current {
    background: #0073aa;
    color: #fff;
}

.information-pagination a.disabled {
    color: #999;
    cursor: not-allowed;
}

.information-pagination a.disabled:hover {
    background: transparent;
    color: #999;
}

.loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

/* ==========================================
 * 特定分页样式
 * 这些样式覆盖基础样式以提供不同的外观
 * 注意：这些样式必须位于基础样式之后
 * ========================================== */

/* 默认分页样式 */
.pagination-style-default .information-pagination ul {
    box-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
    border-radius: 3px !important;
    border: none !important;
}

.pagination-style-default .information-pagination li {
    margin: 0 !important;
}

.pagination-style-default .information-pagination a {
    border-right: 1px solid #eee !important;
    display: block !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

.pagination-style-default .information-pagination li:first-child a {
    border-radius: 3px 0 0 3px !important;
}

.pagination-style-default .information-pagination li:last-child a {
    border-radius: 0 3px 3px 0 !important;
    border-right: none !important;
}

.pagination-style-default .information-pagination li:not(:first-child):not(:last-child) a {
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    text-align: center !important;
    padding: 8px 15px !important;
    display: block !important;
    margin: 0 !important;
}

/* 简洁分页样式 */
div.pagination-style-simple .information-pagination ul {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

div.pagination-style-simple .information-pagination li {
    margin: 0 !important;
}

div.pagination-style-simple .information-pagination a {
    border-right: 1px solid #ddd !important;
    display: block !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

div.pagination-style-simple .information-pagination li:first-child a {
    border-radius: 0 !important;
}

div.pagination-style-simple .information-pagination li:last-child a {
    border-radius: 0 !important;
    border-right: none !important;
}

div.pagination-style-simple .information-pagination li:not(:first-child):not(:last-child) a {
    border-radius: 0 !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center !important;
    padding: 0 !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 圆角分页样式 */
div.pagination-style-rounded .information-pagination ul {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
    border: 1px solid #eee !important;
}

div.pagination-style-rounded .information-pagination li {
    margin: 0 !important;
}

div.pagination-style-rounded .information-pagination a {
    border-right: 1px solid #eee !important;
    display: block !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

div.pagination-style-rounded .information-pagination li:first-child a {
    border-radius: 20px 0 0 20px !important;
}

div.pagination-style-rounded .information-pagination li:last-child a {
    border-radius: 0 20px 20px 0 !important;
    border-right: none !important;
}

div.pagination-style-rounded .information-pagination li:not(:first-child):not(:last-child) a {
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-align: center !important;
    padding: 0 !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .information-block-wrapper {
        margin: 20px 0;
    }
    
    .information-product-list {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: 15px;
    }
    
    .product-item {
        padding: 10px;
    }
    
    .news-item {
        padding: 15px 0;
    }
    
    .information-pagination a {
        padding: 6px 12px;
    }
    
    .information-pagination li {
        margin: 0;
    }
}

@media (max-width: 480px) {
    .information-block-wrapper {
        margin: 16px 0;
    }
    
    .information-product-list {
        gap: 10px;
    }
    
    .news-meta span {
        display: block;
        margin: 5px 0;
    }
    
    .information-pagination ul {
        flex-wrap: wrap;
    }
    
    .information-pagination a {
        padding: 5px 10px;
        font-size: 0.9em;
    }
    
    /* 在小屏幕上调整圆角样式 */
    .pagination-style-rounded .information-pagination li:first-child a {
        border-radius: 10px 0 0 10px !important;
    }
    
    .pagination-style-rounded .information-pagination li:last-child a {
        border-radius: 0 10px 10px 0 !important;
    }
    
    .pagination-style-rounded .information-pagination li:not(:first-child):not(:last-child) a {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        border-radius: 50% !important;
    }
    
    /* 在小屏幕上调整简洁样式 */
    .pagination-style-simple .information-pagination li:not(:first-child):not(:last-child) a {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }
}