fix: hero image visibility and article modal vertical scrolling

index.html

@@ -429,7 +429,7 @@
                 height: 100%;
                 object-fit: cover;
                 object-position: center;
-                opacity: 0.18;
+                opacity: 0.45;
             }
 
             .hero-bg-wrap::after {
@@ -439,13 +439,13 @@
                 background:
                     radial-gradient(
                         circle at top right,
-                        rgba(251, 140, 0, 0.2),
-                        transparent 32%
+                        rgba(251, 140, 0, 0.18),
+                        transparent 40%
                     ),
                     linear-gradient(
                         135deg,
-                        rgba(239, 235, 233, 0.84),
-                        rgba(239, 235, 233, 0.96)
+                        rgba(239, 235, 233, 0.55),
+                        rgba(239, 235, 233, 0.72)
                     );
             }
 
@@ -1884,6 +1884,7 @@
                 padding: 28px 40px 40px;
                 overflow-y: auto;
                 flex: 1;
+                min-height: 0;
                 font-family: Georgia, "Times New Roman", serif;
                 font-size: 1.05rem;
                 line-height: 1.85;