/* 装备详情页核心容器 */
.equip-detail-wrapper {
    width: 1200px;
    margin: 0 auto 40px;
    position: relative;
    z-index: 2;
}

/* 装备详情页主卡片 */
.equip-detail-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);
}

.equip-detail-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;
}

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

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

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

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

/* 装备名称 */
.equip-detail-title {
    /* 替换：浅杏色标题 */
    color: #e69a88;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    /* 替换：奶油黄文字阴影 */
    text-shadow: 0 0 10px rgba(240, 217, 156, 0.5);
}

/* 装备基础信息表格 */
.equip-base-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 25px;
}

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

.equip-base-table th {
    /* 替换：浅杏色半透背景 */
    background: rgba(230, 154, 136, 0.1);
    /* 替换：浅杏色表头文字 */
    color: #e69a88;
    font-weight: 600;
    width: 120px;
}

/* 修复对齐的装备属性面板 - 3列布局+固定标签宽度 */
.equip-attr-panel {
    /* 替换：奶油木色渐变背景 */
    background: linear-gradient(135deg, rgba(230, 154, 136, 0.1), rgba(240, 217, 156, 0.05));
    /* 替换：浅木色边框 */
    border: 1px solid rgba(168, 136, 96, 0.4);
    border-radius: 8px;
    padding: 20px 30px;
    margin-bottom: 30px;
    /* 替换：深木纹文字 */
    color: #584830;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列均分 */
    gap: 15px;
}

/* 核心修复：固定标签宽度+右对齐，解决字符数不一致导致的对齐问题 */
.equip-attr-panel .attr-item {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.equip-attr-panel .attr-label {
    /* 替换：中木纹标签文字 */
    color: #786040;
    width: 60px; /* 固定宽度，无论1/2个字符都占相同宽度 */
    text-align: right; /* 标签右对齐 */
    margin-right: 10px; /* 标签和值之间的间距 */
    flex-shrink: 0; /* 防止宽度被压缩 */
}

.equip-attr-panel .attr-value {
    /* 替换：深木纹值文字 */
    color: #584830;
    font-weight: 500;
    /* 值左对齐，保证所有数值起点一致 */
}

/* 详情标题 */
.equip-detail-subtitle {
    /* 替换：浅杏色副标题 */
    color: #e69a88;
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0 15px;
    padding-bottom: 8px;
    /* 替换：浅木色分隔线 */
    border-bottom: 1px solid rgba(168, 136, 96, 0.25);
}

/* 详情内容 */
.equip-detail-content {
    /* 替换：深木纹内容文字 */
    color: #584830;
    font-size: 16px;
    line-height: 1.8;
    padding: 10px 0;
}

/* 装备截图容器 */
.equip-screenshot-container {
    margin: 20px 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.equip-screenshot {
    max-width: 300px;
    height: auto;
    border-radius: 8px;
    /* 替换：浅杏色边框 */
    border: 1px solid rgba(230, 154, 136, 0.4);
    /* 替换：暖调阴影 */
    box-shadow: 0 4px 10px rgba(168, 136, 96, 0.15);
}