diff --git a/public/images/logo.jpg b/public/images/logo.jpg
new file mode 100644
index 0000000..70f2210
Binary files /dev/null and b/public/images/logo.jpg differ
diff --git a/public/images/title.png b/public/images/title.png
new file mode 100644
index 0000000..85f1cb9
Binary files /dev/null and b/public/images/title.png differ
diff --git a/public/images/topbg.png b/public/images/topbg.png
new file mode 100644
index 0000000..30e7184
Binary files /dev/null and b/public/images/topbg.png differ
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 7e2cc85..d47a74a 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -9,10 +9,13 @@
   <title>2026江苏省新消费创新创业大赛</title>
   <style>
     :root {
-      --blue-950: #061a42;
-      --blue-900: #08306b;
-      --blue-800: #0b4aa2;
-      --blue-600: #1f74df;
+      --kv-blue-side: #050179;
+      --kv-blue-center: #011fce;
+      --kv-gradient: linear-gradient(90deg, #050179 0%, #011fce 50%, #050179 100%);
+      --blue-950: #050179;
+      --blue-900: #030a5c;
+      --blue-800: #0117b8;
+      --blue-600: #011fce;
       --blue-100: #e9f3ff;
       --cyan: #65d8ff;
       --gold: #ffd36a;
@@ -20,23 +23,27 @@
       --text: #11213f;
       --muted: #66789a;
       --line: rgba(255, 255, 255, 0.18);
-      --shadow: 0 22px 60px rgba(4, 26, 70, 0.22);
+      --shadow: 0 22px 60px rgba(5, 1, 121, 0.28);
       --radius: 18px;
       --vh: 1vh;
-      --header-h: clamp(68px, 8.4vh, 92px);
+      --header-h: clamp(80px, 10vh, 108px);
       --page-gutter: clamp(14px, 3.2vw, 40px);
+      --kv-gutter-left: clamp(12px, 3.90625vw, 75px);
+      --kv-gutter-top: clamp(12px, 3.645833vw, 70px);
+      --kv-logo-title-gap: clamp(16px, 3.125vw, 60px);
+      --hero-org-label-w: 11em;
       --hero-action-h: clamp(54px, 7vh, 72px);
       --hero-action-bottom: max(0px, env(safe-area-inset-bottom));
-      --section-bg-base: #11244c;
+      --section-bg-base: #050179;
       --panel-line: rgba(143,232,255,0.16);
       --panel-line-soft: rgba(143,232,255,0.1);
       --copy-strong: rgba(255,255,255,0.92);
       --copy-soft: rgba(213,225,238,0.72);
       --section-bg:
-        radial-gradient(ellipse at 18% 0%, rgba(101,216,255,0.1), transparent 42%),
-        radial-gradient(ellipse at 88% 8%, rgba(255,211,106,0.065), transparent 38%),
-        linear-gradient(145deg, rgba(255,255,255,0.045), rgba(255,255,255,0.022)),
-        var(--section-bg-base);
+        radial-gradient(ellipse at 18% 0%, rgba(1,31,206,0.2), transparent 42%),
+        radial-gradient(ellipse at 88% 8%, rgba(101,216,255,0.08), transparent 38%),
+        linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.018)),
+        var(--kv-gradient);
       --number-font: "DIN Condensed", "DIN Alternate", "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif;
     }
 
@@ -54,16 +61,14 @@
       font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
-      background:
-        linear-gradient(180deg, rgba(7, 35, 87, 0.18) 0%, rgba(4, 18, 48, 0.35) 36%, rgba(3, 14, 40, 0.82) 100%),
-        linear-gradient(135deg, #0b55bc 0%, #073273 42%, #061a42 72%, #031026 100%);
+      background: var(--kv-gradient);
       min-height: 100vh;
       min-height: 100svh;
       overflow-x: hidden;
     }
 
     html {
-      background: #031026;
+      background: #050179;
     }
 
     a {
@@ -136,56 +141,53 @@
     }
 
     .site-header-inner {
-      min-height: var(--header-h);
+      width: 100%;
+      max-width: none;
+      margin: 0;
+      min-height: 0;
+      padding:
+        var(--kv-gutter-top)
+        var(--page-gutter)
+        0
+        var(--kv-gutter-left);
       display: flex;
-      align-items: center;
+      align-items: flex-start;
       justify-content: space-between;
       gap: 28px;
     }
 
     .brand {
-      display: none;
+      display: flex;
       align-items: center;
       gap: 16px;
       min-width: 0;
     }
 
     .site-header-inner {
-      justify-content: flex-end;
+      justify-content: space-between;
     }
 
     .brand-mark {
-      width: 54px;
-      height: 54px;
-      flex: 0 0 auto;
-      border-radius: 16px;
-      background:
-        linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0) 34%),
-        linear-gradient(135deg, rgba(6, 154, 255, 0.92) 0%, rgba(32, 87, 222, 0.9) 52%, rgba(18, 27, 91, 0.86) 100%);
-      box-shadow:
-        inset 0 0 0 1px rgba(255,255,255,0.42),
-        inset 0 -12px 26px rgba(2, 15, 52, 0.34),
-        0 12px 30px rgba(31, 116, 223, 0.22);
-      display: grid;
-      place-items: center;
-      overflow: hidden;
+      display: none;
     }
 
     .brand-logo {
+      display: none;
+    }
+
+    .brand-logo-img {
       display: block;
-      width: 42px;
-      height: 42px;
+      width: auto;
+      height: clamp(80px, 10.5vh, 112px);
+      max-width: min(560px, 56vw);
+      aspect-ratio: 524 / 208;
+      object-fit: contain;
+      object-position: left center;
+      mix-blend-mode: screen;
     }
 
     .brand-text {
-      min-width: 0;
-      font-weight: 800;
-      font-size: 22px;
-      letter-spacing: 0;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      text-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
+      display: none;
     }
 
     .nav {
@@ -234,23 +236,64 @@
       min-height: 100svh;
       min-height: 100dvh;
       min-height: calc(var(--vh) * 100);
-      padding: calc(var(--header-h) + clamp(12px, 2.6vh, 30px)) 0 clamp(38px, 6vh, 62px);
+      padding:
+        calc(var(--kv-gutter-top) + clamp(64px, 10.5vh, 112px) + var(--kv-logo-title-gap))
+        0
+        clamp(28px, 4vh, 48px);
       isolation: isolate;
-      background:
-        radial-gradient(ellipse at 78% 22%, rgba(255,211,106,0.14), transparent 42%),
-        radial-gradient(ellipse at 24% 72%, rgba(255,211,106,0.08), transparent 46%),
-        radial-gradient(ellipse at 50% 50%, rgba(13, 84, 162, 0.24), transparent 58%),
-        linear-gradient(128deg, #073b74 0%, #052d62 34%, #071f50 68%, #041433 100%);
+      background: var(--kv-gradient);
       overflow: hidden;
     }
 
+    .hero .section-inner {
+      width: 100%;
+      max-width: none;
+      margin: 0;
+      padding-left: var(--kv-gutter-left);
+      padding-right: var(--page-gutter);
+    }
+
+    .hero-bg {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      top: auto;
+      width: 100%;
+      height: auto;
+      z-index: 0;
+      overflow: visible;
+      pointer-events: none;
+    }
+
+    .hero-bg img {
+      display: block;
+      width: 100%;
+      max-width: 100%;
+      height: auto;
+      object-fit: contain;
+      object-position: center bottom;
+    }
+
+    .hero::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background: var(--kv-gradient);
+      opacity: 0.16;
+      pointer-events: none;
+      z-index: 1;
+    }
+
     .hero-grid {
       position: relative;
-      min-height: max(360px, calc(var(--vh) * 100 - var(--header-h) - clamp(190px, 26vh, 240px)));
+      z-index: 2;
+      min-height: max(320px, calc(var(--vh) * 100 - var(--header-h) - clamp(48px, 10vh, 96px)));
       display: grid;
       grid-template-columns: 1fr;
-      align-items: center;
-      text-align: center;
+      align-items: flex-start;
+      text-align: left;
+      padding-top: clamp(4px, 1.2vh, 16px);
     }
 
     .eyebrow {
@@ -267,14 +310,29 @@
 
     .hero-lockup {
       position: relative;
-      width: min(1180px, 100%);
-      margin: 0 auto;
+      z-index: 1;
+      width: min(1100px, 100%);
+      margin: 0;
       display: flex;
       flex-direction: column;
-      align-items: center;
+      align-items: flex-start;
       justify-content: center;
-      text-align: center;
+      text-align: left;
       padding-bottom: 0;
+      gap: clamp(14px, 2.4vh, 28px);
+    }
+
+    .hero-title-img {
+      display: block;
+      width: min(820px, 76vw);
+      max-width: 100%;
+      height: auto;
+      margin: 0;
+      align-self: flex-start;
+      object-fit: contain;
+      object-position: left center;
+      mix-blend-mode: screen;
+      filter: drop-shadow(0 18px 42px rgba(5, 1, 121, 0.28));
     }
 
     .hero-meta {
@@ -415,48 +473,100 @@
     }
 
     .hero-orgs {
-      width: min(1000px, 100%);
-      margin: clamp(12px, 1.8vw, 20px) auto 0;
+      width: min(980px, 100%);
+      margin: 0;
       display: grid;
       grid-template-columns: 1fr;
-      gap: 3px;
-      color: rgba(232,241,255,0.72);
-      font-size: clamp(11px, 0.92vw, 13px);
-      font-weight: 500;
-      line-height: 1.52;
-      text-align: center;
-      text-shadow: 0 10px 26px rgba(0,0,0,0.28);
+      gap: clamp(4px, 0.6vh, 8px);
+      color: #fff;
+      font-size: clamp(12px, 0.95vw, 14px);
+      font-weight: 400;
+      line-height: 1.55;
+      text-align: left;
+      text-shadow: 0 8px 22px rgba(5, 1, 121, 0.32);
     }
 
-    .hero-orgs p {
+    .hero-org-row {
       margin: 0;
       padding: 0;
+      display: grid;
+      grid-template-columns: var(--hero-org-label-w) minmax(0, 1fr);
+      gap: 0 8px;
+      align-items: start;
     }
 
-    .hero-orgs strong {
-      color: rgba(255,244,204,0.82);
-      font-weight: 700;
+    .hero-org-label {
+      display: block;
+      width: var(--hero-org-label-w);
+      max-width: 100%;
+      flex-shrink: 0;
+      color: #fff;
+      font-weight: 400;
+      text-align: justify;
+      text-align-last: justify;
+      text-justify: inter-ideograph;
+      white-space: nowrap;
     }
 
-    .hero-actions {
-      width: min(720px, calc(100% - var(--page-gutter) * 2));
-      position: relative;
-      left: auto;
-      right: auto;
-      bottom: auto;
+    .hero-org-value,
+    .hero-host-grid span,
+    .hero-support-grid li {
+      color: #fff;
+      font-weight: 400;
+    }
+
+    .hero-org-value {
+      min-width: 0;
+    }
+
+    .hero-org-host,
+    .hero-org-support {
+      display: grid;
+      grid-template-columns: var(--hero-org-label-w) minmax(0, 1fr);
+      gap: 2px 8px;
+      align-items: start;
+    }
+
+    .hero-org-support > .hero-org-label {
+      padding-top: 1px;
+    }
+
+    .hero-host-grid,
+    .hero-support-grid {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      column-gap: clamp(4px, 0.65vw, 12px);
+      row-gap: 0;
+      align-items: start;
+    }
+
+    .hero-host-grid span,
+    .hero-support-grid li {
+      white-space: nowrap;
+    }
+
+    .hero-support-grid ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+
+    .hero-support-grid li {
+      line-height: 1.38;
+    }
+
+    .hero-support-grid li + li {
+      margin-top: 0;
+    }
+
+    .entry-quick-actions {
       display: flex;
       flex-wrap: nowrap;
       justify-content: center;
       align-items: center;
       gap: clamp(18px, 4vw, 48px);
-      margin: clamp(28px, 4.5vh, 46px) auto 0;
-      padding: 0;
-      background: transparent;
-      backdrop-filter: none;
-    }
-
-    .hero-actions::before {
-      content: none;
+      margin: 0 0 clamp(22px, 3vw, 32px);
+      padding: clamp(14px, 1.8vw, 20px) 0 0;
     }
 
     .btn {
@@ -481,14 +591,14 @@
       text-overflow: ellipsis;
       color: rgba(255,255,255,0.96);
       border: 0;
-      border: 1px solid rgba(143,232,255,0.24);
+      border: 1px solid rgba(101,216,255,0.32);
       background:
-        radial-gradient(circle at 50% 24%, rgba(143,232,255,0.13), transparent 54%),
-        rgba(6, 42, 88, 0.74);
+        radial-gradient(circle at 50% 24%, rgba(101,216,255,0.16), transparent 54%),
+        linear-gradient(145deg, rgba(1,31,206,0.88), rgba(5,1,121,0.92));
       box-shadow:
-        0 0 0 clamp(7px, 0.95vw, 12px) rgba(14,95,137,0.28),
-        0 0 0 clamp(8px, 1.05vw, 13px) rgba(143,232,255,0.12),
-        0 20px 42px rgba(0,0,0,0.22);
+        0 0 0 clamp(7px, 0.95vw, 12px) rgba(1,31,206,0.28),
+        0 0 0 clamp(8px, 1.05vw, 13px) rgba(101,216,255,0.14),
+        0 20px 42px rgba(5,1,121,0.28);
       backdrop-filter: none;
       transform: none;
       transition: transform 0.22s ease, color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
@@ -499,7 +609,7 @@
       text-align: center;
     }
 
-    .hero-actions .btn-ghost {
+    .entry-quick-actions .btn-ghost {
       margin-top: 0;
       transform: none;
       order: 3;
@@ -508,15 +618,15 @@
 
     .btn-signup {
       order: 2;
-      border-color: rgba(255,211,106,0.28);
+      border-color: rgba(101,216,255,0.42);
       background:
-        radial-gradient(circle at 50% 22%, rgba(255,211,106,0.14), transparent 54%),
-        rgba(14, 84, 104, 0.78);
+        radial-gradient(circle at 50% 22%, rgba(101,216,255,0.22), transparent 54%),
+        linear-gradient(145deg, rgba(1,31,206,0.96), rgba(5,1,121,0.94));
       box-shadow:
-        0 0 0 clamp(8px, 1.08vw, 14px) rgba(24,126,139,0.32),
-        0 0 0 clamp(9px, 1.18vw, 15px) rgba(255,211,106,0.12),
-        0 0 30px rgba(255,211,106,0.14),
-        0 22px 46px rgba(0,0,0,0.24);
+        0 0 0 clamp(8px, 1.08vw, 14px) rgba(1,31,206,0.34),
+        0 0 0 clamp(9px, 1.18vw, 15px) rgba(101,216,255,0.16),
+        0 0 30px rgba(1,31,206,0.22),
+        0 22px 46px rgba(5,1,121,0.3);
     }
 
     .action-label {
@@ -548,12 +658,12 @@
       color: #fff;
       transform: translateY(-4px);
       background:
-        radial-gradient(circle at 50% 24%, rgba(255,211,106,0.13), transparent 58%),
-        rgba(10, 74, 122, 0.88);
+        radial-gradient(circle at 50% 24%, rgba(101,216,255,0.2), transparent 58%),
+        linear-gradient(145deg, rgba(1,31,206,0.98), rgba(5,1,121,0.96));
       box-shadow:
-        0 0 0 clamp(7px, 0.95vw, 12px) rgba(23,119,151,0.38),
-        0 0 0 clamp(8px, 1.05vw, 13px) rgba(255,211,106,0.14),
-        0 22px 46px rgba(0,0,0,0.26);
+        0 0 0 clamp(7px, 0.95vw, 12px) rgba(1,31,206,0.42),
+        0 0 0 clamp(8px, 1.05vw, 13px) rgba(101,216,255,0.18),
+        0 22px 46px rgba(5,1,121,0.32);
     }
 
     .btn:hover::after,
@@ -608,31 +718,28 @@
     }
 
     #entry {
+      overflow: visible;
       background:
-        radial-gradient(ellipse at 12% 22%, rgba(101,216,255,0.14), transparent 40%),
-        radial-gradient(ellipse at 88% 18%, rgba(255,211,106,0.07), transparent 36%),
-        linear-gradient(152deg, rgba(22,52,88,0.88) 0%, rgba(16,38,62,0.92) 48%, rgba(15,28,58,0.98) 100%),
-        #112244;
+        radial-gradient(ellipse at 12% 22%, rgba(101,216,255,0.12), transparent 40%),
+        radial-gradient(ellipse at 88% 18%, rgba(1,31,206,0.18), transparent 36%),
+        linear-gradient(152deg, rgba(1,31,206,0.42) 0%, rgba(5,1,121,0.78) 48%, rgba(5,1,121,0.92) 100%),
+        var(--kv-gradient);
     }
 
     #about {
       background:
-        radial-gradient(ellipse at 9% 18%, rgba(84,195,174,0.22), transparent 38%),
-        radial-gradient(ellipse at 86% 20%, rgba(255,211,106,0.065), transparent 34%),
-        linear-gradient(148deg, rgba(25,72,75,0.86) 0%, rgba(18,45,68,0.9) 42%, rgba(18,29,64,0.98) 100%),
-        #11283e;
+        radial-gradient(ellipse at 9% 18%, rgba(101,216,255,0.1), transparent 38%),
+        radial-gradient(ellipse at 86% 20%, rgba(207,73,255,0.08), transparent 34%),
+        linear-gradient(148deg, rgba(1,31,206,0.36) 0%, rgba(5,1,121,0.74) 42%, rgba(5,1,121,0.9) 100%),
+        var(--kv-gradient);
     }
 
     #guide {
       background:
-        radial-gradient(ellipse at 10% 12%, rgba(255,211,106,0.1), transparent 34%),
-        radial-gradient(ellipse at 84% 10%, rgba(101,216,255,0.075), transparent 36%),
-        linear-gradient(154deg, rgba(83,70,116,0.24) 0%, rgba(36,47,68,0.9) 46%, rgba(17,25,49,0.98) 100%),
-        #171f38;
-    }
-
-    .hero + .section {
-      padding-top: clamp(74px, 9vw, 124px);
+        radial-gradient(ellipse at 10% 12%, rgba(101,216,255,0.1), transparent 34%),
+        radial-gradient(ellipse at 84% 10%, rgba(207,73,255,0.1), transparent 36%),
+        linear-gradient(154deg, rgba(1,31,206,0.34) 0%, rgba(5,1,121,0.76) 46%, rgba(5,1,121,0.92) 100%),
+        var(--kv-gradient);
     }
 
     .section::after {
@@ -654,6 +761,7 @@
       border-color: transparent;
       box-shadow: none;
       backdrop-filter: none;
+      overflow: visible;
     }
 
     #entry .section-card::before,
@@ -992,9 +1100,9 @@
       width: 34px;
       height: 34px;
       border-radius: 999px;
-      background: #151b35;
-      border: 1px solid rgba(255,211,106,0.38);
-      color: #ffe19a;
+      background: linear-gradient(145deg, rgba(1,31,206,0.96), rgba(5,1,121,0.94));
+      border: 1px solid rgba(101,216,255,0.42);
+      color: #fff;
       font-family: var(--number-font);
       font-size: 20px;
       font-weight: 800;
@@ -1002,7 +1110,9 @@
       letter-spacing: 0.02em;
       padding-top: 0.08em;
       margin-bottom: 18px;
-      box-shadow: 0 0 0 8px rgba(17,36,76,0.92), 0 0 22px rgba(255,211,106,0.1);
+      box-shadow:
+        0 0 0 8px rgba(5,1,121,0.78),
+        0 0 22px rgba(1,31,206,0.28);
     }
 
     .timeline-step h3 {
@@ -1347,7 +1457,7 @@
       color: rgba(255,255,255,0.68);
       text-align: center;
       font-size: 14px;
-      background: rgba(3, 16, 38, 0.36);
+      background: rgba(5, 1, 121, 0.42);
     }
 
     .site-footer::before {
@@ -1371,19 +1481,9 @@
         --page-gutter: clamp(16px, 4vw, 28px);
       }
 
-      .brand-mark {
-        width: 46px;
-        height: 46px;
-        border-radius: 13px;
-      }
-
-      .brand-logo {
-        width: 36px;
-        height: 36px;
-      }
-
-      .brand-text {
-        font-size: 17px;
+      .brand-logo-img {
+        height: clamp(64px, 9vh, 88px);
+        max-width: min(480px, 58vw);
       }
 
       .nav {
@@ -1400,29 +1500,21 @@
 
       .hero-lockup {
         width: min(760px, 100%);
-        align-items: center;
-        text-align: center;
+        align-items: flex-start;
+        text-align: left;
       }
 
-      .hero-title-main {
-        font-size: clamp(34px, 6.8vw, 50px);
+      .hero-title-img {
+        width: min(760px, 92vw);
       }
 
-      .hero-title-main span:first-child {
-        transform: translateX(-18px);
+      .hero-host-grid,
+      .hero-support-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        column-gap: clamp(4px, 1.2vw, 10px);
       }
 
-      .hero-title-main span:last-child {
-        transform: translateX(18px);
-      }
-
-      .hero-lead {
-        margin-left: 0;
-        margin-top: 12px;
-      }
-
-      .hero-actions {
-        width: 100%;
+      .entry-quick-actions {
         gap: clamp(16px, 4vw, 30px);
         padding-left: clamp(14px, 4vw, 28px);
         padding-right: clamp(14px, 4vw, 28px);
@@ -1437,7 +1529,7 @@
       }
 
       .btn:first-child,
-      .hero-actions .btn-ghost {
+      .entry-quick-actions .btn-ghost {
         justify-content: center;
         text-align: center;
         padding-left: 0;
@@ -1590,30 +1682,39 @@
 
     @media (max-width: 640px) {
       :root {
-        --header-h: clamp(42px, 10vw, 56px);
+        --header-h: clamp(56px, 12vw, 72px);
         --hero-action-h: clamp(48px, 7svh, 56px);
         --page-gutter: clamp(14px, 4.4vw, 20px);
       }
 
-      .site-header-inner,
-      .section-inner {
-        width: min(100% - var(--page-gutter) * 2, 1180px);
+      .site-header-inner {
+        padding-top: var(--kv-gutter-top);
+        padding-left: var(--kv-gutter-left);
+        padding-right: var(--page-gutter);
       }
 
-      .brand-mark {
-        width: 36px;
-        height: 36px;
-        border-radius: 10px;
+      .hero .section-inner {
+        padding-left: var(--kv-gutter-left);
+        padding-right: var(--page-gutter);
       }
 
-      .brand-logo {
-        width: 29px;
-        height: 29px;
+      .hero {
+        min-height: auto;
+        padding-top: calc(var(--kv-gutter-top) + clamp(48px, 12vw, 72px) + var(--kv-logo-title-gap));
+        padding-bottom: 0;
       }
 
-      .brand-text {
-        font-size: 13px;
-        max-width: 42vw;
+      .hero::before {
+        opacity: 0.1;
+      }
+
+      .hero-grid {
+        min-height: auto;
+      }
+
+      .brand-logo-img {
+        height: clamp(48px, 12vw, 72px);
+        max-width: min(400px, 88vw);
       }
 
       .nav {
@@ -1627,53 +1728,32 @@
       }
 
       .hero-lockup {
-        align-items: center;
-        text-align: center;
-      }
-
-      .hero-grid {
-        min-height: max(330px, calc(var(--vh) * 100 - var(--header-h) - 230px));
-      }
-
-      .hero-meta {
-        flex-wrap: wrap;
-        justify-content: center;
-        gap: 9px 12px;
-        margin-bottom: 8px;
-        padding: 0;
+        align-items: flex-start;
+        text-align: left;
+        padding-bottom: clamp(112px, 28vw, 192px);
       }
 
-      .hero-meta-year {
-        font-size: clamp(22px, 6.4vw, 31px);
-        letter-spacing: 0;
-        opacity: 1;
+      .hero-host-grid,
+      .hero-support-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        column-gap: 6px;
+        row-gap: 0;
       }
 
-      .hero-meta-en {
-        max-width: 100%;
-        font-size: 10px;
-        letter-spacing: 0.04em;
-        text-align: center;
-      }
-
-      .hero-title-main {
-        width: 100%;
-        font-size: clamp(26px, 7.6vw, 34px);
-        line-height: 1.06;
-        -webkit-text-stroke: 0.5px rgba(255,255,255,0.12);
+      .hero-host-grid span,
+      .hero-support-grid li {
+        white-space: normal;
       }
 
-      .hero-title-main span::before {
-        -webkit-text-stroke-width: 3px;
-        filter: blur(0.6px);
+      .hero-org-row,
+      .hero-org-host,
+      .hero-org-support {
+        grid-template-columns: 10em minmax(0, 1fr);
+        gap: 0 8px;
       }
 
-      .hero-title-main span:first-child {
-        transform: none;
-      }
-
-      .hero-title-main span:last-child {
-        transform: none;
+      .hero-title-img {
+        width: min(100%, calc(100vw - var(--kv-gutter-left) - var(--page-gutter)));
       }
 
       .hero-lead {
@@ -1684,27 +1764,25 @@
       }
 
       .hero-orgs {
-        width: min(100%, 560px);
-        grid-template-columns: 1fr;
-        font-size: 10px;
-        line-height: 1.44;
-        gap: 4px;
+        width: 100%;
+        max-width: none;
+        font-size: clamp(10px, 2.8vw, 12px);
+        line-height: 1.42;
+        gap: 5px;
       }
 
-      .hero-orgs p {
-        padding: 6px 8px;
+      .hero-support-grid li {
+        line-height: 1.32;
       }
 
-      .hero-actions {
-        width: 100%;
-        bottom: auto;
-        gap: clamp(6px, 2vw, 10px);
-        padding: 0 clamp(18px, 6vw, 28px);
-        background: transparent;
+      .hero-org-label {
+        width: var(--hero-org-label-w);
+        max-width: 100%;
       }
 
-      .hero-actions::before {
-        content: none;
+      .entry-quick-actions {
+        gap: clamp(6px, 2vw, 10px);
+        padding: clamp(12px, 3vw, 16px) clamp(18px, 6vw, 28px) 0;
       }
 
       .btn {
@@ -1717,15 +1795,15 @@
         transform: none;
       }
 
-      .hero-actions .btn-ghost {
+      .entry-quick-actions .btn-ghost {
         margin-top: 0;
         transform: none;
       }
 
       .btn:hover,
       .btn:focus,
-      .hero-actions .btn-ghost:hover,
-      .hero-actions .btn-ghost:focus {
+      .entry-quick-actions .btn-ghost:hover,
+      .entry-quick-actions .btn-ghost:focus {
         transform: translateY(-2px);
       }
 
@@ -1820,21 +1898,16 @@
 
     @media (max-width: 480px) {
       .hero {
-        padding-top: calc(var(--header-h) + 10px);
-        padding-bottom: calc(34px + var(--hero-action-bottom));
-      }
-
-      .hero-meta {
-        gap: 6px 10px;
+        padding-top: calc(var(--kv-gutter-top) + clamp(48px, 12vw, 72px) + var(--kv-logo-title-gap));
+        padding-bottom: 0;
       }
 
-      .hero-meta-en {
-        font-size: 10px;
-        line-height: 1.35;
+      .hero-lockup {
+        padding-bottom: clamp(96px, 24vw, 160px);
       }
 
-      .hero-title-main {
-        font-size: clamp(24px, 8.2vw, 30px);
+      .hero-title-img {
+        width: min(100%, calc(100vw - var(--kv-gutter-left) - var(--page-gutter)));
       }
 
       .hero-lead {
@@ -1846,9 +1919,10 @@
         line-height: 1.38;
       }
 
-      .hero-actions {
+      .entry-quick-actions {
         gap: clamp(12px, 4vw, 18px);
-        padding: 0 12px;
+        padding-left: 12px;
+        padding-right: 12px;
       }
 
       .btn {
@@ -1908,36 +1982,25 @@
       }
     }
 
-    @media (max-height: 620px) {
+    @media (max-height: 620px) and (min-width: 641px) {
       :root {
         --header-h: clamp(56px, 11vh, 70px);
-        --hero-action-h: clamp(46px, 9vh, 54px);
       }
 
       .hero {
         padding-top: calc(var(--header-h) + 14px);
-        padding-bottom: calc(var(--hero-action-h) + var(--hero-action-bottom) + 16px);
+        padding-bottom: clamp(20px, 3vh, 32px);
       }
 
       .hero-grid {
-        min-height: max(270px, calc(var(--vh) * 100 - var(--header-h) - var(--hero-action-h) - var(--hero-action-bottom) - 44px));
-      }
-
-      .hero-meta {
-        margin-bottom: 4px;
+        min-height: max(240px, calc(var(--vh) * 100 - var(--header-h) - 56px));
       }
 
-      .hero-title-main {
-        margin-top: 12px;
-        font-size: clamp(28px, 8vh, 44px);
+      .hero-title-img {
+        width: min(760px, 84vw);
       }
 
-      .hero-lead {
-        line-height: 1.55;
-        margin-top: 10px;
-      }
-
-      .hero-actions {
+      .entry-quick-actions {
         gap: clamp(12px, 3vw, 30px);
       }
 
@@ -1950,19 +2013,13 @@
     @media (max-width: 640px) and (max-height: 620px) {
       :root {
         --header-h: clamp(42px, 10vw, 56px);
-        --hero-action-h: clamp(44px, 8vh, 52px);
       }
 
-      .hero-title-main {
-        font-size: clamp(23px, 7vw, 29px);
-        line-height: 1.04;
+      .hero-title-img {
+        width: min(100%, 90vw);
       }
 
-      .hero-lead {
-        font-size: 13px;
-      }
-
-      .hero-actions {
+      .entry-quick-actions {
         gap: clamp(6px, 2vw, 10px);
       }
 
@@ -1972,17 +2029,8 @@
     }
 
     @media (orientation: landscape) and (max-height: 520px) {
-      .track-field {
-        display: none;
-      }
-
-      .hero-meta-en {
-        display: none;
-      }
-
-      .hero-meta-year {
-        font-size: clamp(20px, 8vh, 28px);
-        opacity: 1;
+      .hero-title-img {
+        width: min(680px, 72vw);
       }
     }
 
@@ -2003,15 +2051,15 @@
       font-weight: 800;
       line-height: 1.12;
       color: rgba(255,255,255,0.96);
-      border: 1px solid rgba(255,211,106,0.28);
+      border: 1px solid rgba(101,216,255,0.36);
       background:
-        radial-gradient(circle at 50% 22%, rgba(255,211,106,0.14), transparent 54%),
-        rgba(14, 84, 104, 0.88);
+        radial-gradient(circle at 50% 22%, rgba(101,216,255,0.18), transparent 54%),
+        linear-gradient(145deg, rgba(1,31,206,0.94), rgba(5,1,121,0.92));
       box-shadow:
-        0 0 0 clamp(5px, 0.7vw, 8px) rgba(24,126,139,0.32),
-        0 0 0 clamp(6px, 0.8vw, 9px) rgba(255,211,106,0.12),
-        0 0 22px rgba(255,211,106,0.14),
-        0 16px 34px rgba(0,0,0,0.28);
+        0 0 0 clamp(5px, 0.7vw, 8px) rgba(1,31,206,0.32),
+        0 0 0 clamp(6px, 0.8vw, 9px) rgba(101,216,255,0.14),
+        0 0 22px rgba(1,31,206,0.2),
+        0 16px 34px rgba(5,1,121,0.3);
       cursor: pointer;
       transition: transform 0.22s ease, box-shadow 0.22s ease;
     }
@@ -2021,10 +2069,10 @@
       transform: translateY(-4px);
       outline: none;
       box-shadow:
-        0 0 0 clamp(7px, 0.95vw, 11px) rgba(23,119,151,0.38),
-        0 0 0 clamp(8px, 1.05vw, 12px) rgba(255,211,106,0.14),
-        0 0 32px rgba(255,211,106,0.18),
-        0 22px 46px rgba(0,0,0,0.3);
+        0 0 0 clamp(7px, 0.95vw, 11px) rgba(1,31,206,0.42),
+        0 0 0 clamp(8px, 1.05vw, 12px) rgba(101,216,255,0.18),
+        0 0 32px rgba(1,31,206,0.26),
+        0 22px 46px rgba(5,1,121,0.34);
     }
 
     .float-logo-btn .action-label {
@@ -2039,7 +2087,7 @@
       align-items: center;
       justify-content: center;
       padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
-      background: rgba(3, 16, 38, 0.72);
+      background: rgba(5, 1, 121, 0.72);
       backdrop-filter: blur(8px);
       opacity: 0;
       visibility: hidden;
@@ -2063,7 +2111,7 @@
         radial-gradient(ellipse at 18% 0%, rgba(101,216,255,0.08), transparent 42%),
         radial-gradient(ellipse at 88% 8%, rgba(255,211,106,0.05), transparent 38%),
         linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)),
-        #11244c;
+        #050179;
       box-shadow: 0 24px 60px rgba(0,0,0,0.36);
     }
 
@@ -2076,7 +2124,7 @@
       justify-content: center;
       padding: 18px 56px;
       border-bottom: 1px solid rgba(143,232,255,0.12);
-      background: rgba(17, 36, 76, 0.96);
+      background: rgba(5, 1, 121, 0.96);
       backdrop-filter: blur(8px);
     }
 
@@ -2227,28 +2275,7 @@
     <header class="site-header">
       <div class="site-header-inner">
         <a class="brand" href="#top" aria-label="2026江苏省新消费创新创业大赛">
-          <span class="brand-mark" aria-hidden="true">
-            <svg class="brand-logo" viewBox="0 0 64 64" role="img">
-              <defs>
-                <linearGradient id="logoLine" x1="8" y1="10" x2="58" y2="54" gradientUnits="userSpaceOnUse">
-                  <stop offset="0" stop-color="#ffffff" />
-                  <stop offset="0.45" stop-color="#72e3ff" />
-                  <stop offset="1" stop-color="#ffd56f" />
-                </linearGradient>
-                <linearGradient id="logoCore" x1="20" y1="14" x2="46" y2="48" gradientUnits="userSpaceOnUse">
-                  <stop offset="0" stop-color="#ffffff" stop-opacity="0.96" />
-                  <stop offset="1" stop-color="#bfeaff" stop-opacity="0.78" />
-                </linearGradient>
-              </defs>
-              <path d="M12 38C18 20 35 10 52 12" fill="none" stroke="url(#logoLine)" stroke-width="4.4" stroke-linecap="round" />
-              <path d="M14 47C25 30 39 24 52 27" fill="none" stroke="url(#logoLine)" stroke-width="3.2" stroke-linecap="round" opacity="0.78" />
-              <path d="M25 14h22L35 50H13l12-36Z" fill="url(#logoCore)" opacity="0.94" />
-              <path d="M29 20h11l-6.1 18h-11L29 20Z" fill="#0d4eb6" opacity="0.72" />
-              <circle cx="49" cy="18" r="3.2" fill="#ffd56f" />
-              <text x="16" y="55" fill="#ffffff" font-family="Arial, sans-serif" font-size="10" font-weight="800" letter-spacing="0">2026</text>
-            </svg>
-          </span>
-          <span class="brand-text">2026江苏省新消费创新创业大赛</span>
+          <img class="brand-logo-img" src="/images/logo.jpg" alt="2026江苏省新消费创新创业大赛" />
         </a>
         <nav class="nav" aria-label="网站栏目"></nav>
       </div>
@@ -2256,107 +2283,82 @@
 
     <main id="top">
       <section class="hero">
+        <div class="hero-bg" aria-hidden="true">
+          <img src="/images/topbg.png" alt="" />
+        </div>
         <div class="section-inner hero-grid">
-          <div class="track-field" aria-hidden="true">
-            <svg class="track-composite" viewBox="0 0 1200 680" preserveAspectRatio="xMidYMid slice" focusable="false">
-              <defs>
-                <linearGradient id="trackGold" x1="110" y1="96" x2="590" y2="520" gradientUnits="userSpaceOnUse">
-                  <stop offset="0" stop-color="#ffe19a" stop-opacity="0.72" />
-                  <stop offset="0.55" stop-color="#ffd36a" stop-opacity="0.32" />
-                  <stop offset="1" stop-color="#65d8ff" stop-opacity="0.12" />
-                </linearGradient>
-                <linearGradient id="trackCyan" x1="820" y1="70" x2="1060" y2="390" gradientUnits="userSpaceOnUse">
-                  <stop offset="0" stop-color="#8fe8ff" stop-opacity="0.5" />
-                  <stop offset="1" stop-color="#5d7dff" stop-opacity="0.12" />
-                </linearGradient>
-                <linearGradient id="trackViolet" x1="180" y1="540" x2="780" y2="380" gradientUnits="userSpaceOnUse">
-                  <stop offset="0" stop-color="#cf49ff" stop-opacity="0.34" />
-                  <stop offset="0.58" stop-color="#65d8ff" stop-opacity="0.18" />
-                  <stop offset="1" stop-color="#ffe19a" stop-opacity="0.18" />
-                </linearGradient>
-                <radialGradient id="trackMist" cx="50%" cy="50%" r="65%">
-                  <stop offset="0" stop-color="#ffffff" stop-opacity="0.13" />
-                  <stop offset="0.5" stop-color="#65d8ff" stop-opacity="0.07" />
-                  <stop offset="1" stop-color="#65d8ff" stop-opacity="0" />
-                </radialGradient>
-                <pattern id="aiDots" width="34" height="34" patternUnits="userSpaceOnUse">
-                  <circle cx="4" cy="5" r="1.4" fill="#ffffff" opacity="0.34" />
-                  <circle cx="21" cy="20" r="1.1" fill="#65d8ff" opacity="0.28" />
-                </pattern>
-                <filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%">
-                  <feGaussianBlur stdDeviation="3" result="blur" />
-                  <feMerge>
-                    <feMergeNode in="blur" />
-                    <feMergeNode in="SourceGraphic" />
-                  </feMerge>
-                </filter>
-              </defs>
-              <path d="M52 474C205 168 418 116 620 268C792 398 901 511 1148 326" fill="none" stroke="url(#trackViolet)" stroke-width="1.2" opacity="0.48" />
-              <path d="M110 214C272 42 539 72 696 262C840 438 987 470 1168 404" fill="none" stroke="#65d8ff" stroke-width="0.9" opacity="0.16" />
-              <path d="M170 560C346 426 538 394 724 486C888 568 1010 538 1128 442" fill="none" stroke="#ffe19a" stroke-width="1" opacity="0.24" />
-              <ellipse cx="603" cy="344" rx="402" ry="228" fill="url(#trackMist)" opacity="0.5" />
-
-              <g filter="url(#softGlow)" opacity="0.8">
-                <path d="M120 190C172 104 310 84 408 148C500 208 500 334 396 392C286 452 128 400 96 290C86 254 96 220 120 190Z" fill="none" stroke="url(#trackGold)" stroke-width="1.35" />
-                <path d="M178 228C222 178 306 170 368 210C424 248 414 322 350 352C278 386 184 350 164 284C158 262 162 244 178 228Z" fill="none" stroke="#ffe19a" stroke-width="0.9" opacity="0.28" />
-                <path d="M226 280C276 250 326 254 372 290" fill="none" stroke="#ffffff" stroke-width="0.8" opacity="0.16" />
-              </g>
-
-              <g filter="url(#softGlow)" opacity="0.72">
-                <path d="M828 118C910 68 1038 102 1098 190C1160 280 1118 380 1016 404C902 432 794 358 780 250C774 198 792 148 828 118Z" fill="none" stroke="url(#trackCyan)" stroke-width="1.15" />
-                <path d="M842 272C888 226 930 226 972 272C1014 318 1056 318 1102 272" fill="none" stroke="#8fe8ff" stroke-width="1.35" opacity="0.36" />
-                <path d="M850 320C900 282 948 282 998 320" fill="none" stroke="#ffffff" stroke-width="0.8" opacity="0.15" />
-              </g>
-
-              <g filter="url(#softGlow)" opacity="0.7">
-                <path d="M182 574C260 448 502 402 704 462C830 500 902 486 994 422" fill="none" stroke="url(#trackViolet)" stroke-width="1.4" />
-                <path d="M248 612C346 508 516 480 678 526C780 556 862 540 942 486" fill="none" stroke="#cf49ff" stroke-width="0.9" opacity="0.24" />
-                <path d="M340 560C438 532 526 540 610 584" fill="none" stroke="#65d8ff" stroke-width="0.8" opacity="0.2" />
-              </g>
-
-              <g opacity="0.64">
-                <path d="M825 490C898 400 1066 388 1150 480C1232 570 1164 692 1024 704C886 716 768 602 825 490Z" fill="url(#aiDots)" opacity="0.9" />
-                <path d="M850 506C926 436 1052 436 1122 512" fill="none" stroke="#ffffff" stroke-width="0.8" opacity="0.16" />
-                <path d="M892 586C970 622 1046 614 1116 562" fill="none" stroke="#ffe19a" stroke-width="1" opacity="0.28" />
-              </g>
-            </svg>
-            <span class="track-focus"></span>
-          </div>
           <div class="hero-lockup">
-            <div class="hero-meta" aria-hidden="true">
-              <span class="hero-meta-year">2026</span>
-              <span class="hero-meta-en">Jiangsu New Consumption Innovation & Entrepreneurship Competition</span>
-            </div>
-            <h1 class="hero-title-main">
-              <span data-title="江苏省新消费">江苏省新消费</span>
-              <span data-title="创新创业大赛">创新创业大赛</span>
-            </h1>
+            <img class="hero-title-img" src="/images/title.png" alt="新消费 创新机 向未来 - 2026江苏省新消费创新创业大赛" />
             <div class="hero-orgs" aria-label="赛事组织单位">
-              <p><strong>主办单位：</strong>江苏省商务厅、共青团江苏省委</p>
-              <p class="support-unit"><strong>支持单位：</strong>省委人才办、省委宣传部、省教育厅、省科技厅、省工业和信息化厅、省民政厅、省财政厅、省人力资源社会保障厅、省农业农村厅、省文化和旅游厅、省卫生健康委、省市场监管局、省体育局、江苏广电总台</p>
-              <p><strong>承办单位：</strong>元禾控股</p>
-              <p><strong>官方指定宣传平台：</strong>江苏广电总台</p>
-              <p><strong>战略合作金融机构：</strong>江苏银行</p>
-              <p><strong>战略合作单位：</strong>抖音集团江苏公司</p>
+              <div class="hero-org-row hero-org-host">
+                <span class="hero-org-label">主&ensp;办&ensp;单&ensp;位：</span>
+                <div class="hero-host-grid">
+                  <span>江苏省商务厅</span>
+                  <span>共青团江苏省委会</span>
+                </div>
+              </div>
+              <div class="hero-org-row hero-org-support">
+                <span class="hero-org-label">支&ensp;持&ensp;单&ensp;位：</span>
+                <div class="hero-support-grid">
+                  <ul>
+                    <li>江苏省委人才办</li>
+                    <li>江苏省工业和信息化厅</li>
+                    <li>江苏省农业农村厅</li>
+                    <li>江苏省体育局</li>
+                  </ul>
+                  <ul>
+                    <li>江苏省委宣传部</li>
+                    <li>江苏省民政厅</li>
+                    <li>江苏省文化和旅游厅</li>
+                    <li>江苏广电总台</li>
+                  </ul>
+                  <ul>
+                    <li>江苏省教育厅</li>
+                    <li>江苏省财政厅</li>
+                    <li>江苏省卫生健康委</li>
+                  </ul>
+                  <ul>
+                    <li>江苏省科技厅</li>
+                    <li>江苏省人力资源社会保障厅</li>
+                    <li>江苏省市场监管局</li>
+                  </ul>
+                </div>
+              </div>
+              <p class="hero-org-row">
+                <span class="hero-org-label">承&ensp;办&ensp;单&ensp;位：</span>
+                <span class="hero-org-value">元禾控股</span>
+              </p>
+              <p class="hero-org-row">
+                <span class="hero-org-label">官方指定宣传平台：</span>
+                <span class="hero-org-value">江苏广电总台</span>
+              </p>
+              <p class="hero-org-row">
+                <span class="hero-org-label">战略合作金融机构：</span>
+                <span class="hero-org-value">江苏银行</span>
+              </p>
+              <p class="hero-org-row">
+                <span class="hero-org-label">战&ensp;略&ensp;合&ensp;作&ensp;平&ensp;台：</span>
+                <span class="hero-org-value">抖音集团江苏公司</span>
+              </p>
             </div>
           </div>
         </div>
-        <div class="hero-actions">
-          <a class="btn btn-primary" href="#about" aria-label="查看主题赛道">
-            <span class="action-label">主题赛道</span>
-          </a>
-          <a target="_blank" class="btn btn-signup" href="{{ $signupUrl }}" aria-label="报名参赛">
-            <span class="action-label">报名参赛</span>
-          </a>
-          <a class="btn btn-ghost" href="#guide" aria-label="查看参赛指南">
-            <span class="action-label">参赛指南</span>
-          </a>
-        </div>
       </section>
 
       <section class="section" id="entry">
         <div class="section-inner">
           <div class="section-card">
+            <div class="entry-quick-actions" aria-label="快捷导航">
+              <a class="btn btn-primary" href="#about" aria-label="查看主题赛道">
+                <span class="action-label">主题赛道</span>
+              </a>
+              <a target="_blank" class="btn btn-signup" href="{{ $signupUrl }}" aria-label="报名参赛">
+                <span class="action-label">报名参赛</span>
+              </a>
+              <a class="btn btn-ghost" href="#guide" aria-label="查看参赛指南">
+                <span class="action-label">参赛指南</span>
+              </a>
+            </div>
             <div class="section-head">
               <div class="section-kicker">ENTRY</div>
               <h2 class="section-title">参赛对象</h2>