From 24b51070e0f290aaf2ce3f70c7b3b89e334d424b Mon Sep 17 00:00:00 2001
From: wuzilong <704541015@qq.com>
Date: Tue, 10 Nov 2026 12:12:32 +0800
Subject: [PATCH] style(portal): widen home layout and raise hero height

Reduce side gutters to 1480px content width and lift both template carousels to 480px for a fuller homepage presence.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 portal/app/assets/home.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/portal/app/assets/home.css b/portal/app/assets/home.css
index ca715ba..d444a5b 100644
--- a/portal/app/assets/home.css
+++ b/portal/app/assets/home.css
@@ -11,7 +11,7 @@
       background: var(--bg);
     }
     .data a { color: inherit; text-decoration: none; }
-    .wrap { width: min(1320px, calc(100% - 32px)); margin: 0 auto; }
+    .wrap { width: min(1480px, calc(100% - 32px)); margin: 0 auto; }
     .list { margin: 0; padding: 0; list-style: none; }
     .list li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
     .list time { flex: none; color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
@@ -135,7 +135,7 @@
     #brand .hero { background-image: none; }
     #tech .hero {
       margin-top: 18px;
-      position: relative; height: 360px; border-radius: 18px; overflow: hidden;
+      position: relative; height: 480px; border-radius: 18px; overflow: hidden;
       background: var(--slide1) center/cover no-repeat;
       box-shadow: 0 18px 40px rgba(10,40,100,.18);
     }
@@ -223,7 +223,7 @@
       grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
       align-items: center;
       column-gap: 28px;
-      width: min(1320px, calc(100% - 32px));
+      width: min(1480px, calc(100% - 32px));
       margin: 0 auto;
       padding: 28px 0 22px;
     }
@@ -288,7 +288,7 @@
     }
     #brand nav.menu a[aria-current="page"] { box-shadow: inset 0 -3px 0 #e4c98a; }
     #brand .hero {
-      margin-top: 22px; height: 340px; background: var(--slide2) center/cover no-repeat;
+      margin-top: 22px; height: 480px; background: var(--slide2) center/cover no-repeat;
       position: relative; border: 1px solid var(--line);
       border-radius: var(--r); overflow: hidden;
     }
@@ -364,8 +364,8 @@
     @media (max-width: 860px) {
       #tech .cols, #tech .service-row, #tech .foot,
       #brand .sheet, #brand .foot, #brand .rows { grid-template-columns: 1fr; }
-      #brand .hero { height: 220px; }
-      #tech .hero { height: 220px; border-radius: 12px; }
+      #brand .hero { height: 260px; }
+      #tech .hero { height: 260px; border-radius: 12px; }
       #tech .mast-row { flex-direction: column; align-items: flex-start; }
       #tech .slogan { text-align: left; max-width: none; padding-left: 0; border-left: 0; border-top: 3px solid #0b3a66; padding-top: 10px; }
       #tech .slogan h2 { font-size: 22px; letter-spacing: .08em; }
@@ -374,7 +374,7 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        width: min(1320px, calc(100% - 32px));
+        width: min(1480px, calc(100% - 32px));
       }
       #brand .brand-head::before { content: none; }
       #brand .brand-head > .wrap { width: 100%; }