
a {
    text-decoration: none;
    transition: all 0.3s ease;
}

/* ========== 宠物技能详情页核心容器 ========== */
.pet-skill-container {
    width: 1200px;
    margin: 0 auto 60px; /* 上下留白，居中对齐 */
    padding: 20px 0;
    position: relative;
    z-index: 2;
}

/* 主布局：主内容区 + 侧边栏（PC端8:3） */
.pet-skill-layout {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

/* ========== 主内容卡片样式 ========== */
.pet-skill-card {
    flex: 8; /* 主内容占8份 */
    background: #f0e8d8; /* 奶油木色卡片背景 */
    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;
}

/* 卡片顶部渐变装饰条（和全站风格统一） */
.pet-skill-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #e69a88, #e87a6f, #f0b888); /* 暖调渐变 */
    border-radius: 8px 8px 0 0;
}

/* ========== 面包屑导航样式 ========== */
.pet-skill-breadcrumb {
    font-size: 14px;
    color: #7a6953; /* 浅木纹文字色 */
    margin-bottom: 20px;
}

.pet-skill-breadcrumb a {
    color: #e69a88; /* 浅杏色链接 */
}

.pet-skill-breadcrumb a:hover {
    color: #e87a6f; /* 珊瑚红hover */
    text-decoration: underline;
}

.pet-skill-breadcrumb span {
    margin: 0 8px;
    color: #e69a88;
}

/* ========== 标题样式 ========== */
/* 主标题（H1） */
.pet-skill-main-title {
    color: #e87a6f; /* 珊瑚红主标题 */
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
    text-shadow: 0 0 8px rgba(230, 154, 136, 0.5); /* 暖调发光 */
    line-height: 1.4;
}

/* 详情副标题（H2） */
.pet-skill-detail-title {
    color: #e87a6f;
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(230, 154, 136, 0.3); /* 浅杏色分隔线 */
}

/* ========== 基础信息样式 ========== */
.pet-skill-base-info {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
    padding: 15px;
    background: rgba(230, 154, 136, 0.08); /* 浅杏色半透背景 */
    border-radius: 6px;
}

.pet-skill-base-item {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.pet-skill-base-label {
    color: #584830;
    font-weight: 600;
    margin-right: 8px;
}

.pet-skill-base-value {
    color: #7a6953;
}

.pet-skill-base-value a {
    color: #e69a88;
}

.pet-skill-base-value a:hover {
    color: #e87a6f;
}

/* ========== 详情表格样式 ========== */
/* ========== 优化后的宠物技能详情表格样式 ========== */
.pet-skill-detail-table {
    width: 100%;
    border-collapse: collapse;
    background: #f0e8d8; /* 奶油木色表格底色，和卡片统一 */
    border-radius: 6px;
    overflow: hidden;
}

.pet-skill-detail-table th,
.pet-skill-detail-table td {
    padding: 12px 15px;
    border: 1px solid rgba(230, 154, 136, 0.2); /* 浅杏色细边框 */
    text-align: left;
    font-size: 16px;
}

/* 表头（左侧标签列）：改为暖调浅杏色，避免过红刺眼 */
.pet-skill-detail-table th {
    background: linear-gradient(90deg, #e69a88, #e87a6f); /* 柔和暖调渐变 */
    color: #fff;
    font-weight: 600;
    width: 100px;
}

/* 表格内容单元格：改为暖调浅米色，避免纯白刺眼 */
.pet-skill-detail-table td {
    color: #7a6953;
    background: #f8f5ef; /* 暖调浅米色，和页面背景协调 */
}

/* 表格行hover效果：保持暖调风格 */
.pet-skill-detail-table tbody tr:hover {
    background: rgba(230, 154, 136, 0.1);
}

/* ========== 侧边栏样式 ========== */
.pet-skill-sidebar {
    flex: 3; /* 侧边栏占3份 */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 侧边栏分类卡片 */
.pet-skill-category-card {
    background: #f0e8d8; /* 奶油木色卡片背景 */
    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-skill-category-title {
    color: #e87a6f;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(230, 154, 136, 0.3);
}

/* 侧边栏分类列表 */
.pet-skill-category-list {
    list-style: none;
}

.pet-skill-category-list li {
    margin-bottom: 10px;
}

.pet-skill-category-list a {
    color: #584830;
    font-size: 15px;
    display: block;
    padding: 6px 8px;
    border-radius: 4px;
}

.pet-skill-category-list a:hover {
    color: #e87a6f;
    background: rgba(230, 154, 136, 0.2);
    padding-left: 12px; /* 鼠标悬浮缩进，提升交互感 */
}

