Update style.css

style.css

@@ -125,7 +125,40 @@ h2::after {
 }
 p, li { font-size: 1.1rem; }
 
-/* --- Specific Section Styles --- */
+
+/* --- 圖片容器樣式 (本次修正重點) --- */
+.figure-container { 
+    text-align: center; 
+    margin: 20px 0; 
+    padding: 0; 
+}
+.figure-container img {
+    width: 100%; /* 強制圖片寬度等於容器寬度 */
+    max-width: 100%; /* 確保最大寬度不超過容器 */
+    height: auto;
+    display: block;
+    margin: 15px auto;
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    transition: transform .3s ease,box-shadow .3s ease;
+}
+.figure-container img:hover {
+    transform: scale(1.03);
+    box-shadow: var(--shadow-lg);
+}
+.figure-container figcaption {
+    margin-top: 10px;
+    font-size: .9rem;
+    color: var(--text-secondary);
+    line-height: 1.5;
+    text-align: left;
+    padding: 10px;
+    background-color: var(--bg-light);
+    border-radius: 4px;
+}
+
+
+/* --- 其他樣式 (維持不變) --- */
 .table-container { border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; }
 .interp-item { border-radius: 12px; }
 .constraints-levels { gap: 1rem; }
@@ -134,8 +167,6 @@ p, li { font-size: 1.1rem; }
 .case-study h2 { color: #fff; }
 .step { background-color: #495057; }
 .app-card-header { border-top-left-radius: 12px; border-top-right-radius: 12px; }
-
-/* 地熱探勘 (優化) */
 .special-topic-section { background-color: #f7feff; border-left: 5px solid var(--secondary-color); }
 .topic-grid {
     display: grid;
@@ -153,7 +184,6 @@ p, li { font-size: 1.1rem; }
 .topic-item h4 { font-size: 1.2rem; color: var(--secondary-color); font-style: italic; }
 .summary-text { text-align: center; font-size: 1.2rem; font-weight: 500; }
 
-/* --- Back to Top Button --- */
 .back-to-top {
     position: fixed;
     bottom: 20px;
@@ -177,7 +207,6 @@ p, li { font-size: 1.1rem; }
 .back-to-top:hover { background-color: var(--accent-color); }
 .back-to-top svg { width: 24px; height: 24px; }
 
-/* --- Footer --- */
 footer {
     text-align: center;
     padding: 2rem;
@@ -188,9 +217,6 @@ footer {
 
 /* 沿用舊版確保相容性 */
 .quote-box{background-color:#e0f7fa;border-left:5px solid #00796b;margin:20px 0;padding:15px 20px;border-radius:5px;font-style:italic;}
-.figure-container img{max-width:100%;height:auto;display:block;margin:15px auto;border:1px solid #ccc;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;}
-.figure-container img:hover{transform:scale(1.03);box-shadow:0 5px 20px rgba(0,0,0,.15);}
-.figure-container figcaption{margin-top:10px;font-size:.9rem;color:#555;line-height:1.5;text-align:left;padding:10px;background-color:#f8f9fa;border-radius:4px;}
 table{width:100%;border-collapse:collapse;margin-top:20px;}
 th,td{padding:15px;text-align:left;border:1px solid #dee2e6;}
 thead{background-color:#00796b;color:#fff;}