Update style.css
Browse files
style.css
CHANGED
|
@@ -575,4 +575,43 @@ footer a:hover {
|
|
| 575 |
position: fixed;
|
| 576 |
pointer-events: none;
|
| 577 |
z-index: 5;
|
| 578 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 575 |
position: fixed;
|
| 576 |
pointer-events: none;
|
| 577 |
z-index: 5;
|
| 578 |
+
}
|
| 579 |
+
/* —— 图集预览模态框 —— */
|
| 580 |
+
#image-modal {
|
| 581 |
+
display: none;
|
| 582 |
+
position: fixed;
|
| 583 |
+
top: 0; left: 0;
|
| 584 |
+
width: 100%; height: 100%;
|
| 585 |
+
background: rgba(0,0,0,0.8);
|
| 586 |
+
z-index: 2000;
|
| 587 |
+
display: flex;
|
| 588 |
+
align-items: center;
|
| 589 |
+
justify-content: center;
|
| 590 |
+
}
|
| 591 |
+
#image-modal img {
|
| 592 |
+
max-width: 90%;
|
| 593 |
+
max-height: 90%;
|
| 594 |
+
border-radius: 8px;
|
| 595 |
+
}
|
| 596 |
+
.modal-close {
|
| 597 |
+
position: absolute;
|
| 598 |
+
top: 1rem; right: 1rem;
|
| 599 |
+
background: none; border: none;
|
| 600 |
+
font-size: 2rem;
|
| 601 |
+
color: var(--primary-color);
|
| 602 |
+
cursor: pointer;
|
| 603 |
+
}
|
| 604 |
+
.modal-nav {
|
| 605 |
+
position: absolute;
|
| 606 |
+
top: 50%;
|
| 607 |
+
transform: translateY(-50%);
|
| 608 |
+
background: rgba(0,0,0,0.3);
|
| 609 |
+
border: none;
|
| 610 |
+
font-size: 3rem;
|
| 611 |
+
color: white;
|
| 612 |
+
width: 2rem; height: 3rem;
|
| 613 |
+
cursor: pointer;
|
| 614 |
+
border-radius: 0.3rem;
|
| 615 |
+
}
|
| 616 |
+
#image-prev { left: 1rem; }
|
| 617 |
+
#image-next { right: 1rem; }
|