diff --git a/web/home.html b/web/home.html
index 5a7b6da..f2bb895 100644
--- a/web/home.html
+++ b/web/home.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE 铁路票务系统 - 首页</title>
+    <title>首页|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=13">
@@ -44,6 +44,67 @@
         </div>
 
         <main class="jr-public-main">
+            <section class="jr-home-hero">
+                <article class="jr-home-hero-main">
+                    <span class="jr-kicker">FSE PUBLIC TICKET PORTAL</span>
+                    <h1>FSE 铁路运输票务系统</h1>
+                    <p class="jr-home-hero-text">
+                        ⌈票行千里，智通未来⌋
+                        购票、查询、办卡
+                    </p>
+                    <div class="jr-home-hero-actions">
+                        <a href="https://ticket.fse-media.group/order" data-link="order" class="jr-cta-primary">开始预定</a>
+                        <a href="https://ticket.fse-media.group/search" data-link="search" class="jr-cta-secondary">查询票据</a>
+                    </div>
+                    <div class="jr-home-hero-stats">
+                        <div class="jr-home-stat">
+                            <strong>线上预定</strong>
+                            <span>生成凭证码并在站内兑票</span>
+                        </div>
+                        <div class="jr-home-stat">
+                            <strong>电子票查询</strong>
+                            <span>支持票号、区间和日期检索</span>
+                        </div>
+                        <div class="jr-home-stat">
+                            <strong>线路资源</strong>
+                            <span>查看线路图与票价图</span>
+                        </div>
+                    </div>
+                </article>
+
+                <aside class="jr-home-hero-side">
+                    <div class="jr-home-side-head">
+                        <span class="jr-kicker">SERVICE GUIDE</span>
+                        <h2>乘车流程</h2>
+                    </div>
+                    <ol class="jr-process-list jr-home-process">
+                        <li>在线选择起点、终点、车型和乘次数量</li>
+                        <li>确认票价与路径后生成订单凭证</li>
+                        <li>前往游戏内售票机输入凭证码兑票</li>
+                    </ol>
+                    <div class="jr-home-side-strip">
+                        <div>
+                            <span>支持服务</span>
+                            <strong>订票 / 查询 / 办卡</strong>
+                        </div>
+                    </div>
+                </aside>
+            </section>
+
+            <section class="jr-home-alert">
+                <div class="jr-alert-title">
+                    <i class="fas fa-circle-info"></i>
+                    <span>旅客提醒</span>
+                </div>
+                <p>线上预定生成的凭证码与IC卡订单号请及时保存；如需补查订单、车票状态或IC卡信息，可在对应查询页继续检索。</p>
+            </section>
+
+            <section class="jr-page-intro">
+                <span class="jr-kicker">SERVICE ENTRY</span>
+                <h1>从首页直接进入票务服务</h1>
+                <p>线上预定 / 车票查询 / 凭证核验 / IC卡</p>
+            </section>
+
             <section class="jr-home-service-grid">
                 <a href="https://ticket.fse-media.group/order" data-link="order" class="jr-home-service-card jr-home-service-primary">
                     <span class="jr-feature-icon"><i class="fas fa-ticket-alt"></i></span>
@@ -80,6 +141,16 @@
                         <span>输入卡号或订单号，查看卡状态、余额与最近记录。</span>
                     </span>
                 </a>
+                <article class="jr-home-mini-card">
+                    <span class="jr-kicker">POPULAR</span>
+                    <h3>常用操作</h3>
+                    <ul class="jr-guide-list">
+                        <li>先订票，再截图保存凭证码。</li>
+                        <li>线上购卡后请同时保存卡号与订单号。</li>
+                        <li>如票据状态不明，优先进入查询页核验。</li>
+                        <li>查看线路资源时可对照票价图与线路图。</li>
+                    </ul>
+                </article>
             </section>
 
             <section class="jr-home-assets">
diff --git a/web/ic-card-admin.html b/web/ic-card-admin.html
index cb3eb60..8175d15 100644
--- a/web/ic-card-admin.html
+++ b/web/ic-card-admin.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE 铁路票务系统 - IC 卡管理</title>
+    <title>IC卡管理|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=13">
diff --git a/web/ic-card-detail.html b/web/ic-card-detail.html
index 78a0fb1..c4bc346 100644
--- a/web/ic-card-detail.html
+++ b/web/ic-card-detail.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>IC 卡详情</title>
+    <title>IC卡详情|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=13">
diff --git a/web/ic-card-order.html b/web/ic-card-order.html
index 5f91488..c85ec7d 100644
--- a/web/ic-card-order.html
+++ b/web/ic-card-order.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>IC 卡线上购卡</title>
+    <title>线上购卡|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=13">
diff --git a/web/ic-card-search.html b/web/ic-card-search.html
index d599dde..296b4ad 100644
--- a/web/ic-card-search.html
+++ b/web/ic-card-search.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>IC 卡查询</title>
+    <title>IC卡查询|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=14">
diff --git a/web/index.html b/web/index.html
index be98cae..f6882f0 100644
--- a/web/index.html
+++ b/web/index.html
@@ -5,7 +5,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE铁路票务系统控制台</title>
+    <title>控制台|FSE铁路运输票务系统</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="style.css?v=14">
     <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
diff --git a/web/login.html b/web/login.html
index 26ff738..78cc20e 100644
--- a/web/login.html
+++ b/web/login.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>后台控制台登录</title>
+  <title>登录后台|FSE铁路运输票务系统</title>
   <link rel="icon" type="image/png" href="/FSE-ticket.png">
   <link rel="stylesheet" href="/style.css?v=13" />
 </head>
@@ -35,7 +35,7 @@
         <div class="jr-admin-login-copy">
           <span class="jr-kicker">OPERATIONS ACCESS</span>
           <h1>后台控制台</h1>
-          <p>线路维护、票务管理、日志查询与 IC 卡管理统一从这里进入。</p>
+          <p>线路维护、票务管理、日志查询与 IC 卡管理统一从·这里进入。</p>
           <ul class="jr-admin-login-points">
             <li>统一管理线路、票价和资源图文件</li>
             <li>查看电子票、凭证与操作日志</li>
diff --git a/web/ticket-board.html b/web/ticket-board.html
index 1659724..e968821 100644
--- a/web/ticket-board.html
+++ b/web/ticket-board.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE铁路电子客票</title>
+    <title>电子客票|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=13">
diff --git a/web/ticket-order.html b/web/ticket-order.html
index fac0a0c..2794d16 100644
--- a/web/ticket-order.html
+++ b/web/ticket-order.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>线上预定</title>
+  <title>线上预定|FSE铁路运输票务系统</title>
   <link rel="icon" type="image/png" href="/FSE-ticket.png">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <link rel="stylesheet" href="/style.css?v=13">
diff --git a/web/ticket-route.html b/web/ticket-route.html
index 804c188..f3d9410 100644
--- a/web/ticket-route.html
+++ b/web/ticket-route.html
@@ -5,7 +5,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FSE铁路票务系统 - 线路规划</title>
+    <title>线路规划|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=13">
@@ -19,7 +19,7 @@
             <div class="jr-topbar-inner">
                 <a href="https://ticket.fse-media.group" class="jr-top-link" id="routeTopLink">
                     <i class="fas fa-train"></i>
-                    <span>FSE 铁路运输后台系统</span>
+                    <span>FSE铁路运输票务系统</span>
                 </a>
                 <div class="jr-top-status is-checking" data-server-status-root>
                     <span class="jr-top-status-label">服务器状态</span>
@@ -95,7 +95,6 @@
                         <button class="icon-btn mobile-only" @click="sidebarOpen = !sidebarOpen" title="菜单"><i
                                 class="fas fa-bars"></i></button>
                         <div>
-                            <span class="jr-kicker">JR STYLE ADMIN</span>
                             <h3 style="margin: 0;">{{ viewTitle }}</h3>
                         </div>
                     </div>
diff --git a/web/ticket-search.html b/web/ticket-search.html
index 1fdcaa1..bb27f4c 100644
--- a/web/ticket-search.html
+++ b/web/ticket-search.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>票务查询</title>
+    <title>票务查询|FSE铁路运输票务系统</title>
     <link rel="icon" type="image/png" href="/FSE-ticket.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="/style.css?v=14" />
diff --git a/web/token.html b/web/token.html
index f6b7402..5e912d0 100644
--- a/web/token.html
+++ b/web/token.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>凭证详情</title>
+  <title>凭证详情|FSE铁路运输票务系统</title>
   <link rel="icon" type="image/png" href="/FSE-ticket.png">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <link rel="stylesheet" href="/style.css?v=13" />
@@ -30,7 +30,7 @@
         <a href="https://ticket.fse-media.group" class="jr-brand" id="brandLink">
           <img src="/FSE-ticket.png" alt="FSE Railway" class="jr-brand-logo" />
           <div class="jr-brand-copy">
-            <strong>FSE铁路售票系统</strong>
+            <strong>FSE铁路运输票务系统</strong>
             <span>凭证详情</span>
           </div>
         </a>