/* 宠物技能页核心容器 */
.pet-skill-wrapper {
    width: 1200px;
    margin: 0 auto 40px;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 8fr 3fr; /* 主内容区+侧边栏 保留固定布局 */
    gap: 25px;
}

/* 主内容卡片 - 保留position: relative，伪元素相对该卡片定位 */
.pet-skill-main-card {
    /* 替换：奶油木色渐变背景 */
    background: linear-gradient(135deg, #f0e8d8, #e8e0c8);
    /* 替换：浅木色边框 */
    border: 1px solid rgba(168, 136, 96, 0.35);
    border-radius: 8px;
    padding: 30px;
    /* 替换：暖调阴影 */
    box-shadow: 0 4px 15px rgba(168, 136, 96, 0.15);
    position: relative; /* 保留相对定位 */
}

/* 伪元素 - 保留宽度100%，替换暖调渐变 */
.pet-skill-main-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 3px;
    /* 替换：暖调渐变装饰线 */
    background: linear-gradient(90deg, #e69a88, #f0d99c, #e87a6f);
    border-radius: 8px 8px 0 0;
    box-sizing: border-box; /* 保留：确保宽度包含边框 */
}

/* 面包屑导航 */
.pet-skill-breadcrumb {
    /* 替换：中木纹文字 */
    color: #786040;
    font-size: 14px;
    margin-bottom: 20px;
}

.pet-skill-breadcrumb a {
    /* 替换：浅杏色链接 */
    color: #e69a88;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pet-skill-breadcrumb a:hover {
    /* 替换：珊瑚红hover */
    color: #e87a6f;
    text-decoration: underline;
}

.pet-skill-breadcrumb span {
    margin: 0 8px;
    /* 替换：浅杏色分隔符 */
    color: #e69a88;
}

/* 宠物技能页面标题 */
.pet-skill-title {
    /* 替换：浅杏色标题 */
    color: #e69a88;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    /* 替换：奶油黄文字阴影 */
    text-shadow: 0 0 10px rgba(240, 217, 156, 0.5);
}

/* 技能介绍文本 */
.pet-skill-intro {
    /* 替换：深木纹文字 */
    color: #584830;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* 宠物技能表格样式 */
.pet-skill-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

/* 表格表头 */
.pet-skill-table thead tr {
    /* 替换：暖调渐变表头背景 */
    background: linear-gradient(90deg, #e69a88, #f0d99c);
}

.pet-skill-table th {
    /* 替换：白色表头文字 */
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 15px;
    text-align: left;
    /* 替换：浅木色边框 */
    border: 1px solid rgba(168, 136, 96, 0.45);
}

/* 表格内容行 */
.pet-skill-table tbody tr {
    /* 替换：奶油木色半透背景 */
    background: rgba(240, 232, 216, 0.2);
    transition: background 0.3s ease;
}

.pet-skill-table tbody tr:nth-child(even) {
    /* 替换：隔行浅木色背景 */
    background: rgba(240, 232, 216, 0.1);
}

.pet-skill-table tbody tr:hover {
    /* 替换：浅杏色hover高亮 */
    background: rgba(230, 154, 136, 0.15);
}

.pet-skill-table td {
    /* 替换：深木纹文字 */
    color: #584830;
    font-size: 15px;
    padding: 12px 15px;
    /* 替换：浅木色边框 */
    border: 1px solid rgba(168, 136, 96, 0.25);
}

/* 核心关联A标签样式（宠物技能名称/类型等） */
.pet-skill-link {
    /* 替换：浅杏色默认文字 */
    color: #e69a88;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pet-skill-link:hover {
    /* 替换：珊瑚红hover */
    color: #e87a6f;
    text-decoration: none;
}

.pet-skill-link.active {
    /* 替换：浅杏色激活态 */
    color: #e69a88;
    font-weight: 600;
}

/* 侧边栏样式 */
.pet-skill-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 分类卡片 */
.pet-search-card {
    /* 替换：奶油木色渐变背景 */
    background: linear-gradient(135deg, #f0e8d8, #e8e0c8);
    /* 替换：浅木色边框 */
    border: 1px solid rgba(168, 136, 96, 0.35);
    border-radius: 8px;
    padding: 20px;
    /* 替换：暖调阴影 */
    box-shadow: 0 4px 15px rgba(168, 136, 96, 0.15);
}

/* 分类标题 */
.pet-sidebar-title {
    /* 替换：浅杏色标题 */
    color: #e69a88;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 8px;
    /* 替换：浅木色分隔线 */
    border-bottom: 1px solid rgba(168, 136, 96, 0.25);
}

/* 分类列表 */
.pet-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pet-category-list li {
    margin-bottom: 10px;
}

.pet-category-list a {
    /* 替换：深木纹文字 */
    color: #584830;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    padding: 6px 8px;
    border-radius: 4px;
}

.pet-category-list a:hover {
    /* 替换：白色hover文字 */
    color: #fff;
    /* 替换：浅杏色hover背景 */
    background: rgba(230, 154, 136, 0.2);
    padding-left: 12px;
}

/* 分页样式（适配宠物技能页） */
.pet-skill-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.pet-skill-pagination-btn {
    /* 替换：浅杏色半透背景 */
    background: rgba(230, 154, 136, 0.2);
    /* 替换：浅木色边框 */
    border: 1px solid rgba(168, 136, 96, 0.45);
    /* 替换：深木纹文字 */
    color: #584830;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
    text-decoration: none; /* 保留：去掉A标签下划线 */
}

.pet-skill-pagination-btn:hover {
    /* 替换：浅杏色hover背景 */
    background: rgba(230, 154, 136, 0.3);
    /* 替换：珊瑚红hover文字 */
    color: #e87a6f;
    /* 替换：浅杏色hover边框 */
    border-color: #e69a88;
}

.pet-skill-pagination-btn.active {
    /* 替换：暖调渐变激活背景 */
    background: linear-gradient(135deg, #e69a88, #f0d99c);
    /* 替换：白色激活文字 */
    color: #fff;
    /* 替换：浅杏色激活边框 */
    border-color: #e69a88;
    /* 替换：暖调激活阴影 */
    box-shadow: 0 0 10px rgba(230, 154, 136, 0.4);
}