init. 初始化项目，并初步完成前端模板样式

static/css/style.css

@@ -0,0 +1,429 @@
+body {
+    margin: 0;
+    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
+    /* 添加线性渐变背景 */
+    background: linear-gradient(180deg, #E6F0FC, #D5E5F8);
+}
+
+.logo {
+    width: 60px;
+    height: 60px;
+    margin-right: 20px;
+    margin-top: -10px;
+}
+
+
+.flex {
+    display: flex;
+    align-items: center;
+}
+
+.top-header {
+    background: #c62828;
+    color: #fff;
+    padding: 20px 0;
+    height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+
+.header-container {
+    /*width: 100%;*/
+    /*margin: 0 auto;*/
+    line-height: 1.0em;
+    max-width: 1200px;
+    min-width: 840px;
+}
+
+.header-nav {
+    /*margin: 0 auto;*/
+    line-height: 1.0em;
+    display: block;
+    max-width: 1200px;
+}
+
+.nav-main {
+    background: #1e3a8a;
+    /*margin: -50px auto 0;*/
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+
+.nav-main ul {
+    display: flex;
+    list-style: none;
+    padding: 0;
+
+}
+
+.nav-main li {
+    padding: 15px 20px;
+    border-left: #c62828 solid 1px;
+    border-right: #c62828 solid 1px;
+}
+
+.nav-main li:hover {
+    padding: 15px 20px;
+    background-color: #092268;
+}
+
+.nav-main a {
+    color: #fff;
+    text-decoration: none;
+    display: block; /* 确保点击区域填满 li */
+}
+
+/* ✅ 新增：激活状态 (Active) */
+.nav-main li.active {
+    background-color: #0d3bac; /* 比 hover 更深，或者用红色 #c62828 突出 */
+    font-weight: bold; /* 加粗文字 */
+    position: relative;
+}
+
+.banner {
+    margin-top: -20px;
+}
+
+.banner img {
+    width: 100%;
+    /*min-width: 1140px;*/
+    height: 300px;
+    object-fit: fill;
+}
+
+.main {
+    position: relative; /* 确保 .content 是相对于最近的定位上下文定位 */
+    background: #ffffff;
+    max-width: 1200px;
+    padding-top: 20px;
+    margin: -50px auto 0 auto;
+    border: #fff solid 5px;
+    z-index: 99;
+    min-height: 800px;
+}
+
+.date-bar {
+    background-color: #c62828;
+    height: 50px;
+    /*min-width: 992px;*/
+    width: 100%;
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    /*margin-left: -10px;*/
+    justify-content: space-between;
+    margin: 0 0 30px;
+}
+
+.search-wrapper {
+    display: flex;
+    align-items: center;
+    background: #ffffff68;
+    border: 0 solid #ddd; /* 外边框颜色 */
+    border-radius: 50px; /* 大圆角，形成胶囊效果 */
+    overflow: hidden; /* 确保内部元素不溢出圆角 */
+    transition: border-color 0.3s, box-shadow 0.3s;
+    max-width: 400px; /* 限制最大宽度 */
+    min-width: 200px; /* 限制最小宽度 */
+    width: 100%;
+    padding: 0 10px;
+}
+
+/* 聚焦时的效果 */
+.search-wrapper:focus-within {
+    border-color: #1e3a8a; /* 聚焦时变为主题色 (深蓝) */
+    box-shadow: 0 0 8px rgba(30, 58, 138, 0.2);
+}
+
+/* 输入框：去掉默认边框和圆角，让它融入容器 */
+.search-input {
+    flex: 1; /* 占据剩余空间 */
+    border: none;
+    outline: none;
+    padding: 6px;
+    font-size: 13px;
+    background: transparent;
+    color: #333;
+}
+
+.search-input::placeholder {
+    color: #999;
+}
+
+/* 按钮：去掉默认样式，固定大小，背景透明或浅色 */
+.search-btn {
+    border: none;
+    background: transparent; /* 按钮背景色，可与白色区分 */
+    width: 16px; /* 固定宽度 */
+    height: 16px; /* 固定高度，与输入框高度匹配 */
+    border-radius: 50%; /* 按钮自身也是圆的 */
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.3s;
+    margin-right: 2px; /* 稍微留点缝隙，更有层次感 */
+}
+
+.search-btn:hover {
+    background: #1e3a8a; /* 悬停时变为主题色 */
+    color: #fff; /* 图标变白 */
+}
+
+/* 如果使用的是 FontAwesome 等图标库，确保图标大小合适 */
+.search-btn i {
+    font-size: 18px;
+}
+
+.user-icons {
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+    width: 500px;
+}
+
+.swiper-item {
+    object-fit: fill;
+    width: 100%;
+    height: 300px;
+}
+
+.main-section {
+    padding: 0;
+    /*margin: 0 -15px !important;*/
+}
+
+.section {
+    background: #fff;
+    padding: 20px;
+    margin: 20px 0;
+}
+
+/*.card {*/
+/*    flex: 1;*/
+/*    margin-right: 20px;*/
+/*    background: #fff;*/
+/*    padding: 20px;*/
+/*}*/
+
+/* --- 自定义新闻卡片样式开始 --- */
+
+/* --- 卡片容器 --- */
+.news-card {
+    border: none;
+    /*border-radius: 8px; !* 圆角稍微小一点，更干练 *!*/
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+    overflow: hidden;
+    background: #fff;
+    /*max-width: 800px;*/
+    height: 300px;
+    width: 100%;
+    /*margin: 20px auto;*/
+}
+
+/* --- Tab 栏区域 (关键修改) --- */
+.custom-tabs-header {
+    /* 1. 体现 Tab 栏背景颜色：浅蓝色 */
+    background-color: #e3f2fd;
+    /* 左右留白 */
+    /*padding: 10px 15px 0;*/
+
+    /* 2. 体现下方的强调线：深蓝色粗线 */
+    border-bottom: 3px solid #0d2c5e;
+    position: relative;
+}
+
+.nav-tabs {
+    border-bottom: none; /* 去掉 Bootstrap 默认的底边 */
+}
+
+.nav-tabs .nav-item {
+    margin-bottom: -3px; /* 负边距，让 Tab 沉下去盖住强调线 */
+    margin-right: 5px;
+}
+
+.nav-tabs .nav-link {
+    border: none;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+
+    /* 4. 字体大小修正 */
+    font-size: 15px;
+    font-weight: 600; /* 加粗 */
+
+    color: #555; /* 未选中时的文字颜色 */
+    /*padding: 8px 20px;*/
+    transition: all 0.2s;
+    background: transparent;
+}
+
+.nav-tabs .nav-link:hover {
+    color: #0d2c5e;
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: transparent;
+}
+
+/* 激活状态 */
+.nav-tabs .nav-link.active {
+    /* 选中背景：深蓝色 */
+    background-color: #0d2c5e !important;
+    color: #fff !important;
+    border-bottom-color: #0d2c5e !important; /* 盖住底部的强调线 */
+    z-index: 2; /* 确保层级最高 */
+}
+
+.tabs-header-wrapper {
+    display: flex; /* 启用 Flexbox */
+    justify-content: space-between; /* 关键：两端对齐 */
+    align-items: flex-end; /* 底部对齐，让 Tab 和“更多”在视觉上处于同一基线 */
+    height: 100%;
+}
+
+/* “更多”链接独立样式 */
+.more-link-standalone {
+    font-size: 14px;
+    font-weight: 600;
+    color: #0d2c5e;
+    text-decoration: none;
+    padding: 10px 15px; /* 与 Tab 的高度视觉对齐 */
+    white-space: nowrap;
+    transition: color 0.2s;
+    display: inline-block;
+}
+
+.more-link-standalone:hover {
+    color: #c0392b;
+    text-decoration: underline;
+}
+
+/* --- 列表内容区域 --- */
+.news-list-body {
+    padding: 15px 20px;
+}
+
+.news-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    /* 3. 去除虚线，改用 padding 控制间距 */
+    padding: 7px 0;
+    border-bottom: none; /* 确保无底线 */
+    width: 100%;
+    transition: background 0.2s;
+}
+
+/* 鼠标悬停整行微变色，提升交互感 */
+.news-item:hover {
+    background-color: #f8f9fa;
+    padding-left: 5px; /* 轻微位移 */
+    padding-right: 5px;
+    border-radius: 4px;
+}
+
+.news-title-wrapper {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    margin-right: 15px;
+}
+
+/* 小圆点 */
+.bullet-point {
+    width: 6px;
+    height: 6px;
+    background-color: #0d2c5e; /* 圆点直接用主题色 */
+    border-radius: 50%;
+    margin-right: 10px;
+    flex-shrink: 0;
+}
+
+.news-title-text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    /* 4. 字体大小修正 */
+    font-size: 14px;
+    color: #333;
+    line-height: 1.4;
+    cursor: pointer;
+}
+
+.news-date {
+    /* 4. 字体大小修正 */
+    font-size: 12px;
+    color: #999;
+    white-space: nowrap;
+    flex-shrink: 0;
+    font-family: Arial, sans-serif;
+}
+
+/* --- 自定义样式结束 --- */
+
+.ad-banner {
+    display: flex;
+    justify-content: space-between;
+    padding: 30px 0 15px 0;
+}
+
+.ad-item {
+    width: 280px;
+    height: 120px;
+}
+
+.grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+}
+
+.service {
+    background: #e3f2fd;
+    padding: 20px;
+    text-align: center;
+}
+
+.sidebar {
+    width: 250px;
+    margin-right: 20px;
+}
+
+
+.footer {
+    /* 1. 启用 Flex 布局 */
+    display: flex;
+
+    /* 2. 设置主轴方向为垂直（从上到下） */
+    flex-direction: column;
+
+    /* 3. 关键：让子元素在交叉轴（这里是垂直方向）上对齐到底部 */
+    justify-content: flex-end;
+    width: 100%;
+
+}
+
+.footer-info {
+    /* 可选：如果 footer 有固定高度或最小高度，这个属性才生效明显 */
+    /* min-height: 150px;  <-- 如果你的 footer 没有设高度，可以加上这个测试效果 */
+    background: #1e3a8a;
+    color: #fff;
+    text-align: center;
+    padding: 20px 0 10px 0;
+    width: 100% !important;
+    /*min-width: 1140px;*/
+    margin: auto;
+    overflow: hidden;
+}
+
+
+.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
+    position: relative;
+    width: 100%;
+    padding-right: 5px !important;
+    padding-left: 5px !important;
+}

static/icons/douyin.svg

@@ -0,0 +1,5 @@
+<svg t="1774400055168" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                         xmlns="http://www.w3.org/2000/svg" p-id="7911" width="16" height="16">
+                        <path d="M937.4 423.9c-84 0-165.7-27.3-232.9-77.8v352.3c0 179.9-138.6 325.6-309.6 325.6S85.3 878.3 85.3 698.4c0-179.9 138.6-325.6 309.6-325.6 17.1 0 33.7 1.5 49.9 4.3v186.6c-15.5-6.1-32-9.2-48.6-9.2-76.3 0-138.2 65-138.2 145.3 0 80.2 61.9 145.3 138.2 145.3 76.2 0 138.1-65.1 138.1-145.3V0H707c0 134.5 103.7 243.5 231.6 243.5v180.3l-1.2 0.1"
+                              p-id="7912" fill="#ffffff"></path>
+                    </svg>

static/icons/edit.svg

@@ -0,0 +1,5 @@
+<svg t="1774399989459" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                         xmlns="http://www.w3.org/2000/svg" p-id="5869" width="16" height="16">
+                        <path d="M869.347328 268.355584l-165.218304-165.234688 82.655232-82.610176c27.373568-27.344896 71.749632-27.344896 99.125248 0L951.97184 86.58944c27.373568 27.392 27.373568 71.798784 0 99.188736l-82.624512 82.577408zM389.347328 748.343296l-165.251072-165.220352L673.316864 137.465856l165.220352 165.218304-449.189888 445.659136zM91.377664 883.843072L191.909888 615.34208l163.844096 163.876864-264.37632 104.624128z m742.033408 56.469504c23.123968 0 41.844736 18.74944 41.844736 41.875456 0 23.093248-18.720768 41.811968-41.844736 41.811968H93.329408c-23.093248 0-41.828352-18.71872-41.828352-41.811968 0-23.126016 18.733056-41.875456 41.828352-41.875456h740.081664z"
+                              p-id="5870" fill="#ffffff"></path>
+                    </svg>

static/icons/link.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1774446230298" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13396" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M593.94368 715.648a10.688 10.688 0 0 0-14.976 0L424.21568 870.4c-71.68 71.68-192.576 79.232-271.68 0-79.232-79.232-71.616-200 0-271.616l154.752-154.752a10.688 10.688 0 0 0 0-15.04l-52.992-52.992a10.688 10.688 0 0 0-15.04 0L84.50368 530.688a287.872 287.872 0 0 0 0 407.488 288 288 0 0 0 407.488 0l154.752-154.752a10.688 10.688 0 0 0 0-15.04l-52.736-52.736z m344.384-631.168a288.256 288.256 0 0 1 0 407.616l-154.752 154.752a10.688 10.688 0 0 1-15.04 0l-52.992-52.992a10.688 10.688 0 0 1 0-15.104l154.752-154.688c71.68-71.68 79.232-192.448 0-271.68-79.104-79.232-200-71.68-271.68 0L443.92768 307.2a10.688 10.688 0 0 1-15.04 0l-52.864-52.864a10.688 10.688 0 0 1 0-15.04l154.88-154.752a287.872 287.872 0 0 1 407.424 0z m-296.32 240.896l52.672 52.736a10.688 10.688 0 0 1 0 15.04l-301.504 301.44a10.688 10.688 0 0 1-15.04 0l-52.736-52.672a10.688 10.688 0 0 1 0-15.04l301.632-301.504a10.688 10.688 0 0 1 15.04 0z" fill="#13227a" p-id="13397"></path></svg>

static/icons/search.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1774400789288" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12319" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M971.650873 875.890274c-20.428928-20.428928-183.860349-194.074813-183.860349-194.074813 102.144638-163.431421 91.930175-398.36409-51.07232-551.581047C573.286783-43.411471 307.710723-43.411471 144.279302 130.234414c-163.431421 173.645885-163.431421 449.436409 0 617.975062 148.109726 153.216958 367.720698 158.32419 531.152119 56.179551l194.074813 188.967581c40.857855 35.750623 86.822943 40.857855 122.573566 0 25.53616-35.750623 20.428928-71.501247-20.428927-117.466334zM445.605985 732.887781c-158.32419 0-280.897756-132.78803-280.897756-291.11222 0-163.431421 127.680798-291.112219 280.897756-291.112219 158.32419 0 280.897756 132.78803 280.897756 291.112219 5.107232 163.431421-122.573566 291.112219-280.897756 291.11222z m0 0" p-id="12320" fill="#ffffff"></path></svg>

static/icons/user.svg

@@ -0,0 +1,5 @@
+<svg t="1774400103777" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                         xmlns="http://www.w3.org/2000/svg" p-id="9795" width="16" height="16">
+                        <path d="M958.4 848.9c-24.6-53.6-59.7-101.8-104.3-143.3-44.6-41.4-96.4-73.9-154-96.6-14.8-5.8-29.7-10.9-44.9-15.3C756.6 541.6 826.1 436 826.1 314.1 826.1 140.6 685.5 0 512 0S197.9 140.6 197.9 314.1c0 121.9 69.4 227.5 170.9 279.6-15.2 4.4-30.2 9.5-44.9 15.3-57.6 22.7-109.4 55.2-154 96.6-44.7 41.4-79.8 89.6-104.3 143.3-25.5 55.6-38.5 114.5-38.5 175.1h969.8c0-60.6-13-119.5-38.5-175.1z"
+                              p-id="9796" fill="#ffffff"></path>
+                    </svg>

static/icons/wechat.svg

@@ -0,0 +1 @@
+<svg t="1774400549556" class="icon" viewBox="0 0 1171 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11140" width="16" height="16"><path d="M331.428571 263.428571q0-23.428571-14.285714-37.714286t-37.714286-14.285714q-24.571429 0-43.428571 14.571429t-18.857143 37.428571q0 22.285714 18.857143 36.857143t43.428571 14.571429q23.428571 0 37.714286-14t14.285714-37.428571zm424.571429 289.714286q0-16-14.571429-28.571429t-37.428571-12.571429q-15.428571 0-28.285714 12.857143t-12.857143 28.285714q0 16 12.857143 28.857143t28.285714 12.857143q22.857143 0 37.428571-12.571429t14.571429-29.142857zm-134.857143-289.714286q0-23.428571-14-37.714286t-37.428571-14.285714q-24.571429 0-43.428571 14.571429t-18.857143 37.428571q0 22.285714 18.857143 36.857143t43.428571 14.571429q23.428571 0 37.428571-14t14-37.428571zm362.857143 289.714286q0-16-14.857143-28.571429t-37.142857-12.571429q-15.428571 0-28.285714 12.857143t-12.857143 28.285714q0 16 12.857143 28.857143t28.285714 12.857143q22.285714 0 37.142857-12.571429t14.857143-29.142857zm-152-226.857143q-17.714286-2.285714-40-2.285714-96.571429 0-177.714286 44t-127.714286 119.142857-46.571429 164.285714q0 44.571429 13.142857 86.857143-20 1.714286-38.857143 1.714286-14.857143 0-28.571429-0.857143t-31.428571-3.714286-25.428571-4-31.142857-6-28.571429-6l-144.571429 72.571429 41.142857-124.571429q-165.714286-116-165.714286-280 0-96.571429 55.714286-177.714286t150.857143-127.714286 207.714286-46.571429q100.571429 0 190 37.714286t149.714286 104.285714 78 148.857143zm338.285714 320.571429q0 66.857143-39.142857 127.714286t-106 110.571429l31.428571 103.428571-113.714286-62.285714q-85.714286 21.142857-124.571429 21.142857-96.571429 0-177.714286-40.285714t-127.714286-109.428571-46.571429-150.857143 46.571429-150.857143 127.714286-109.428571 177.714286-40.285714q92 0 173.142857 40.285714t130 109.714286 48.857143 150.571429z" p-id="11141" fill="#ffffff"></path></svg>