|
|
| 第162行： |
第162行： |
| color: #1C4587; /* Darker blue for hover state */ | | color: #1C4587; /* Darker blue for hover state */ |
| text-decoration: underline; /* Keep underline removed on hover */ | | text-decoration: underline; /* Keep underline removed on hover */ |
| }
| |
|
| |
|
| |
|
| |
| /* Responsive design for mobile */
| |
| @media (max-width: 600px) {
| |
| .res-table {
| |
| font-size: 14px; /* Slightly smaller font for better readability */
| |
| }
| |
|
| |
| .res-table th, .res-table td {
| |
| padding: 8px; /* Reduce padding for smaller screens */
| |
| text-align: left; /* Ensure content is left-aligned */
| |
| display: block; /* Stack cells vertically */
| |
| width: 100%; /* Make cells full width */
| |
| }
| |
|
| |
| .res-table tr {
| |
| display: flex;
| |
| flex-direction: row;
| |
| margin-bottom: 8px; /* Add spacing between rows */
| |
| }
| |
|
| |
| .res-table th {
| |
| background-color: #e0e0e0; /* Light gray background for headers */
| |
| border-bottom: 2px solid #000000; /* Stronger header separation */
| |
| }
| |
|
| |
| .res-table td {
| |
| border: none; /* Remove borders between cells */
| |
| border-bottom: 1px solid #d0d0d0; /* Add subtle separation */
| |
| }
| |
| } | | } |