From 5f85d53bed480a6da0d9100d5625a793746e38a6 Mon Sep 17 00:00:00 2001
From: david <david@daviddeMacBook-Pro.local>
Date: Fri, 31 Jul 2026 16:30:47 +0800
Subject: [PATCH] style(site): enlarge banner and tighten spacing

---
 frontend/site/AGENTS.md      |  2 +-
 frontend/site/src/styles.css | 25 +++++++++++++------------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/frontend/site/AGENTS.md b/frontend/site/AGENTS.md
index e5e590f..db02873 100644
--- a/frontend/site/AGENTS.md
+++ b/frontend/site/AGENTS.md
@@ -12,7 +12,7 @@ Build app UI in `src/`. Keep `.openai/hosting.json`, `worker/index.js`, `scripts
 
 - 本项目是品牌化管理入口门户，不承载统一登录、运营数据或业务编辑。
 - 门户使用常规三行布局：头部展示 Logo、名称与口号，中间为广告语与滚动图 Banner，底部为三个管理系统入口。
-- Banner 保持紧凑，不占满页面剩余高度；三张轮播图分别对应平台、气站和配送场景。
+- Banner 作为页面主视觉保持足够高度，头部、Banner 与系统入口之间使用紧凑间距；三张轮播图分别对应平台、气站和配送场景。
 - 桌面端优先一屏完成，移动端允许自然纵向滚动。
 - 视觉语言延续三套管理系统登录页的半写实等距插画，并使用平台蓝、气站橙、配送青绿区分入口。
 - 三个入口始终在新标签页打开，分别指向 `p.heqiapp.com`、`z.heqiapp.com` 与 `d.heqiapp.com`。
diff --git a/frontend/site/src/styles.css b/frontend/site/src/styles.css
index 04ffe65..cd8c248 100644
--- a/frontend/site/src/styles.css
+++ b/frontend/site/src/styles.css
@@ -42,12 +42,13 @@ a {
 
 .site-shell {
   display: grid;
-  grid-template-rows: auto clamp(230px, 32vh, 300px) auto;
-  gap: clamp(18px, 2.4vh, 28px);
+  grid-template-rows: auto clamp(420px, 58vh, 540px) auto;
+  align-content: start;
+  gap: clamp(8px, 1.2vh, 12px);
   width: min(100%, 1440px);
   margin: 0 auto;
-  padding: clamp(22px, 3.2vh, 38px) clamp(24px, 4.5vw, 68px)
-    clamp(24px, 3.4vh, 40px);
+  padding: clamp(16px, 2.2vh, 26px) clamp(24px, 4.5vw, 68px)
+    clamp(18px, 2.4vh, 28px);
 }
 
 .site-header {
@@ -104,7 +105,7 @@ a {
 
 .banner {
   position: relative;
-  min-height: 230px;
+  min-height: 420px;
   overflow: hidden;
   background: #dfe8f4;
   border: 1px solid rgba(103, 126, 154, 0.14);
@@ -121,7 +122,7 @@ a {
 .banner__slide {
   position: relative;
   min-width: 100%;
-  min-height: 230px;
+  min-height: 420px;
   overflow: hidden;
 }
 
@@ -150,7 +151,7 @@ a {
   display: flex;
   width: min(54%, 650px);
   height: 100%;
-  min-height: 230px;
+  min-height: 420px;
   flex-direction: column;
   justify-content: center;
   padding: clamp(34px, 5vw, 74px);
@@ -217,7 +218,7 @@ a {
 
 .site-footer {
   display: grid;
-  gap: 14px;
+  gap: 8px;
 }
 
 .footer-heading {
@@ -345,7 +346,7 @@ a {
 
 @media (max-width: 980px) {
   .site-shell {
-    grid-template-rows: auto clamp(240px, 34vh, 310px) auto;
+    grid-template-rows: auto clamp(380px, 52vh, 480px) auto;
   }
 
   .banner__copy {
@@ -366,8 +367,8 @@ a {
     display: flex;
     min-height: 100dvh;
     flex-direction: column;
-    gap: 18px;
-    padding: 20px 16px 24px;
+    gap: 10px;
+    padding: 16px 16px 20px;
   }
 
   .brand img {
@@ -395,7 +396,7 @@ a {
   .banner,
   .banner__slide,
   .banner__copy {
-    min-height: 310px;
+    min-height: 460px;
   }
 
   .banner {