| | |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | gap: 16px; |
|---|
| | | position: relative; |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 面板角落装饰 */ |
|---|
| | | .equipment-stats::before, |
|---|
| | | .equipment-stats::after { |
|---|
| | | content: ''; |
|---|
| | | position: absolute; |
|---|
| | | width: 15px; |
|---|
| | | height: 15px; |
|---|
| | | border-color: rgba(0, 212, 255, 0.5); |
|---|
| | | border-style: solid; |
|---|
| | | pointer-events: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .equipment-stats::before { |
|---|
| | | top: -1px; |
|---|
| | | left: -1px; |
|---|
| | | border-width: 2px 0 0 2px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .equipment-stats::after { |
|---|
| | | bottom: -1px; |
|---|
| | | right: -1px; |
|---|
| | | border-width: 0 2px 2px 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .equipment-header { |
|---|
| | |
|---|
| | | .equipment-icon { |
|---|
| | | width: 50px; |
|---|
| | | height: 50px; |
|---|
| | | animation: iconFloat 4s ease-in-out infinite; |
|---|
| | | } |
|---|
| | | |
|---|
| | | @keyframes iconFloat { |
|---|
| | | 0%, 100% { transform: translateY(0); } |
|---|
| | | 50% { transform: translateY(-3px); } |
|---|
| | | } |
|---|
| | | </style> |
|---|
