diff --git a/web/assest/LOGO.png b/web/assest/LOGO.png
new file mode 100644
index 0000000..1a17a0c
Binary files /dev/null and b/web/assest/LOGO.png differ
diff --git a/web/assest/logo 19.png b/web/assest/logo 19.png
new file mode 100644
index 0000000..40f78bf
Binary files /dev/null and b/web/assest/logo 19.png differ
diff --git a/web/assest/图层 37.png b/web/assest/图层 37.png
new file mode 100644
index 0000000..3069572
Binary files /dev/null and b/web/assest/图层 37.png differ
diff --git a/web/dbzq.css b/web/dbzq.css
index 21d853d..0136154 100644
--- a/web/dbzq.css
+++ b/web/dbzq.css
@@ -1,3 +1,17 @@
+@font-face {
+    font-family: "叶根友飘悦飞草2.0";
+    src: url("fonts/叶根友飘悦飞草2.0.TTF") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "方正粗倩简体";
+    src: url("fonts/FZCuQian.ttf") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+
 * {
     margin: 0;
     padding: 0;
@@ -9,6 +23,7 @@ html {
 }
 
 body {
+    position: relative;
     width: 1600px;
     margin: 0 auto;
     background: #ECEBF1;
@@ -55,7 +70,6 @@ img {
     height: 100%;
 }
 
-/* 房子图标 */
 .topbar .welcome-icon {
     position: absolute;
     left: 203px;
@@ -65,7 +79,6 @@ img {
     height: 13px;
 }
 
-/* 欢迎文字 */
 .topbar .welcome-text {
     position: absolute;
     left: 222px;
@@ -75,7 +88,6 @@ img {
     white-space: nowrap;
 }
 
-/* 欢迎右侧箭头 */
 .topbar .welcome-arrow {
     position: absolute;
     left: 380px;
@@ -85,7 +97,6 @@ img {
     height: 5px;
 }
 
-/* 军网导航 */
 .topbar .nav {
     position: absolute;
     left: 416px;
@@ -94,7 +105,6 @@ img {
     color: #414141;
 }
 
-/* 军网导航箭头 */
 .topbar .nav-arrow {
     position: absolute;
     left: 474px;
@@ -104,7 +114,6 @@ img {
     height: 5px;
 }
 
-/* 搜索框 */
 .topbar .searchbox {
     position: absolute;
     left: 688px;
@@ -157,7 +166,6 @@ img {
     color: #626468;
 }
 
-/* 用户信息 */
 .user-info {
     position: absolute;
     left: 1046px;
@@ -167,7 +175,6 @@ img {
     font-size: 12px;
 }
 
-/* 右侧链接组 - 每个链接独立绝对定位 */
 .topbar .toplinks-link {
     position: absolute;
     top: 50%;
@@ -210,7 +217,6 @@ img {
     left: 1326px;
 }
 
-/* 最右侧箭头 */
 .topbar .links-arrow {
     position: absolute;
     left: 1388px;
@@ -234,6 +240,17 @@ img {
     width: 100%;
 }
 
+.header-banner .header-logo {
+    position: absolute;
+    left: 199px;
+    right: 1190px;
+    top: 23px;
+    bottom: 313px;
+    width: calc(100% - 1389px);
+    height: calc(100% - 336px);
+    object-fit: contain;
+}
+
 .header-banner .layer-35 {
     position: absolute;
     left: 0;
@@ -241,370 +258,157 @@ img {
     width: 100%;
 }
 
-/* ========== 通用板块容器 ========== */
-.section {
+.header-banner .layer-35 > img:first-child {
+    display: block;
     width: 100%;
-    padding: 30px 0;
 }
 
-.section .wrap {
+.header-banner .layer-side-links {
+    position: absolute;
+    left: 1244px;
+    top: 11px;
     display: flex;
-    gap: 20px;
+    flex-direction: column;
+    gap: 7px;
 }
 
-/* ========== 板块标题 ========== */
-.sec-title {
-    text-align: center;
-    margin-bottom: 20px;
+.header-banner .layer-side-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: #fff;
+    white-space: nowrap;
 }
 
-.sec-title h2 {
-    display: inline-block;
-    font-size: 22px;
-    color: #1a4a8a;
-    border-bottom: 2px solid #1a4a8a;
-    padding: 0 20px 8px;
-    font-weight: bold;
+.header-banner .layer-side-item img {
+    width: 41px;
+    height: 41px;
+    flex-shrink: 0;
 }
 
-.sec-title-en {
-    font-size: 12px;
-    color: #999;
-    margin-top: 4px;
+.header-banner .layer-side-item span {
+    font-family: "方正粗倩简体", sans-serif;
+    font-size: 16px;
+    font-weight: normal;
+    font-style: normal;
+    line-height: 1;
+    color: #fff;
+}
+
+.header-banner .layer-35-content {
+    position: absolute;
+    left: 215px;
+    right: 392px;
+    top: 12px;
+    bottom: 0;
+    display: flex;
+    align-items: stretch;
+    color: rgba(255, 255, 255, 0.85);
+}
+
+.header-banner .layer-nav-col {
+    position: relative;
+    flex: 1;
+    min-width: 0;
+    padding: 0 10px;
+}
+
+.header-banner .layer-nav-col:not(:last-child)::after {
+    content: "";
+    position: absolute;
+    right: 0;
+    top: 8px;
+    width: 1px;
+    height: 70%;
+    background: rgba(180, 190, 210, 0.45);
+}
+
+.header-banner .layer-nav-col h3 {
+    font-family: "叶根友飘悦飞草2.0", cursive;
+    font-size: 24px;
+    font-weight: normal;
+    line-height: 1.2;
+    margin-bottom: 6px;
+    color: rgba(255, 255, 255, 0.95);
     letter-spacing: 1px;
 }
 
-/* ========== 板块4：新闻资讯（3列） ========== */
-.news-section {
-    background: #fff;
+.header-banner .layer-nav-col ul {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    column-gap: 6px;
+    row-gap: 2px;
 }
 
-.news-col {
-    flex: 1;
-    background: #f9f9f9;
-    border: 1px solid #e8e8e8;
-    padding: 15px;
+.header-banner .layer-nav-culture ul {
+    grid-template-columns: repeat(3, auto);
+    column-gap: 10px;
+    justify-content: start;
 }
 
-.news-col h3 {
-    font-size: 16px;
-    color: #1a4a8a;
-    border-bottom: 1px solid #1a4a8a;
-    padding-bottom: 8px;
-    margin-bottom: 12px;
-}
-
-.news-pic img {
-    width: 100%;
-    height: 180px;
-    background: #ddd;
-    object-fit: cover;
-}
-
-.news-pic h4 {
-    font-size: 15px;
-    color: #333;
-    margin: 10px 0 6px;
-    line-height: 1.5;
-}
-
-.news-pic p {
-    font-size: 12px;
-    color: #888;
+.header-banner .layer-nav-col li a {
+    display: block;
+    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
+    font-size: 14px;
     line-height: 1.6;
-}
-
-.news-list li {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 8px 0;
-    border-bottom: 1px dashed #eee;
-    font-size: 13px;
-}
-
-.news-list li a {
-    color: #333;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    color: rgba(220, 228, 240, 0.9);
     white-space: nowrap;
-    padding-left: 10px;
-    position: relative;
 }
 
-.news-list li a::before {
-    content: "·";
+.header-banner .layer-nav-col li a:hover {
+    color: #fff;
+}
+
+/* ========== 大标题区 ========== */
+.headline-box {
     position: absolute;
-    left: 0;
-    color: #1a4a8a;
+    top: 489px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 1200px;
+    height: 105px;
+    background: rgba(255, 255, 255, 0.3);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    z-index: 2;
+    box-sizing: border-box;
+    padding: 0 20px;
+}
+
+.headline-box .headline-main {
+    font-size: 40px;
     font-weight: bold;
-}
-
-.news-list li .date {
-    color: #999;
-    font-size: 12px;
-}
-
-.news-list li a:hover {
-    color: #c00;
-}
-
-.news-rank li {
-    display: flex;
-    align-items: center;
-    padding: 7px 0;
-    border-bottom: 1px dashed #eee;
-    font-size: 13px;
-}
-
-.news-rank .rank-num {
-    display: inline-block;
-    width: 18px;
-    height: 18px;
-    line-height: 18px;
+    color: #0b408a;
+    line-height: 1.2;
     text-align: center;
-    background: #ccc;
-    color: #fff;
-    font-size: 12px;
-    margin-right: 8px;
-}
-
-.news-rank li:nth-child(-n+3) .rank-num {
-    background: #c00;
-}
-
-.news-rank li a {
-    color: #333;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
     white-space: nowrap;
 }
 
-.news-rank li a:hover {
-    color: #c00;
-}
-
-/* ========== 蓝色波浪分隔条 ========== */
-.divider-wave {
-    width: 100%;
-    height: 60px;
-    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 60' preserveAspectRatio='none'><path d='M0,30 Q200,0 400,30 T800,30 T1200,30 T1600,30 L1600,60 L0,60 Z' fill='%231a4a8a' opacity='0.15'/><path d='M0,40 Q200,20 400,40 T800,40 T1200,40 T1600,40' stroke='%231a4a8a' stroke-width='2' fill='none'/></svg>") center/100% 100% no-repeat;
-}
-
-.divider-wave-2 {
-    width: 100%;
-    height: 50px;
-    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 50' preserveAspectRatio='none'><path d='M0,25 C200,5 400,45 800,25 C1200,5 1400,45 1600,25 L1600,50 L0,50 Z' fill='%231a4a8a' opacity='0.1'/></svg>") center/100% 100% no-repeat;
-}
-
-/* ========== 红色丝带分隔条 ========== */
-.divider-ribbon {
-    width: 100%;
-    height: 50px;
-    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 50' preserveAspectRatio='none'><path d='M0,15 L1600,15 L1600,35 L800,45 L0,35 Z' fill='%23c00' opacity='0.85'/><path d='M0,15 L1600,15' stroke='%23ff6b6b' stroke-width='1'/></svg>") center/100% 100% no-repeat;
-}
-
-/* ========== 板块5：中心内容（标题+文章列表） ========== */
-.article-section {
-    background: #fff;
-}
-
-.article-section .wrap {
-    display: block;
-}
-
-.article-list {
-    margin-top: 20px;
-}
-
-.article-list li {
+.headline-box .headline-subs {
     display: flex;
     align-items: center;
-    padding: 12px 0;
-    border-bottom: 1px dashed #e5e5e5;
-    font-size: 14px;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 8px 16px;
 }
 
-.article-list li .tag {
-    display: inline-block;
-    padding: 2px 8px;
-    background: #1a4a8a;
-    color: #fff;
-    font-size: 12px;
-    margin-right: 12px;
-    border-radius: 2px;
-}
-
-.article-list li a {
-    flex: 1;
-    color: #333;
-}
-
-.article-list li a:hover {
-    color: #c00;
-}
-
-.article-list li .date {
-    color: #999;
-    font-size: 12px;
-}
-
-/* ========== 板块6：3卡片网格 ========== */
-.card-grid-3 {
-    display: flex;
-    gap: 20px;
-}
-
-.card {
-    flex: 1;
-    background: #f9f9f9;
-    border: 1px solid #e8e8e8;
-    overflow: hidden;
-}
-
-.card img {
-    width: 100%;
-    height: 200px;
-    background: #ddd;
-    object-fit: cover;
-}
-
-.card-body {
-    padding: 15px;
-}
-
-.card-body h4 {
+.headline-box .headline-subs li {
     font-size: 16px;
-    color: #1a4a8a;
-    margin-bottom: 8px;
-    text-align: center;
+    color: #0b408a;
+    line-height: 1.4;
+    white-space: nowrap;
 }
 
-.card-body p {
-    font-size: 13px;
-    color: #666;
-    line-height: 1.6;
-}
-
-/* ========== 板块7：双列+侧边栏 ========== */
-.layout-sidebar {
-    display: flex;
-    gap: 20px;
-}
-
-.sidebar {
-    width: 260px;
-    background: #f9f9f9;
-    border: 1px solid #e8e8e8;
-}
-
-.sidebar h3 {
-    background: #1a4a8a;
-    color: #fff;
-    padding: 12px 15px;
-    font-size: 16px;
-}
-
-.sidebar ul li a {
-    display: block;
-    padding: 10px 15px;
-    border-bottom: 1px solid #eee;
-    color: #333;
-    font-size: 14px;
-}
-
-.sidebar ul li a:hover {
-    background: #e8eef7;
-    color: #1a4a8a;
-}
-
-.main-content {
-    flex: 1;
-    background: #f9f9f9;
-    border: 1px solid #e8e8e8;
-    padding: 20px;
-}
-
-.main-content h3 {
-    font-size: 18px;
-    color: #1a4a8a;
-    border-bottom: 2px solid #1a4a8a;
-    padding-bottom: 8px;
-    margin-bottom: 15px;
-}
-
-/* ========== 板块8：4卡片网格（2x2） ========== */
-.card-grid-4 {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 20px;
-}
-
-/* ========== 板块9：双列内容 ========== */
-.two-col {
-    display: flex;
-    gap: 20px;
-}
-
-.two-col-block {
-    flex: 1;
-    background: #f9f9f9;
-    border: 1px solid #e8e8e8;
-    padding: 20px;
-}
-
-.two-col-block h3 {
-    font-size: 18px;
-    color: #1a4a8a;
-    border-bottom: 2px solid #1a4a8a;
-    padding-bottom: 8px;
-    margin-bottom: 15px;
-}
-
-.two-col-block .desc {
-    color: #666;
-    font-size: 13px;
-    line-height: 1.8;
-}
-
-/* ========== 板块10：2x2图片网格 ========== */
-.img-grid-2x2 {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 15px;
-}
-
-.img-grid-2x2 .img-item {
-    position: relative;
-}
-
-.img-grid-2x2 img {
-    width: 100%;
-    height: 240px;
-    background: #ddd;
-    object-fit: cover;
-}
-
-.img-grid-2x2 .img-caption {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: rgba(0, 0, 0, 0.6);
-    color: #fff;
-    padding: 8px 12px;
-    font-size: 14px;
-}
-
-/* ========== 板块：Footer ========== */
+/* ========== Footer ========== */
 .footer {
     width: 100%;
     background: #1a4a8a;
     color: #fff;
     padding: 30px 0;
-    margin-top: 20px;
+    margin-top: 120px;
 }
 
 .footer .wrap {
diff --git a/web/dbzq.html b/web/dbzq.html
index 04101d3..af70ca4 100644
--- a/web/dbzq.html
+++ b/web/dbzq.html
@@ -48,274 +48,103 @@
     <!-- 板块3：网站头部切图 -->
     <div class="header-banner">
         <img src="assest/网站头部切图.png" alt="网站头部切图">
-        <img class="layer-35" src="assest/图层 35.png" alt="">
+        <img class="header-logo" src="assest/logo 19.png" alt="logo">
+        <div class="layer-35">
+            <img src="assest/图层 35.png" alt="">
+            <div class="layer-35-content">
+                <div class="layer-nav-col">
+                    <h3>新闻资讯</h3>
+                    <ul>
+                        <li><a href="javascript:;">军政要闻</a></li>
+                        <li><a href="javascript:;">东海要闻</a></li>
+                        <li><a href="javascript:;">部队要闻</a></li>
+                        <li><a href="javascript:;">媒体东海</a></li>
+                    </ul>
+                </div>
+                <div class="layer-nav-col">
+                    <h3>学习强军</h3>
+                    <ul>
+                        <li><a href="javascript:;">学习进行时</a></li>
+                        <li><a href="javascript:;">东海血脉</a></li>
+                        <li><a href="javascript:;">精品课程</a></li>
+                        <li><a href="javascript:;">优秀教案</a></li>
+                        <li><a href="javascript:;">专题策划</a></li>
+                    </ul>
+                </div>
+                <div class="layer-nav-col">
+                    <h3>东海砺剑</h3>
+                    <ul>
+                        <li><a href="javascript:;">一线传真</a></li>
+                        <li><a href="javascript:;">军情瞭望</a></li>
+                        <li><a href="javascript:;">台海聚焦</a></li>
+                        <li><a href="javascript:;">作战研究</a></li>
+                    </ul>
+                </div>
+                <div class="layer-nav-col">
+                    <h3>东海党建</h3>
+                    <ul>
+                        <li><a href="javascript:;">党建动态</a></li>
+                        <li><a href="javascript:;">党课教育</a></li>
+                        <li><a href="javascript:;">党史数据</a></li>
+                        <li><a href="javascript:;">先进典型</a></li>
+                    </ul>
+                </div>
+                <div class="layer-nav-col">
+                    <h3>东海服务</h3>
+                    <ul>
+                        <li><a href="javascript:;">两项服务</a></li>
+                        <li><a href="javascript:;">健康指南</a></li>
+                        <li><a href="javascript:;">政务公开</a></li>
+                        <li><a href="javascript:;">东海热线</a></li>
+                        <li><a href="javascript:;">软件下载</a></li>
+                        <li><a href="javascript:;">服务评价</a></li>
+                    </ul>
+                </div>
+                <div class="layer-nav-col">
+                    <h3>东海清风</h3>
+                    <ul>
+                        <li><a href="javascript:;">廉洁教育</a></li>
+                        <li><a href="javascript:;">案例分析</a></li>
+                        <li><a href="javascript:;">廉洁文化</a></li>
+                        <li><a href="javascript:;">监督举报</a></li>
+                    </ul>
+                </div>
+                <div class="layer-nav-col layer-nav-culture">
+                    <h3>东海文化</h3>
+                    <ul>
+                        <li><a href="javascript:;">影视</a></li>
+                        <li><a href="javascript:;">活动</a></li>
+                        <li><a href="javascript:;">音乐</a></li>
+                        <li><a href="javascript:;">文学</a></li>
+                        <li><a href="javascript:;">绘画</a></li>
+                        <li><a href="javascript:;">摄影</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="layer-side-links">
+                <a class="layer-side-item" href="javascript:;">
+                    <img src="assest/图层 37.png" alt="">
+                    <span>首长信箱</span>
+                </a>
+                <a class="layer-side-item" href="javascript:;">
+                    <img src="assest/LOGO.png" alt="">
+                    <span>东海舰队发布</span>
+                </a>
+            </div>
+        </div>
     </div>
 
-    <!-- 板块4：新闻资讯（3列） -->
-    <section class="section news-section">
-        <div class="wrap">
-            <!-- 左：图片新闻 -->
-            <div class="news-col">
-                <h3>图片新闻</h3>
-                <div class="news-pic">
-                    <img src="" alt="">
-                    <h4>海军某部开展实战化训练 锤炼制胜本领</h4>
-                    <p>近日，海军某部组织开展了实战化训练，全面锤炼部队打赢能力...</p>
-                </div>
-            </div>
-            <!-- 中：新闻列表 -->
-            <div class="news-col">
-                <h3>新闻动态</h3>
-                <ul class="news-list">
-                    <li><a href="javascript:;">东部战区海军某驱逐舰支队开展海上实战化训练</a><span class="date">2026-08-28</span></li>
-                    <li><a href="javascript:;">海军航空兵某团组织跨昼夜飞行训练</a><span class="date">2026-08-27</span></li>
-                    <li><a href="javascript:;">某护卫舰大队开展编队协同训练提升作战能力</a><span class="date">2026-08-26</span></li>
-                    <li><a href="javascript:;">战区海军组织机关干部军事体育考核</a><span class="date">2026-08-25</span></li>
-                    <li><a href="javascript:;">海军陆战队某旅开展两栖装甲车驾驶训练</a><span class="date">2026-08-24</span></li>
-                    <li><a href="javascript:;">某潜艇支队开展深海作战课题研练</a><span class="date">2026-08-23</span></li>
-                    <li><a href="javascript:;">海军某基地组织新装备作战使用培训</a><span class="date">2026-08-22</span></li>
-                </ul>
-            </div>
-            <!-- 右：热门排行 -->
-            <div class="news-col">
-                <h3>热门排行</h3>
-                <ul class="news-rank">
-                    <li><span class="rank-num">1</span><a href="javascript:;">东部战区海军隆重举行某重大演练活动</a></li>
-                    <li><span class="rank-num">2</span><a href="javascript:;">海军某驱逐舰支队开展实弹射击训练</a></li>
-                    <li><span class="rank-num">3</span><a href="javascript:;">战区海军某保障基地开展业务技能比武</a></li>
-                    <li><span class="rank-num">4</span><a href="javascript:;">海军航空兵某师组织对抗空战训练</a></li>
-                    <li><span class="rank-num">5</span><a href="javascript:;">某登陆舰支队开展装载训练提升投送能力</a></li>
-                    <li><span class="rank-num">6</span><a href="javascript:;">海军陆战队某旅开展登陆作战演练</a></li>
-                    <li><span class="rank-num">7</span><a href="javascript:;">战区海军机关组织开展主题党日活动</a></li>
-                </ul>
-            </div>
-        </div>
-    </section>
-
-    <!-- 蓝色波浪分隔条 -->
-    <div class="divider-wave"></div>
-
-    <!-- 板块5：文章中心 -->
-    <section class="section article-section">
-        <div class="wrap">
-            <div class="sec-title">
-                <h2>学习中心</h2>
-                <div class="sec-title-en">STUDY CENTER</div>
-            </div>
-            <ul class="article-list">
-                <li><span class="tag">要闻</span><a href="javascript:;">习近平主席关于国防和军队建设重要论述选编</a><span
-                        class="date">2026-08-28</span></li>
-                <li><span class="tag">理论</span><a href="javascript:;">深刻领会新时代党的强军思想的丰富内涵和实践要求</a><span
-                        class="date">2026-08-27</span></li>
-                <li><span class="tag">教育</span><a href="javascript:;">战区海军部队广泛开展主题教育实践活动</a><span
-                        class="date">2026-08-26</span></li>
-                <li><span class="tag">学习</span><a href="javascript:;">深入推进"四史"学习教育 汲取奋进力量</a><span
-                        class="date">2026-08-25</span></li>
-                <li><span class="tag">研讨</span><a href="javascript:;">围绕加快建设强大现代化海军开展专题研讨</a><span
-                        class="date">2026-08-24</span></li>
-                <li><span class="tag">讲话</span><a href="javascript:;">在战区海军党委扩大会议上的重要讲话精神</a><span
-                        class="date">2026-08-23</span></li>
-                <li><span class="tag">文件</span><a href="javascript:;">关于全面加强部队建设的若干意见</a><span
-                        class="date">2026-08-22</span></li>
-            </ul>
-        </div>
-    </section>
-
-    <!-- 红色丝带分隔条 -->
-    <div class="divider-ribbon"></div>
-
-    <!-- 板块6：3卡片网格 -->
-    <section class="section">
-        <div class="wrap">
-            <div class="card-grid-3">
-                <div class="card">
-                    <img src="" alt="">
-                    <div class="card-body">
-                        <h4>军事资讯</h4>
-                        <p>提供最新军事动态、装备发展、训练演练等资讯内容，关注国防和军队现代化建设。</p>
-                    </div>
-                </div>
-                <div class="card">
-                    <img src="" alt="">
-                    <div class="card-body">
-                        <h4>战区要闻</h4>
-                        <p>聚焦东部战区海军部队训练演习、战备执勤、抢险救灾等重要活动和重要时刻。</p>
-                    </div>
-                </div>
-                <div class="card">
-                    <img src="" alt="">
-                    <div class="card-body">
-                        <h4>部队动态</h4>
-                        <p>展示基层部队官兵训练生活、典型事迹、经验做法等，记录海军官兵战斗风采。</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- 蓝色波浪分隔条 -->
-    <div class="divider-wave-2"></div>
-
-    <!-- 板块7：双列+侧边栏 -->
-    <section class="section">
-        <div class="wrap">
-            <div class="layout-sidebar">
-                <aside class="sidebar">
-                    <h3>政策法规</h3>
-                    <ul>
-                        <li><a href="javascript:;">条令条例</a></li>
-                        <li><a href="javascript:;">军事法规</a></li>
-                        <li><a href="javascript:;">规章制度</a></li>
-                        <li><a href="javascript:;">规范标准</a></li>
-                        <li><a href="javascript:;">操作规程</a></li>
-                        <li><a href="javascript:;">管理规定</a></li>
-                        <li><a href="javascript:;">实施细则</a></li>
-                    </ul>
-                </aside>
-                <div class="main-content">
-                    <h3>政策法规详情</h3>
-                    <ul class="article-list">
-                        <li><span class="tag">法规</span><a href="javascript:;">《中华人民共和国国防法》全文</a><span
-                                class="date">2026-08-28</span></li>
-                        <li><span class="tag">条令</span><a href="javascript:;">内务条令、纪律条令、队列条令相关内容</a><span
-                                class="date">2026-08-27</span></li>
-                        <li><span class="tag">制度</span><a href="javascript:;">军队基层建设纲要及配套规章制度</a><span
-                                class="date">2026-08-26</span></li>
-                        <li><span class="tag">规定</span><a href="javascript:;">海军部队军事训练相关管理规定</a><span
-                                class="date">2026-08-25</span></li>
-                        <li><span class="tag">标准</span><a href="javascript:;">军事训练考核标准及实施细则</a><span
-                                class="date">2026-08-24</span></li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- 红色丝带分隔条 -->
-    <div class="divider-ribbon"></div>
-
-    <!-- 板块8：4卡片网格（2x2） -->
-    <section class="section">
-        <div class="wrap">
-            <div class="sec-title">
-                <h2>强军风采</h2>
-                <div class="sec-title-en">MILITARY STYLE</div>
-            </div>
-            <div class="card-grid-4">
-                <div class="card">
-                    <img src="" alt="">
-                    <div class="card-body">
-                        <h4>训练剪影</h4>
-                        <p>记录官兵训练瞬间，展现新时代海军官兵的战斗风采。</p>
-                    </div>
-                </div>
-                <div class="card">
-                    <img src="" alt="">
-                    <div class="card-body">
-                        <h4>演训一线</h4>
-                        <p>聚焦海上演训一线，呈现实战化训练的精彩画面。</p>
-                    </div>
-                </div>
-                <div class="card">
-                    <img src="" alt="">
-                    <div class="card-body">
-                        <h4>装备风采</h4>
-                        <p>展示新型武器装备，体现国防科技发展水平。</p>
-                    </div>
-                </div>
-                <div class="card">
-                    <img src="" alt="">
-                    <div class="card-body">
-                        <h4>军旅生活</h4>
-                        <p>反映海军官兵丰富多彩的军旅生活和战友情谊。</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- 蓝色波浪分隔条 -->
-    <div class="divider-wave"></div>
-
-    <!-- 板块9：双列内容 -->
-    <section class="section">
-        <div class="wrap">
-            <div class="two-col">
-                <div class="two-col-block">
-                    <h3>服务保障</h3>
-                    <ul class="article-list">
-                        <li><span class="tag">后勤</span><a href="javascript:;">战区海军后勤保障工作稳步推进</a><span
-                                class="date">2026-08-28</span></li>
-                        <li><span class="tag">装备</span><a href="javascript:;">海军装备维修保障能力建设取得新进展</a><span
-                                class="date">2026-08-27</span></li>
-                        <li><span class="tag">卫勤</span><a href="javascript:;">海上医疗救护演练提升卫勤保障能力</a><span
-                                class="date">2026-08-26</span></li>
-                        <li><span class="tag">运输</span><a href="javascript:;">海军运输投送能力建设成果显著</a><span
-                                class="date">2026-08-25</span></li>
-                    </ul>
-                </div>
-                <div class="two-col-block">
-                    <h3>强军文化</h3>
-                    <ul class="article-list">
-                        <li><span class="tag">文化</span><a href="javascript:;">海军特色文化建设项目成果展示</a><span
-                                class="date">2026-08-28</span></li>
-                        <li><span class="tag">活动</span><a href="javascript:;">战区海军举办庆祝海军成立纪念活动</a><span
-                                class="date">2026-08-27</span></li>
-                        <li><span class="tag">作品</span><a href="javascript:;">海军官兵文学艺术作品征集评选活动</a><span
-                                class="date">2026-08-26</span></li>
-                        <li><span class="tag">典型</span><a href="javascript:;">宣传表彰强军路上先进典型事迹</a><span
-                                class="date">2026-08-25</span></li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- 红色丝带分隔条 -->
-    <div class="divider-ribbon"></div>
-
-    <!-- 板块10：2x2图片网格 -->
-    <section class="section">
-        <div class="wrap">
-            <div class="img-grid-2x2">
-                <div class="img-item">
-                    <img src="" alt="">
-                    <div class="img-caption">深蓝砺剑 - 海上实战化训练</div>
-                </div>
-                <div class="img-item">
-                    <img src="" alt="">
-                    <div class="img-caption">逐梦深蓝 - 海军官兵风采</div>
-                </div>
-                <div class="img-item">
-                    <img src="" alt="">
-                    <div class="img-caption">向海图强 - 装备建设发展</div>
-                </div>
-                <div class="img-item">
-                    <img src="" alt="">
-                    <div class="img-caption">练兵备战 - 演训一线报道</div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- 蓝色波浪分隔条 -->
-    <div class="divider-wave-2"></div>
-
-    <!-- 板块11：双列内容（在线留言/网盘等） -->
-    <section class="section">
-        <div class="wrap">
-            <div class="two-col">
-                <div class="two-col-block">
-                    <h3>在线留言</h3>
-                    <p class="desc">
-                        为畅通官兵诉求渠道，倾听基层声音，欢迎广大官兵通过留言板反映问题、提出建议，我们将认真对待每一条留言，及时反馈处理结果。</p>
-                </div>
-                <div class="two-col-block">
-                    <h3>网盘服务</h3>
-                    <p class="desc">提供文件存储、共享、下载等便捷服务，方便官兵日常工作和学习资料的存储与共享，支持多种文件格式上传与管理。</p>
-                </div>
-            </div>
-        </div>
+    <!-- 板块：大标题区 -->
+    <section class="headline-box">
+        <h2 class="headline-main">习近平在全军高级干部培训班开班式上发表重要讲话</h2>
+        <ul class="headline-subs">
+            <li>【学习新共同条令】</li>
+            <li>【形式战备教育参考资料片】</li>
+            <li>【环球70秒系列短视频】</li>
+            <li>【优秀教案】</li>
+            <li>【军队住房政策服务“直通车”】</li>
+            <li>【“治理”“五多”问题信箱】</li>
+        </ul>
     </section>
 
     <!-- 板块：Footer -->
diff --git a/web/fonts/FZCuQian.ttf b/web/fonts/FZCuQian.ttf
new file mode 100644
index 0000000..9588341
Binary files /dev/null and b/web/fonts/FZCuQian.ttf differ
diff --git a/web/fonts/叶根友飘悦飞草2.0.TTF b/web/fonts/叶根友飘悦飞草2.0.TTF
new file mode 100644
index 0000000..fdcc96f
Binary files /dev/null and b/web/fonts/叶根友飘悦飞草2.0.TTF differ
diff --git a/web/fonts/方正粗倩简体.TTF b/web/fonts/方正粗倩简体.TTF
new file mode 100644
index 0000000..d3404bf
Binary files /dev/null and b/web/fonts/方正粗倩简体.TTF differ