From 4ad03b9c1e9ad6a6a97c225fe2bc1cd02c08c1c8 Mon Sep 17 00:00:00 2001
From: MasonLiu <2857911564@qq.com>
Date: Mon, 14 Sep 2026 22:14:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md | 4 ++++
 index.html   | 7 +++++++
 index.php    | 4 ++--
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1260965..889a43f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,10 @@
 - 后台体验统一：各内容页（导航 / 内部功能 / 文章 / 外部工具 / 网站 / 公告 / 风控）改用统一的 `.admin-head` 标题区（标题 + 说明 + 操作区 + 分隔线），去除各页零散内联样式
 - 更新说明文档：首页顶部组件模式（现共 10 种）与密码散列方案说明
 
+### 修复
+
+- 加载页（`index.html`）移动端适配：顶部两行 HUD 文案（`SECHOME-BOOT` / `AUTH: PENDING`）在窄屏下相互重叠并向右溢出，改为缩小字号 / 字距并上下堆叠于左上角，超长时省略，避免遮挡与横向溢出
+
 ## 2026-09-12
 
 ### 新增
diff --git a/index.html b/index.html
index e28e144..6ac53f6 100644
--- a/index.html
+++ b/index.html
@@ -65,6 +65,13 @@ window.LOGO_CONFIG = {
   .hud{position:fixed;pointer-events:none;font-size:12px;letter-spacing:2px;
     color:rgba(0,255,65,.75);white-space:nowrap;}
   .hud.tl{top:22px;left:66px;} .hud.tr{top:22px;right:66px;}
+  /* 移动端：两行 HUD 文案较长，窄屏下会相互重叠并溢出；改为缩小字号/字距，
+     并将两行上下堆叠于左上角，超长时省略，避免遮挡与横向溢出 */
+  @media (max-width:767px){
+    .hud{font-size:10px;letter-spacing:1px;max-width:calc(100vw - 84px);overflow:hidden;text-overflow:ellipsis;}
+    .hud.tl{top:20px;left:66px;}
+    .hud.tr{top:38px;left:66px;right:auto;}
+  }
 
   /* 动画层（结尾坍缩） */
   #animLayer{position:fixed;inset:0;z-index:10;overflow:hidden;background:var(--bg);
diff --git a/index.php b/index.php
index 4c2ea45..f175904 100644
--- a/index.php
+++ b/index.php
@@ -121,7 +121,7 @@ layout_head('');
       <!-- 红队 · 渗透测试流程（动态步进） -->
       <div class="ptflow ptflow-red js-ptflow">
         <div class="ptflow-head">
-          <span class="ptflow-title">红队 · 渗透测试<span class="ptflow-tag">RED TEAM</span></span>
+          <span class="ptflow-title">渗透测试<span class="ptflow-tag">RED TEAM</span></span>
           <span class="ptflow-phase js-ptflow-phase">当前阶段：侦察（1/8）</span>
         </div>
         <ol class="ptflow-track">
@@ -149,7 +149,7 @@ layout_head('');
       <!-- 蓝队 · 渗透测试（动态步进） -->
       <div class="ptflow ptflow-blue js-ptflow">
         <div class="ptflow-head">
-          <span class="ptflow-title">蓝队 · 安全巡检<span class="ptflow-tag">BLUE TEAM</span></span>
+          <span class="ptflow-title">安全巡检<span class="ptflow-tag">BLUE TEAM</span></span>
           <span class="ptflow-phase js-ptflow-phase">当前阶段：测绘（1/8）</span>
         </div>
         <ol class="ptflow-track">