From 2226a8f6c42033ac321a003d8eda4da441bdb5c6 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Wed, 19 Aug 2026 17:38:56 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/en/index.html                          |  3 +-
 public/en/index.php                           |  4 +
 public/frontend/assets/prototype-scale.js     | 86 +++++++++++++++++++
 public/frontend/assets/prototype.css          | 12 +++
 public/frontend/event-site-en.html            |  3 +-
 public/frontend/event-site.html               |  3 +-
 public/frontend/layout.html                   |  1 +
 public/frontend/login.html                    |  1 +
 public/frontend/pages/admin-audience.html     |  1 +
 .../frontend/pages/admin-checkin-mobile.html  |  2 +-
 public/frontend/pages/admin-detail.html       |  1 +
 public/frontend/pages/admin-list.html         |  1 +
 public/frontend/pages/admin-report.html       |  1 +
 public/frontend/pages/admin-reviewers.html    |  1 +
 public/frontend/pages/audience-form.html      |  1 +
 public/frontend/pages/my-event-detail.html    |  1 +
 public/frontend/pages/my-events.html          |  1 +
 public/frontend/pages/user-form.html          |  1 +
 public/frontend/prototype/login-en.html       |  1 +
 resources/views/welcome.blade.php             |  4 +
 20 files changed, 125 insertions(+), 4 deletions(-)
 create mode 100644 public/frontend/assets/prototype-scale.js

diff --git a/public/en/index.html b/public/en/index.html
index 6d18aba..94f5ad7 100644
--- a/public/en/index.html
+++ b/public/en/index.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Official website of the Inaugural Shanghai–Suzhou Collaborative Emerging Industries Science &amp; Technology Innovation Competition, focused on innovation across the photonics value chain.">
   <title>Inaugural Shanghai–Suzhou Collaborative Emerging Industries Science &amp; Technology Innovation Competition</title>
+  <script src="/frontend/assets/prototype-scale.js?v=20260819-hero"></script>
   <style>
     :root {
       --blue: #0094dc;
@@ -65,7 +66,7 @@
     .language-switch::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; border-radius: 999px; background: rgba(198,240,255,.32); transform: translateY(-50%); }
     .language-switch:hover { color: #8eeaff; text-shadow: 0 0 16px rgba(103,226,255,.72); }
 
-    .hero { position: relative; z-index: 6; width: 100vw; height: 100vh; height: 100dvh; min-height: 0; margin: 0; color: #fff; background: #160a66; overflow: hidden; }
+    .hero { position: relative; z-index: 6; width: 100%; height: 100vh; height: 100dvh; max-height: 100svh; max-height: 100dvh; min-height: 0; margin: 0; color: #fff; background: #160a66; overflow: hidden; }
     .hero::before { content: none; }
     .hero-banners { position: absolute; z-index: 0; inset: -1px; pointer-events: none; overflow: hidden; }
     .hero-banner {
diff --git a/public/en/index.php b/public/en/index.php
index fa0be83..8dc4395 100644
--- a/public/en/index.php
+++ b/public/en/index.php
@@ -28,6 +28,8 @@ $html = str_replace(
         "url('assets/",
         'src="assets/',
         "src='assets/",
+        'href="assets/',
+        "href='assets/",
         'href="event-site-en.html"',
         "href='event-site-en.html'",
         'href="event-site.html"',
@@ -58,6 +60,8 @@ $html = str_replace(
         "url('".$assetBase.'/',
         'src="'.$assetBase.'/',
         "src='".$assetBase.'/',
+        'href="'.$assetBase.'/',
+        "href='".$assetBase.'/',
         'href="'.$homeEnUrl.'"',
         "href='".$homeEnUrl."'",
         'href="'.$homeUrl.'"',
diff --git a/public/frontend/assets/prototype-scale.js b/public/frontend/assets/prototype-scale.js
new file mode 100644
index 0000000..ad6fe95
--- /dev/null
+++ b/public/frontend/assets/prototype-scale.js
@@ -0,0 +1,86 @@
+/**
+ * 原型尺寸自适应：以 MacBook Pro 13" 2020 默认逻辑分辨率 1440×900 为 1:1。
+ * 字体、图标随窗口缩放；首屏 banner 始终等于当前可视一屏，避免 100vh × zoom 撑出窗口。
+ */
+(function () {
+  var DESIGN_WIDTH = 1440;
+  var DESIGN_HEIGHT = 900;
+  var MOBILE_MAX = 767;
+  var MIN_SCALE = 0.75;
+  var MAX_SCALE = 1.5;
+
+  var root = document.documentElement;
+  if (root.getAttribute("data-prototype-scale") === "off") {
+    return;
+  }
+
+  var style = document.createElement("style");
+  style.setAttribute("data-prototype-scale", "css");
+  style.textContent = [
+    "html.is-prototype-scaled{zoom:var(--prototype-scale)}",
+    "html.is-prototype-scaled .hero{",
+    "width:100%!important;",
+    "height:var(--prototype-hero-height)!important;",
+    "max-height:var(--prototype-hero-height)!important;",
+    "min-height:0!important;",
+    "overflow:hidden;",
+    "}",
+    "html.is-prototype-scaled .hero-banners,",
+    "html.is-prototype-scaled .hero-banner{inset:0;}",
+    "@supports not (zoom:1){",
+    "html.is-prototype-scaled{font-size:calc(15px * var(--prototype-scale))}",
+    "}",
+  ].join("");
+  (document.head || root).appendChild(style);
+
+  function inIframe() {
+    try {
+      return window.self !== window.top;
+    } catch (err) {
+      return true;
+    }
+  }
+
+  function viewportSize() {
+    var visual = window.visualViewport;
+    return {
+      width: (visual && visual.width) || window.innerWidth || DESIGN_WIDTH,
+      height: (visual && visual.height) || window.innerHeight || DESIGN_HEIGHT,
+    };
+  }
+
+  function shouldFitBothAxes() {
+    var path = String(location.pathname || "");
+    return /(?:^|\/)(?:login(?:-en)?|layout)\.html$/.test(path);
+  }
+
+  function apply() {
+    var size = viewportSize();
+    var width = size.width;
+    var height = size.height;
+    var scale = 1;
+    var scaled = false;
+
+    if (!inIframe() && width > MOBILE_MAX) {
+      scale = shouldFitBothAxes()
+        ? Math.min(width / DESIGN_WIDTH, height / DESIGN_HEIGHT)
+        : width / DESIGN_WIDTH;
+      scale = Math.max(MIN_SCALE, Math.min(MAX_SCALE, scale));
+      scaled = true;
+    }
+
+    root.style.setProperty("--prototype-scale", String(scale));
+    root.style.setProperty("--prototype-design-width", DESIGN_WIDTH + "px");
+    root.style.setProperty("--prototype-design-height", DESIGN_HEIGHT + "px");
+    // zoom 后再等于一屏：布局高度 = 可视高度 / scale
+    root.style.setProperty("--prototype-hero-height", height / scale + "px");
+    root.classList.toggle("is-prototype-scaled", scaled);
+  }
+
+  apply();
+  window.addEventListener("resize", apply);
+  window.addEventListener("orientationchange", apply);
+  if (window.visualViewport) {
+    window.visualViewport.addEventListener("resize", apply);
+  }
+})();
diff --git a/public/frontend/assets/prototype.css b/public/frontend/assets/prototype.css
index c5c1d89..3aa3728 100644
--- a/public/frontend/assets/prototype.css
+++ b/public/frontend/assets/prototype.css
@@ -755,7 +755,14 @@ body.prototype-page .my-registrations-modal-empty-icon {
   color: #708998;
 }
 
+:root {
+  --prototype-design-width: 1440;
+  --prototype-design-height: 900;
+  --prototype-scale: 1;
+}
+
 html, body {
+  /* 15px = MacBook Pro 13" 2020（1440×900）设计稿基准字号；桌面端由 prototype-scale.js 按视口缩放 */
   font-size: 15px;
   color: var(--text);
   max-width: 100%;
@@ -3839,6 +3846,11 @@ body.login-page-wls *::after {
   transform: translateY(-10px);
 }
 
+.login-page-wls__logo svg {
+  width: 4.8rem;
+  height: 4.8rem;
+}
+
 .login-page-wls__mark {
   margin-bottom: 0.9rem;
 }
diff --git a/public/frontend/event-site-en.html b/public/frontend/event-site-en.html
index c31b745..8c555e1 100644
--- a/public/frontend/event-site-en.html
+++ b/public/frontend/event-site-en.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Official website of the Inaugural Shanghai–Suzhou Collaborative Emerging Industries Science &amp; Technology Innovation Competition, focused on innovation across the photonics value chain.">
   <title>Inaugural Shanghai–Suzhou Collaborative Emerging Industries Science &amp; Technology Innovation Competition</title>
+  <script src="assets/prototype-scale.js?v=20260819-hero"></script>
   <style>
     :root {
       --blue: #0094dc;
@@ -65,7 +66,7 @@
     .language-switch::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; border-radius: 999px; background: rgba(198,240,255,.32); transform: translateY(-50%); }
     .language-switch:hover { color: #8eeaff; text-shadow: 0 0 16px rgba(103,226,255,.72); }
 
-    .hero { position: relative; z-index: 6; width: 100vw; height: 100vh; height: 100dvh; min-height: 0; margin: 0; color: #fff; background: #160a66; overflow: hidden; }
+    .hero { position: relative; z-index: 6; width: 100%; height: 100vh; height: 100dvh; max-height: 100svh; max-height: 100dvh; min-height: 0; margin: 0; color: #fff; background: #160a66; overflow: hidden; }
     .hero::before { content: none; }
     .hero-banners { position: absolute; z-index: 0; inset: -1px; pointer-events: none; overflow: hidden; }
     .hero-banner {
diff --git a/public/frontend/event-site.html b/public/frontend/event-site.html
index 04f206b..3d0b98c 100644
--- a/public/frontend/event-site.html
+++ b/public/frontend/event-site.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="首届沪苏协同新兴产业科创大赛官方网站，聚焦光通信全产业链创新。">
   <title>首届沪苏协同新兴产业科创大赛</title>
+  <script src="assets/prototype-scale.js?v=20260819-hero"></script>
   <style>
     @font-face {
       font-family: "Smiley Sans";
@@ -72,7 +73,7 @@
     .language-switch::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; border-radius: 999px; background: rgba(198,240,255,.32); transform: translateY(-50%); }
     .language-switch:hover { color: #8eeaff; text-shadow: 0 0 16px rgba(103,226,255,.72); }
 
-    .hero { position: relative; z-index: 6; width: 100vw; height: 100vh; height: 100dvh; min-height: 0; margin: 0; color: #fff; background: #160a66; overflow: hidden; }
+    .hero { position: relative; z-index: 6; width: 100%; height: 100vh; height: 100dvh; max-height: 100svh; max-height: 100dvh; min-height: 0; margin: 0; color: #fff; background: #160a66; overflow: hidden; }
     .hero::before { content: none; }
     .hero-banners { position: absolute; z-index: 0; inset: -1px; pointer-events: none; overflow: hidden; }
     .hero-banner {
diff --git a/public/frontend/layout.html b/public/frontend/layout.html
index 1373c8d..60fe5c5 100644
--- a/public/frontend/layout.html
+++ b/public/frontend/layout.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="./assets/bootstrap.min.css" />
   <link rel="stylesheet" href="./assets/prototype.css" />
+  <script src="./assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page layout-shell">
   <header class="navbar navbar-expand-lg layout-header">
diff --git a/public/frontend/login.html b/public/frontend/login.html
index fc8360c..8bf81bf 100644
--- a/public/frontend/login.html
+++ b/public/frontend/login.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="./assets/prototype.css" />
+  <script src="./assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="login-page-wls">
   <div class="login-page-wls__wrap">
diff --git a/public/frontend/pages/admin-audience.html b/public/frontend/pages/admin-audience.html
index 179ac97..889995d 100644
--- a/public/frontend/pages/admin-audience.html
+++ b/public/frontend/pages/admin-audience.html
@@ -6,6 +6,7 @@
   <title>观众与核销</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page admin-desktop-page audience-admin-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/pages/admin-checkin-mobile.html b/public/frontend/pages/admin-checkin-mobile.html
index ee5643e..ab1a0b1 100644
--- a/public/frontend/pages/admin-checkin-mobile.html
+++ b/public/frontend/pages/admin-checkin-mobile.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="zh-CN">
+<html lang="zh-CN" data-prototype-scale="off">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
diff --git a/public/frontend/pages/admin-detail.html b/public/frontend/pages/admin-detail.html
index 8f96131..cd994df 100644
--- a/public/frontend/pages/admin-detail.html
+++ b/public/frontend/pages/admin-detail.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css?v=20260808-2" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page admin-desktop-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/pages/admin-list.html b/public/frontend/pages/admin-list.html
index c6c8d5a..6cdac80 100644
--- a/public/frontend/pages/admin-list.html
+++ b/public/frontend/pages/admin-list.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page admin-desktop-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/pages/admin-report.html b/public/frontend/pages/admin-report.html
index b0a8173..8427677 100644
--- a/public/frontend/pages/admin-report.html
+++ b/public/frontend/pages/admin-report.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page admin-desktop-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/pages/admin-reviewers.html b/public/frontend/pages/admin-reviewers.html
index 7051876..c7ea786 100644
--- a/public/frontend/pages/admin-reviewers.html
+++ b/public/frontend/pages/admin-reviewers.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page admin-desktop-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/pages/audience-form.html b/public/frontend/pages/audience-form.html
index 6e17cd8..3d8eac9 100644
--- a/public/frontend/pages/audience-form.html
+++ b/public/frontend/pages/audience-form.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page audience-page">
   <div class="container-fluid audience-page-shell">
diff --git a/public/frontend/pages/my-event-detail.html b/public/frontend/pages/my-event-detail.html
index c1831f6..23af0cf 100644
--- a/public/frontend/pages/my-event-detail.html
+++ b/public/frontend/pages/my-event-detail.html
@@ -7,6 +7,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/pages/my-events.html b/public/frontend/pages/my-events.html
index c1af8f3..560624d 100644
--- a/public/frontend/pages/my-events.html
+++ b/public/frontend/pages/my-events.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/pages/user-form.html b/public/frontend/pages/user-form.html
index b0ba59a..143b4ad 100644
--- a/public/frontend/pages/user-form.html
+++ b/public/frontend/pages/user-form.html
@@ -6,6 +6,7 @@
   <title>“光联万物  创芯未来”首届沪苏协同新兴产业科创大赛报名系统</title>
   <link rel="stylesheet" href="../assets/bootstrap.min.css" />
   <link rel="stylesheet" href="../assets/prototype.css" />
+  <script src="../assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="prototype-page">
   <div class="container-fluid p-3 p-md-4">
diff --git a/public/frontend/prototype/login-en.html b/public/frontend/prototype/login-en.html
index 992f6dc..9919200 100644
--- a/public/frontend/prototype/login-en.html
+++ b/public/frontend/prototype/login-en.html
@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Shanghai–Suzhou Collaborative Emerging Industries Sci-Tech Innovation Competition Registration System</title>
   <link rel="stylesheet" href="/frontend/assets/prototype.css" />
+  <script src="/frontend/assets/prototype-scale.js?v=20260819-hero"></script>
 </head>
 <body class="login-page-wls login-page-wls--en">
   <div class="login-page-wls__wrap">
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index ba82924..303a714 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -40,6 +40,8 @@
           "url('assets/",
           'src="assets/',
           "src='assets/",
+          'href="assets/',
+          "href='assets/",
           'href="event-site-en.html"',
           "href='event-site-en.html'",
           'href="event-site.html"',
@@ -70,6 +72,8 @@
           "url('".$assetBase.'/',
           'src="'.$assetBase.'/',
           "src='".$assetBase.'/',
+          'href="'.$assetBase.'/',
+          "href='".$assetBase.'/',
           'href="'.$homeEnUrl.'"',
           "href='".$homeEnUrl."'",
           'href="'.$homeUrl.'"',