| | |
| | | margin: 0 auto; |
| | | background-color: white; |
| | | border-radius: 10px; |
| | | overflow: hidden; |
| | | height: 100%; |
| | | position: relative; |
| | | /* 移除 overflow: hidden 和 height: 100%,让内容自然撑开,由 .ant-modal-body 处理滚动 */ |
| | | } |
| | | |
| | | .case-detail-info-section { |
| | |
| | | display: grid; |
| | | grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); |
| | | gap: 20px; |
| | | } |
| | | |
| | | .case-detail-info-full { |
| | | margin-bottom: 15px; |
| | | display: block; |
| | | } |
| | | |
| | | .case-detail-info-item { |
| | |
| | | border-left: 3px solid #aaa; |
| | | } |
| | | |
| | | /* 返回顶部按钮样式 */ |
| | | .back-to-top-btn { |
| | | position: fixed; |
| | | bottom: 80px; |
| | | right: 40px; |
| | | z-index: 1001; |
| | | width: 48px; |
| | | height: 48px; |
| | | background-color: #1a6fb8 !important; |
| | | border-color: #1a6fb8 !important; |
| | | box-shadow: 0 4px 12px rgba(26, 111, 184, 0.4); |
| | | transition: all 0.3s ease; |
| | | } |
| | | |
| | | .back-to-top-btn:hover { |
| | | background-color: #0d4a8a !important; |
| | | border-color: #0d4a8a !important; |
| | | transform: translateY(-3px); |
| | | box-shadow: 0 6px 16px rgba(26, 111, 184, 0.6); |
| | | } |
| | | |
| | | .back-to-top-btn:active { |
| | | transform: translateY(-1px); |
| | | } |
| | | |
| | | .back-to-top-btn .anticon { |
| | | font-size: 20px; |
| | | } |
| | | |
| | | @media (max-width: 768px) { |
| | | .case-detail-header, .case-detail-info-section, .case-detail-body { |
| | | padding: 20px; |
| | |
| | | .case-detail-info-grid { |
| | | grid-template-columns: 1fr; |
| | | } |
| | | |
| | | .back-to-top-btn { |
| | | bottom: 60px; |
| | | right: 20px; |
| | | width: 40px; |
| | | height: 40px; |
| | | } |
| | | |
| | | .back-to-top-btn .anticon { |
| | | font-size: 16px; |
| | | } |
| | | } |