From cbb655274bf536460337b47a1e7140e2a60d8307 Mon Sep 17 00:00:00 2001
From: yangyuqing <1614872855@qq.com>
Date: Wed, 3 Jun 2026 00:18:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=BE=E8=AE=A1=E5=9B=BE?=
 =?UTF-8?q?=E7=BA=B8=E5=B8=83=E5=B1=80=EF=BC=9A=E7=AB=8B=E9=9D=A2=E5=9B=BE?=
 =?UTF-8?q?/=E5=89=96=E9=9D=A2=E5=9B=BE=E5=8D=95=E5=88=97=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=EF=BC=8C=E6=80=BB=E5=B9=B3=E9=9D=A2/=E5=B9=B3?=
 =?UTF-8?q?=E9=9D=A2=E5=9B=BE=E9=AB=98=E5=BA=A6=E5=A2=9E=E5=8A=A025%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 80 +++++++++++++++++++++++++++++++++++++++++++++++++++
 drawings.html | 36 +++++++++++------------
 2 files changed, 98 insertions(+), 18 deletions(-)

diff --git a/css/style.css b/css/style.css
index ff8d8e9..38f778c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1201,6 +1201,86 @@ body {
     height: auto;
 }
 
+/* ========================================
+   设计图纸 - 单列布局样式
+   ======================================== */
+
+/* 总平面图和一层平面图 - 高度增加三分之一 */
+.drawing-full.enlarged {
+    max-height: 100vh !important;  /* 从80vh增加到100vh，约增加25% */
+}
+
+.drawing-full.enlarged img {
+    max-height: 100vh !important;
+}
+
+/* 单列布局容器 */
+.single-column-layout {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-lg);
+}
+
+/* 全宽卡片 */
+.full-width-card {
+    width: 100%;
+    max-width: none;
+}
+
+/* 全宽图片容器 */
+.drawing-img.wide-full {
+    height: auto;
+    min-height: 500px;
+    max-height: 70vh;
+}
+
+.drawing-img.wide-full img {
+    width: 100%;
+    height: auto;
+    max-height: 70vh;
+    object-fit: contain;
+    background: #FFFFFF;
+}
+
+/* 响应式调整 */
+@media (max-width: 1024px) {
+    .drawing-full.enlarged {
+        max-height: 80vh !important;
+    }
+    
+    .drawing-full.enlarged img {
+        max-height: 80vh !important;
+    }
+    
+    .drawing-img.wide-full {
+        min-height: 400px;
+        max-height: 60vh;
+    }
+    
+    .drawing-img.wide-full img {
+        max-height: 60vh;
+    }
+}
+
+@media (max-width: 768px) {
+    .drawing-full.enlarged {
+        max-height: 60vh !important;
+    }
+    
+    .drawing-full.enlarged img {
+        max-height: 60vh !important;
+    }
+    
+    .drawing-img.wide-full {
+        min-height: 300px;
+        max-height: 50vh;
+    }
+    
+    .drawing-img.wide-full img {
+        max-height: 50vh;
+    }
+}
+
 /* ========================================
    响应式调整
    ======================================== */
diff --git a/drawings.html b/drawings.html
index 79bdc6f..8266ec1 100644
--- a/drawings.html
+++ b/drawings.html
@@ -64,7 +64,7 @@
     <section class="section" id="site-plan">
         <div class="container">
             <h2 class="section-title">总平面图</h2>
-            <div class="drawing-full">
+            <div class="drawing-full enlarged">
                 <img src="images/drawing-siteplan.jpg" alt="总平面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                 <div class="placeholder-text large" style="display:none;">总平面图</div>
             </div>
@@ -75,21 +75,21 @@
     <section class="section section-alt" id="floor-plan">
         <div class="container">
             <h2 class="section-title">一层平面图</h2>
-            <div class="drawing-full">
+            <div class="drawing-full enlarged">
                 <img src="images/drawing-floorplan.jpg" alt="一层平面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                 <div class="placeholder-text large" style="display:none;">一层平面图</div>
             </div>
         </div>
     </section>
 
-    <!-- 立面图（4张） -->
+    <!-- 立面图（4张，单列展示） -->
     <section class="section" id="elevations">
         <div class="container">
             <h2 class="section-title">立面图</h2>
-            <div class="card-grid two-columns">
+            <div class="single-column-layout">
                 <!-- 东立面 -->
-                <div class="card">
-                    <div class="card-image drawing-img">
+                <div class="card full-width-card">
+                    <div class="card-image drawing-img wide-full">
                         <img src="images/drawing-elevation-east.jpg" alt="东立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text" style="display:none;">东立面图</div>
                     </div>
@@ -99,8 +99,8 @@
                 </div>
                 
                 <!-- 南立面 -->
-                <div class="card">
-                    <div class="card-image drawing-img">
+                <div class="card full-width-card">
+                    <div class="card-image drawing-img wide-full">
                         <img src="images/drawing-elevation-south.jpg" alt="南立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text" style="display:none;">南立面图</div>
                     </div>
@@ -110,8 +110,8 @@
                 </div>
                 
                 <!-- 西立面 -->
-                <div class="card">
-                    <div class="card-image drawing-img">
+                <div class="card full-width-card">
+                    <div class="card-image drawing-img wide-full">
                         <img src="images/drawing-elevation-west.jpg" alt="西立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text" style="display:none;">西立面图</div>
                     </div>
@@ -121,8 +121,8 @@
                 </div>
                 
                 <!-- 北立面 -->
-                <div class="card">
-                    <div class="card-image drawing-img">
+                <div class="card full-width-card">
+                    <div class="card-image drawing-img wide-full">
                         <img src="images/drawing-elevation-north.jpg" alt="北立面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text" style="display:none;">北立面图</div>
                     </div>
@@ -134,14 +134,14 @@
         </div>
     </section>
 
-    <!-- 剖面图（2张） -->
+    <!-- 剖面图（2张，单列展示） -->
     <section class="section section-alt" id="sections">
         <div class="container">
             <h2 class="section-title">剖面图</h2>
-            <div class="card-grid two-columns">
+            <div class="single-column-layout">
                 <!-- 1-1剖面 -->
-                <div class="card">
-                    <div class="card-image drawing-img">
+                <div class="card full-width-card">
+                    <div class="card-image drawing-img wide-full">
                         <img src="images/drawing-section-1.jpg" alt="1-1剖面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text" style="display:none;">1-1剖面图</div>
                     </div>
@@ -151,8 +151,8 @@
                 </div>
                 
                 <!-- 2-2剖面 -->
-                <div class="card">
-                    <div class="card-image drawing-img">
+                <div class="card full-width-card">
+                    <div class="card-image drawing-img wide-full">
                         <img src="images/drawing-section-2.jpg" alt="2-2剖面图" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                         <div class="placeholder-text" style="display:none;">2-2剖面图</div>
                     </div>