|
|
| （未显示同一用户的1个中间版本） |
| 第1行： |
第1行： |
| /* ===== 爪类武器专用样式 ===== */
| |
| /* 网格容器 */
| |
| .claw-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(2, 1fr);
| |
| gap: 1.5rem;
| |
| margin: 2rem 0;
| |
| }
| |
|
| |
| /* 武器卡片 */
| |
| .claw-card {
| |
| display: flex;
| |
| align-items: center;
| |
| background: #1a1a1a;
| |
| border-radius: 8px;
| |
| padding: 12px;
| |
| margin-bottom: 1rem;
| |
| transition: transform 0.2s;
| |
| }
| |
|
| |
| .claw-card:hover {
| |
| transform: translateX(5px);
| |
| }
| |
|
| |
| /* 图标样式 */
| |
| .claw-icon {
| |
| filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
| |
| margin-right: 20px;
| |
| flex-shrink: 0;
| |
| }
| |
|
| |
| /* 文字信息区 */
| |
| .claw-info {
| |
| flex-grow: 1;
| |
| }
| |
|
| |
| /* 武器名称 */
| |
| .claw-name {
| |
| color: #ffffff;
| |
| font-size: 1.3em;
| |
| font-weight: 600;
| |
| margin-bottom: 4px;
| |
| }
| |
|
| |
| /* 需求信息 */
| |
| .claw-require {
| |
| color: #8c8c8c;
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| /* 移动端适配 */
| |
| @media (max-width: 768px) {
| |
| .claw-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
|
| |
| .claw-card {
| |
| flex-direction: column;
| |
| text-align: center;
| |
| }
| |
|
| |
| .claw-icon {
| |
| margin-right: 0;
| |
| margin-bottom: 10px;
| |
| }
| |
| }
| |
|
| |
|
| /* 三栏 */ | | /* 三栏 */ |
| 第70行： |
第4行： |
| display: grid; | | display: grid; |
| grid-template-columns: repeat(3, 1fr); | | grid-template-columns: repeat(3, 1fr); |
| gap: 1rem; | | gap: 0.5rem; |
| } | | } |
|
| |
|
/* 三栏 */
.claw-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem;
}
@media (max-width: 768px) {
.claw-grid {
grid-template-columns: 1fr;
}
}
