/* 全局变量定义 */
:root {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --active-blue: #2B52F5;
    --bg-gray: #f4f7f9;
    --text-main: #1d1d1f;
    --text-muted: #86868b;
    --card-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* Logo区域高度优化 - 添加到 price-enhanced.css 文件顶部 */

/* 调整header整体高度 */
#header {
    min-height: 85px; /* 增加最小高度 */
    padding: 12px 0; /* 增加上下内边距 */
}

/* 调整logo容器 */
#header .tsw_content {
    padding: 15px 20px; /* 增加内边距 */
    display: flex;
    align-items: center; /* 垂直居中 */
}

/* 调整logo图片 */
#header .logo img,
#header img[alt*="logo"],
.logo img {
    height: 60px; /* 增加logo高度，原来可能是40-45px */
    width: auto; /* 保持比例 */
    margin: 10px 0; /* 增加上下外边距 */
}

/* 如果logo是链接包裹的 */
#header .logo a,
#header a.logo {
    display: inline-block;
    padding: 10px 0; /* 增加可点击区域 */
}

/* 调整导航栏与logo的间距 */
#nav {
    margin-top: 0; /* 确保导航栏紧贴header */
}

/* 响应式调整 - 移动端 */
@media (max-width: 768px) {
    #header {
        min-height: 80px;
        padding: 15px 0;
    }
    
    #header .logo img,
    #header img[alt*="logo"],
    .logo img {
        height: 50px;
    }
}

body.price-center-page {
    background-color: var(--bg-gray);
    color: var(--text-main);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
    padding-bottom: 50px;
}


.tsw_content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 1. 头部标题区 */
.page-header-section {
    padding: 30px 0 15px;
}
.breadcrumb {
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 8px;
}
.page-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--text-main);
}

/* 2. 大类导航 */
.category-nav-wrapper {
    margin-bottom: 20px;
}
.list_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.list_menu .category-item {
    min-width: 100px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    font-size: 15px;
    color: #444;
    box-shadow: var(--card-shadow);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    border: 1px solid transparent;
}
.list_menu .category-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
.list_menu .category-item.cur {
    background: var(--primary-gradient);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.35);
}

/* 3. 筛选卡片 */
.filter-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: var(--card-shadow);
    margin-bottom: 20px;
}
.filter-card dl {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.filter-card dl:last-child { margin-bottom: 0; }
.filter-card dt {
    width: 80px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    
    /* 关键：让高度和行高与右侧按钮(44px)保持一致 */
    height: 44px;
    line-height: 44px; 
    margin-right: 15px;
}
.price_search_rdos {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.price_search_rdos a {
    /* 使用 Flex 布局实现文字绝对居中 */
    display: inline-flex;
    align-items: center;      /* 垂直居中 */
    justify-content: center;   /* 水平居中 */
    
    /* 尺寸控制 */
    min-width: 140px;         /* 设定最小宽度，保持视觉整齐 */
    height: 44px;             /* 设定固定高度 */
    padding: 0 15px;          /* 仅保留左右内边距 */
    
    /* 样式美化 */
    background: #f5f5f7;
    color: #333;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    box-sizing: border-box;   /* 确保边框不撑大高度 */
    cursor: pointer;
}

/* 激活状态 */
.price_search_rdos a.chk {
    background: var(--active-blue);
    color: #fff;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(43, 82, 245, 0.3);
}

.price_search_rdos a:hover {
    background: #e8e8ed;
}


/* 4. 数据表格卡片 */
.data-table-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--card-shadow);
}
.modern-table {
    width: 100%;
    border-collapse: collapse;
}
.modern-table thead th {
    background: #fafafa;
    padding: 18px 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    border-bottom: 2px solid #f1f1f1;
}
.modern-table tbody td {
    padding: 16px 12px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #f1f1f1;
}
.modern-table tbody tr:hover {
    background-color: #fcfcfd;
}

/* 关键列样式优化 */
.modern-table td:nth-child(5) {
    font-family: "Monaco", "Consolas", monospace; /* 数字等宽显示更整齐 */
    font-weight: 700;
    font-size: 15px;
    color: #000;
}

.price-up { color: #ff3b30 !important; font-weight: 600; }
.price-down { color: #34c759 !important; font-weight: 600; }

.trend-icon-img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    transition: transform 0.2s;
}
.trend-icon-img:hover { transform: scale(1.2); }

.loading-state {
    padding: 60px 0 !important;
    color: var(--text-muted);
}

.pagination-wrapper {
    padding: 20px;
    display: flex;
    justify-content: center;
    background: #fff;
    border-top: 1px solid #f1f1f1;
}
.pagination {
    display: flex;
    gap: 5px;
}
.pagination button {
    padding: 8px 14px;
    border: 1px solid #dcdfe6;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}
.pagination button:hover {
    color: var(--active-blue);
    border-color: var(--active-blue);
}
.pagination button.active {
    background: var(--active-blue);
    color: #fff;
    border-color: var(--active-blue);
}
.pagination button:disabled {
    background: #f4f4f5;
    color: #bcbec2;
    cursor: not-allowed;
}