From ff33b630a536b78c62016e55ad13e075d58111ef Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Fri, 28 Aug 2026 16:30:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/frontend/event-site.html | 49 +++++++++++++++++++++++----------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/public/frontend/event-site.html b/public/frontend/event-site.html
index 841a1bf..b9afccc 100644
--- a/public/frontend/event-site.html
+++ b/public/frontend/event-site.html
@@ -9,21 +9,27 @@
   <style>
     @font-face {
       font-family: "Event Heiti";
-      src: local("Heiti SC"), local("STHeiti"), local("黑体"), local("SimHei");
+      src: local("Heiti SC"), local("STHeiti"), local("PingFang SC"), local("PingFangSC-Regular"), local("黑体"), local("SimHei"),
+           url("assets/fonts/SourceHanSansSC-Regular-gb2312.woff2?v=20260828") format("woff2");
       font-weight: 400 900;
       font-style: normal;
+      font-display: swap;
     }
     @font-face {
       font-family: "Event Songti";
-      src: local("Songti SC"), local("STSong"), local("宋体"), local("SimSun"), local("NSimSun");
+      src: local("Songti SC"), local("STSongti-SC-Regular"), local("STSong"), local("宋体"), local("SimSun"), local("NSimSun"),
+           url("assets/fonts/SourceHanSerifSC-Regular-gb2312.woff2?v=20260828") format("woff2");
       font-weight: 400;
       font-style: normal;
+      font-display: swap;
     }
     @font-face {
       font-family: "Event Songti";
-      src: local("Songti SC Bold"), local("STSongti-SC-Bold"), local("宋体"), local("SimSun"), local("NSimSun");
+      src: local("Songti SC Bold"), local("STSongti-SC-Bold"), local("宋体"), local("SimSun"), local("NSimSun"),
+           url("assets/fonts/SourceHanSerifSC-SemiBold-gb2312.woff2?v=20260828") format("woff2");
       font-weight: 600 900;
       font-style: normal;
+      font-display: swap;
     }
     :root {
       --blue: #0094dc;
@@ -46,8 +52,8 @@
       --white: #fff;
       --wrap: min(1280px, calc(100% - 64px));
       --ease: cubic-bezier(.2,.8,.2,1);
-      --font-sans: "Event Heiti", sans-serif;
-      --font-serif: "Event Songti", serif;
+      --font-sans: "Event Heiti", "PingFang SC", "Heiti SC", sans-serif;
+      --font-serif: "Event Songti", "Songti SC", "STSongti-SC-Regular", serif;
       --font-small: var(--font-serif);
       --font-small-size: 14px;
       --font-en: var(--font-serif);
@@ -110,10 +116,10 @@
       pointer-events: none;
     }
     .hero-banner--landmarks {
-      background-image: url("assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826");
+      background-image: none;
     }
     .hero-banner--photonic {
-      background-image: url("assets/generated/hero-photonic-youth-blue-purple-balanced-v7-sharp-trails-4k.jpg?v=20260826");
+      background-image: none;
       background-position: center center;
     }
     .hero-banner--photonic img { object-position: center center; }
@@ -561,7 +567,7 @@
       .site-header .wrap, .hero .wrap { width: min(760px, calc(100% - 40px)); }
       .brand { width: min(16.8vw, 152px); }
       .hero { background-position: 55% center; }
-      .hero-banner--landmarks { background-image: url("assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826"); background-size: cover; background-position: 10% center; }
+      .hero-banner--landmarks { background-image: none; background-size: cover; background-position: 10% center; }
       .hero-banner--landmarks img { object-position: 10% center; }
       .hero-banner--photonic { background-size: cover; background-position: right center; }
       .hero-banner--photonic img { object-position: right center; }
@@ -604,7 +610,7 @@
       .header-inner { min-height: 62px; }
       .brand { width: min(34.4%, 124px); }
       .nav { display: none; }
-      .hero-banner--landmarks { background-image: url("assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826"); background-size: cover; background-position: 10% center; }
+      .hero-banner--landmarks { background-image: none; background-size: cover; background-position: 10% center; }
       .hero-banner--landmarks img { object-position: 10% center; }
       .hero-banner--photonic { background-size: cover; background-position: right center; }
       .hero-banner--photonic img { object-position: right center; }
@@ -5646,14 +5652,14 @@
     <section class="hero is-orbit-visible">
       <div class="hero-banners" aria-hidden="true">
         <div class="hero-banner hero-banner--landmarks is-active">
-          <img src="assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826" alt="">
+          <img src="assets/generated/hero-three-landmarks-clean-field-v16.png?v=20260826" alt="" fetchpriority="high" decoding="async">
         </div>
         <div class="hero-banner hero-banner--photonic">
-          <img src="assets/generated/hero-photonic-youth-blue-purple-balanced-v7-sharp-trails-4k.jpg?v=20260826" alt="">
+          <img data-src="assets/generated/hero-photonic-youth-blue-purple-balanced-v7-sharp-trails-4k.jpg?v=20260826" alt="" decoding="async">
         </div>
       </div>
       <div class="hero-map-dots" aria-hidden="true"></div>
-      <img class="hero-orbit-beams" src="assets/generated/hero-reference-beams-v1.png?v=20260826" alt="" aria-hidden="true">
+      <img class="hero-orbit-beams" src="assets/generated/hero-reference-beams-v1.png?v=20260826" alt="" aria-hidden="true" loading="lazy" decoding="async">
       <div class="hero-orbit-composition" aria-hidden="true">
         <div class="hero-orbit-mark">
           <img src="assets/competition-radial-mark.png?v=20260826" alt="">
@@ -5696,9 +5702,9 @@
           </div>
           <div class="audience-detail">
             <div class="audience-types" aria-label="参赛主体类型">
-              <div class="audience-type" tabindex="0"><img src="assets/icons/audience-enterprise.svg" alt=""><div><strong>科技企业</strong><p>光通信细分领域创业项目，目前已具备一定的技术储备和市场规模。</p></div></div>
-              <div class="audience-type" tabindex="0"><img src="assets/icons/audience-university.svg" alt=""><div><strong>高校团队</strong><p>关注产学研成果转化类项目，目前已进行概念验证，希望进行市场化运作。</p></div></div>
-              <div class="audience-type" tabindex="0"><img src="assets/icons/audience-institute.svg" alt=""><div><strong>科研院所</strong><p>聚焦光通信产业领域前沿技术类项目，未来可引领技术市场发展方向。</p></div></div>
+              <div class="audience-type" tabindex="0"><img src="assets/icons/audience-enterprise.svg" alt="" loading="lazy"><div><strong>科技企业</strong><p>光通信细分领域创业项目，目前已具备一定的技术储备和市场规模。</p></div></div>
+              <div class="audience-type" tabindex="0"><img src="assets/icons/audience-university.svg" alt="" loading="lazy"><div><strong>高校团队</strong><p>关注产学研成果转化类项目，目前已进行概念验证，希望进行市场化运作。</p></div></div>
+              <div class="audience-type" tabindex="0"><img src="assets/icons/audience-institute.svg" alt="" loading="lazy"><div><strong>科研院所</strong><p>聚焦光通信产业领域前沿技术类项目，未来可引领技术市场发展方向。</p></div></div>
             </div>
           </div>
         </div>
@@ -5855,15 +5861,28 @@
       var fadeMs = 1200;
       var intervalMs = 7000;
 
+      function ensureBannerImage(banner) {
+        if (!banner) return;
+        var img = banner.querySelector("img[data-src]");
+        if (!img || img.getAttribute("src")) return;
+        img.setAttribute("src", img.getAttribute("data-src"));
+        img.removeAttribute("data-src");
+      }
+
       function setOrbitVisible(visible) {
         if (!hero) return;
         hero.classList.toggle("is-orbit-visible", visible);
       }
 
+      window.setTimeout(function () {
+        ensureBannerImage(banners[(index + 1) % banners.length]);
+      }, 1500);
+
       window.setInterval(function () {
         if (fading) return;
         fading = true;
         var next = (index + 1) % banners.length;
+        ensureBannerImage(banners[next]);
         banners[next].style.zIndex = "2";
         banners[next].classList.add("is-active");
         setOrbitVisible(banners[next].classList.contains("hero-banner--landmarks"));