| | |
| | | <style> |
| | | /* 全局字体放大,可根据需要调整数值 */ |
| | | body, .container { |
| | | font-size: 22px; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .top-order { |
| | |
| | | background-color: #00A2E9; |
| | | color: white; |
| | | border: none; |
| | | font-size: 28px; |
| | | border-radius: 12px; |
| | | font-size: 22px; |
| | | font-weight: 500; |
| | | border-radius: 4px; |
| | | margin-top: 6px; |
| | | margin-bottom: 10px; |
| | | padding: 10px 28px; |
| | | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); |
| | | transition: all 0.3s; |
| | | } |
| | | |
| | | .refresh-btn:hover { |
| | |
| | | width: 85%; |
| | | padding: 3px; |
| | | border: 1px solid #ccc; |
| | | border-radius: 0.5vw; |
| | | border-radius: 4px; |
| | | margin-top: 0.2vh; |
| | | font-size: 22px; |
| | | height: 36px; |
| | |
| | | |
| | | .card { |
| | | background-color: #fff; |
| | | border-radius: 0.6vw; |
| | | border-radius: 8px; |
| | | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); |
| | | padding: 12px; |
| | | border: 1px solid black; |
| | | padding: 16px; |
| | | border: 1px solid #ddd; |
| | | margin-top: 0; |
| | | margin-bottom: 12px; |
| | | font-size: 22px; |
| | | margin-bottom: 16px; |
| | | font-size: 16px; |
| | | } |
| | | |
| | | .card-header { |
| | |
| | | display: inline-block; |
| | | margin-bottom: 0.2vh; |
| | | color: #333; |
| | | font-weight: 500; |
| | | } |
| | | |
| | | .status-row label, |
| | |
| | | padding-right: 0.6vw; |
| | | text-align: right; |
| | | font-size: 22px; |
| | | font-weight: 500; |
| | | } |
| | | |
| | | .status-row input, |