/* ------------------------------------
 * Typecho Default Theme
 *
 * @author  Typecho Team
 * @link  http: //cpcx.cn/
 * @update  2026-4-14
 * --------------------------------- */

/* ------------------
 * Global style
 * --------------- */
:root {
            --primary-color: #007bff;
            --primary-2-color: #3a516b;
            --bg-color: #f4f6f9;
            --text-color: #333;
            --border-color: #ddd;
        }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #ffffff; margin: 0; padding: 0; line-height: 1.6; }
        a { text-decoration: none; color: var(--primary-color); }
        a:hover { text-decoration: underline; }
        
        .container { max-width: 900px; margin: 0 auto; padding: 15px; }
        
        /* Header & Search */
        .header-section { text-align: center; padding: 5px; background: #fff; border-bottom: 1px solid var(--border-color); margin-bottom: 10px;  }
        .header-section h1 { margin: 0 0 10px; color: #2c3e50; }
        
        #logo img {
    max-height: 40px;
    border-radius: 6px;
}
        
        .content-body img {
    max-width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
}
        
        
        
        .search-form { display: flex; gap: 10px; justify-content: center; margin-top: 20px; }
        .search-input { flex: 1; padding: 12px; border: 1px solid var(--border-color); border-radius: 4px; max-width: 500px; font-size: 16px; }
        .search-btn { padding: 12px 25px; background: var(--primary-2-color); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }
        .search-btn:hover { background: #0056b3; text-decoration: none; }
        
        .no-results{ padding: 10px;text-align: center; }

        /* Table */
        /* 表格容器：负责横向滚动 */
        .table-responsive {
            width: 100%;
            overflow-x: auto;          /* 开启横向滚动 */
            -webkit-overflow-scrolling: touch; /* 优化 iOS 滑动体验 */
            
        }

        /* 表格本体 */
        .data-table {
            min-width: 100%;
            border-collapse: collapse;
            background: #fff;
            /* min-width: 600px;          关键：设置最小宽度，强制触发滚动 */
        }

        /* 单元格通用样式 */
        .data-table th, .data-table td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
            white-space: nowrap;       /* 关键：强制文字不换行 */
        }

        .data-table th {
            background: #f8f9fa;
            font-weight: 600;
            color: #555;
        }

        .data-table tr:hover {
            background: #f1f1f1;
        }

        /* 链接样式 */
        .data-table a {
            color: var(--primary-color);
            font-weight: 500;
        }
        
        
        
        
        /* 标签容器 */
.category-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
}
/* 单个标签 */
.category-tags .cat-item {
    display: inline-block;
    padding: 6px 12px;
    background: #f1f3f5;
    color: #495057;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.2s;
    border: 1px solid transparent;
    text-decoration: none;
}
/* 悬停效果 */
.category-tags .cat-item:hover {
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,123,255,0.2);
}
/* 数量角标 */
.category-tags .cat-item .count {
    background: rgba(0,0,0,0.1);
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 12px;
    margin-left: 5px;
}
.category-tags .cat-item:hover .count {
    background: rgba(255,255,255,0.2);
}
        
        
        

        /* ...后面的代码保持不变... */
        .category a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin-right: 6px;
    gap: 5px;
    color: #999;
}
        /* Detail Page */
        .product-detail { background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
        .back-link { margin-bottom: 0px; }
        .meta-info { color: #666; font-size: 0.9em; margin-top: 10px; }
        .detail-grid { display: grid;grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 30px 0; padding: 20px; background: #f8f9fa; border-radius: 6px; }
        .detail-item h3 { margin: 0 0 5px; font-size: 14px; color: #666; text-transform: uppercase; }
        .detail-item p { margin: 0; font-size: 18px; font-weight: 500; color: #333; }
        
        
        
           
            /* 分页容器 */
.pagination { 
    display: flex; 
    justify-content: center; 
    align-items: center;
    gap: 15px; 
    margin-top: 0px; 
    margin-bottom: 0px;
    padding: 5px;
}

.page-navigator{margin:0;flex:1}
.page-navigator .current a{text-decoration:underline;color:inherit;pointer-events:none}
.page-navigator a:focus{background-color:var(--pico-text-selection-color)}
.page-navigator .prev{margin-right:auto}
.page-navigator .prev a:before{content:" ";margin-right:0.25rem}
.page-navigator .next{margin-left:auto;text-align:right}.page-navigator .next a:after{content:" ";margin-left:0.25rem}

/* 分页容器 (Typecho 1.3 默认生成 ul.page-navigator) */
.page-navigator { 
    display: flex; 
    justify-content: center; 
    align-items: center;
    gap: 10px; 
    margin-top: 10px; 
    margin-bottom: 10px;
    padding: 5px; /* 去掉默认列表内边距 */
    list-style: none; /* 去掉列表默认圆点 */
}

/* 列表项 (li) */
.page-navigator li { 
    margin: 0; /* 去掉默认边距 */
}

/* 链接样式 (a 标签) */
.page-navigator a {
    background: transparent;
    border: 2px solid #1e1e1e;
    padding: 6px 12px;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.2s;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    border-radius: 4px;
}

/* 鼠标悬停效果 */
.page-navigator a:hover { 
    background: var(--ink-color); 
    color: var(--bg-paper); 
    border-color: var(--ink-color);
    transform: translateY(-2px); /* 悬停时轻微上浮 */
}

/* 当前激活的页面 (Typecho 会自动给 li 添加 current 类) */
.page-navigator .current a {
    background: var(--primary-2-color);
    border-color: #5d5d5d;
    color: white;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
    cursor: default;
}

/* 禁用状态 (上一页/下一页在首尾页时) */
.page-navigator .disabled a { 
    border-color: #ccc; 
    color: #ccc; 
    cursor: not-allowed; 
    box-shadow: none;
}
.page-navigator .disabled a:hover {
    background: transparent;
    color: #ccc;
    transform: none;
}
        
        

        /* Pagination */
        .page-navigator { text-align: center; margin-top: 20px; }
        .page-navigator a, .page-navigator span { display: inline-block; padding: 8px 12px; margin: 0 2px; background: #fff; border: 1px solid var(--border-color); border-radius: 4px; }
        .page-navigator a.current { background: var(--primary-color); color: #fff; border-color: var(--primary-color); }
        
        /* Mobile */
        @media (max-width: 600px) {
            .search-form { flex-direction: column; }
            .search-input { width: 100%; box-sizing: border-box; }
            .data-table { display: block; overflow-x: auto; }
        }