无编辑摘要 标签：手工回退 |
无编辑摘要 |
||
| 第135行： | 第135行： | ||
left: -12px; | left: -12px; | ||
} | } | ||
/* == 武器图鉴核心样式 == */ | |||
/* 卡片式布局系统 */ | |||
.weapon-card { | |||
display: flex; | |||
align-items: center; | |||
padding: 12px; | |||
margin-bottom: 15px; | |||
background-color: #2a2a2a; | |||
border-radius: 8px; | |||
transition: transform 0.3s ease; /* 添加悬停动效 */ | |||
} | |||
.weapon-card:hover { | |||
transform: translateX(8px); | |||
} | |||
/* 图标容器 */ | |||
.weapon-icon { | |||
flex-shrink: 0; | |||
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); /* 增强立体感 */ | |||
} | |||
/* 文字信息区块 */ | |||
.weapon-info { | |||
margin-left: 20px; | |||
flex-grow: 1; | |||
} | |||
/* 武器名称样式 */ | |||
.weapon-name { | |||
color: #d9b779; | |||
font-size: 1.2em; | |||
margin-bottom: 5px; | |||
font-family: "Arial", "Helvetica", sans-serif; /* 兼容字体栈 */ | |||
text-shadow: 1px 1px 2px #00000080; /* 文字投影 */ | |||
} | |||
/* 响应式栅格系统 */ | |||
.mw-grid.mw-grid-gap-4 { | |||
gap: 1rem; /* 改用rem单位 */ | |||
} | |||
.mw-grid-col.mw-6-col { | |||
width: calc(50% - 0.5rem); /* 精确计算间距 */ | |||
} | |||
/* 移动端适配 */ | |||
@media screen and (max-width: 768px) { | |||
.mw-grid-col.mw-6-col { | |||
width: 100%; | |||
margin-bottom: 1.5rem; | |||
} | |||
.weapon-card { | |||
flex-direction: column; | |||
text-align: center; | |||
} | |||
.weapon-info { | |||
margin-left: 0; | |||
margin-top: 10px; | |||
} | |||
} | |||
/* 颜色扩展系统 */ | |||
.weapon-rarity-1 { background: linear-gradient(90deg, #3a3a3a, #2a2a2a) } | |||
.weapon-rarity-2 { background: linear-gradient(90deg, #2d4a2d, #1e321e) } | |||
.weapon-rarity-3 { background: linear-gradient(90deg, #4a2d2d, #321e1e) } | |||
/* 辅助类 */ | |||
.text-gold { color: #d9b779 } | |||
.bg-dark { background-color: #1a1a1a } | |||
.rounded-lg { border-radius: 12px } | |||