Update style.css

style.css

@@ -106,36 +106,21 @@ body {
 /* --- 資料處理分頁樣式 --- */
 .code-block {background-color: #2d333b; color: #cdd9e5; padding: 20px; border-radius: 8px; margin: 20px 0; overflow-x: auto; border: 1px solid var(--border-color);}.code-block pre {margin: 0; font-family: 'Courier New', Courier, monospace;}.code-block code {font-family: inherit; font-size: 0.95rem; line-height: 1.6; color: #79c0ff;}.step-list {list-style-type: disc; padding-left: 30px;}.step-list li {margin-bottom: 0.5rem;}.step-list ul {margin-top: 0.5rem;}
 
-/* --- 截圖提示與總結方塊樣式 --- */
+/* --- 提示與總結方塊樣式 --- */
 .screenshot-prompt {background-color: #fff9eb; border-left: 4px solid var(--accent-color); padding: 10px 15px; margin: 15px 0; border-radius: 4px; font-size: 0.95rem;}.screenshot-prompt p {margin: 0; color: var(--text-secondary);}.summary-box {background-color: #e0f7fa; border-left: 4px solid var(--primary-color); padding: 15px 20px; margin: 25px 0 10px 0; border-radius: 4px;}.summary-box p {margin: 0; font-size: 1.05rem; font-weight: 500;}
+.workflow-summary {background-color: #f0fff4; border-left: 4px solid #2ea043; padding: 15px 20px; margin: 25px 0 10px 0; border-radius: 4px;}.workflow-summary h5 {margin-top: 0; color: #2ea043; border-bottom: none;}.workflow-summary ol {padding-left: 20px; margin-bottom: 0;}
 
 footer{text-align:center;padding:2rem;margin-top:2rem;background:var(--bg-dark);color:var(--bg-light)}
 
 /* --- ★★★★★ 響應式網頁設計 (RWD) for Mobile ★★★★★ --- */
 @media (max-width: 820px) {
-    .nav-container {
-        flex-direction: column; /* 將 Logo 和選單垂直排列 */
-        gap: 1rem;
-    }
-    .nav-menu {
-        flex-wrap: wrap; /* 允許項目換行 */
-        justify-content: center; /* 置中 */
-        gap: 0.2rem 0.5rem; /* 縮小項目間距 */
-    }
-    .nav-link {
-        padding: .4rem .6rem; /* 縮小按鈕內距 */
-        font-size: 0.9rem; /* 縮小字體 */
-    }
-    main {
-        padding: 1.5rem 0.5rem; /* 縮小頁面左右邊距 */
-    }
-    section {
-        padding: 1.5rem; /* 縮小區塊內部邊距 */
-    }
+    .nav-container {flex-direction: column; gap: 1rem;}
+    .nav-menu {flex-wrap: wrap; justify-content: center; gap: 0.2rem 0.5rem;}
+    .nav-link {padding: .4rem .6rem; font-size: 0.9rem;}
+    main {padding: 1.5rem 0.5rem;}
+    section {padding: 1.5rem;}
     h1 { font-size: 2.5rem; }
     h2 { font-size: 1.8rem; }
     h3 { font-size: 1.4rem; }
-    .interpretation-methods, .case-study-steps, .app-grid-expanded, .topic-grid {
-        grid-template-columns: 1fr; /* 強制所有網格變為單欄 */
-    }
+    .interpretation-methods, .case-study-steps, .app-grid-expanded, .topic-grid {grid-template-columns: 1fr;}
 }