/* skin/css/list.css */

.tech-tabs {
    display: flex; gap: 10px; padding: 15px; border-bottom: var(--line-solid);
    overflow-x: auto; background: var(--bp-light-blue);
}
.tt-item {
    padding: 6px 18px; background: #fff; border: 1px solid var(--bp-blue);
    font-size: 12px; font-weight: bold; color: var(--bp-blue);
    white-space: nowrap; cursor: pointer;
    flex-shrink: 0;
}
.tt-item.active {
    background: var(--bp-blue); color: #fff;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}

.tech-row {
    display: flex; align-items: center; padding: 15px;
    border: 1px solid #ccc; background: #fff; margin-bottom: 12px;
    position: relative;
}
.tech-row::before {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--bp-blue);
}
.tech-row img { width: 48px; height: 48px; margin-right: 15px; border: 1px solid #eee; }
.tr-data { flex: 1; }
.tr-data h3 { font-size: 15px; font-weight: bold; margin-bottom: 4px; }
.tr-data p { font-size: 12px; font-family: monospace; color: var(--bp-sub); }

/* --- 蓝图风格分页 (修复版) --- */
.tspage {
    margin-top: 30px;
    padding: 20px;
    border-top: 1px dashed var(--bp-blue);
    text-align: center;
    font-family: monospace;
}

/* 统计文字 */
.tspage .tsp_count {
    display: none; margin-bottom: 15px;
    font-size: 12px; color: var(--bp-sub);
}
.tspage .tsp_count i, .tspage .tsp_count b { 
    color: var(--bp-blue); font-weight: bold; font-style: normal;
}

/* 导航容器 */
.tspage .tsp_nav {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 6px;
    align-items: center;
}

/* 按钮样式 */
.tspage a, .tspage b, .tspage i {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 32px; height: 32px; padding: 0 8px;
    border: 1px solid var(--bp-blue);
    font-size: 12px; font-weight: bold;
    text-decoration: none;
    background: #fff; color: var(--bp-blue);
    cursor: pointer;
}

/* 选中状态 */
.tspage b {
    background: var(--bp-blue); color: #fff;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}

/* Hover */
.tspage a:hover {
    background: var(--bp-light-blue);
}

/* 禁用文字 (首页/上一页) */
.tspage i {
    border: 1px solid #ccc; color: #ccc; cursor: default;
    background: #f9f9f9;
}
/* 修正：如果是链接内的 i 标签，取消边框 (因为外层 a 已经有边框了) */
.tspage a i {
    border: none; background: transparent; padding: 0; min-width: auto; height: auto;
    color: inherit;
}