feat: 初始化导航网站项目

添加 Flask 导航站应用，包含 Docker 部署配置、SQLite 数据库、静态资源及 CI/CD 流水线。

static/css/masthead.css

@@ -0,0 +1,131 @@
+/* masthead.css */
+
+.ui.inverted.masthead.segment.zoomed h1.ui.header,
+.ui.inverted.masthead.segment.zoomed h2.ui.header {
+    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0);
+    color: rgba(255, 255, 255, 1);
+}
+.ui.inverted.masthead.segment.zoomed:after {
+    opacity: 0;
+}
+.ui.inverted.masthead.segment.zoomed {
+    background-color: #1B1C1D;
+}
+.ui.inverted.masthead.segment {
+    position: relative;
+    text-align: center;
+    color: rgba(255, 255, 255, 0.9);
+    margin-bottom: 0px;
+    border-bottom: none;
+    background-color: #1B1C1D;
+    background-position: 50% 50%;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+}
+.ui.inverted.masthead.segment:after {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: -1;
+    width: 100%;
+    height: 100%;
+    content: '';
+    background-size: cover;
+    opacity: 0.45;
+}
+.ui.inverted.masthead.segment.bg1:after {
+    background-image: url('/static/images/backgrounds/1.jpg');
+}
+.ui.inverted.masthead.segment.bg2:after {
+    background-image: url('/static/images/backgrounds/2.jpg');
+}
+.ui.inverted.masthead.segment.bg3:after {
+    background-image: url('/static/images/backgrounds/3.jpg');
+}
+.ui.inverted.masthead.segment.bg4:after {
+    background-image: url('/static/images/backgrounds/4.jpg');
+}
+.ui.inverted.masthead.segment.bg5:after {
+    background-image: url('/static/images/backgrounds/5.jpg');
+}
+.ui.inverted.masthead.segment.bg6:after {
+    background-image: url('/static/images/backgrounds/6.jpg');
+}
+.ui.inverted.masthead.segment.bg7:after {
+    background-image: url('/static/images/backgrounds/7.jpg');
+}
+.ui.inverted.masthead.segment.bg8:after {
+    background-image: url('/static/images/backgrounds/8.jpg');
+}
+.ui.inverted.masthead.segment.bg9:after {
+    background-image: url('/static/images/backgrounds/9.jpg');
+}
+.ui.inverted.masthead.segment.bg10:after {
+    background-image: url('/static/images/backgrounds/10.jpg');
+}
+.ui.inverted.masthead.segment.bg11:after {
+    background-image: url('/static/images/backgrounds/11.jpg');
+}
+.ui.inverted.masthead.segment.bg12:after {
+    background-image: url('/static/images/backgrounds/12.jpg');
+}
+.ui.inverted.masthead.segment.bg13:after {
+    background-image: url('/static/images/backgrounds/13.jpg');
+}
+.ui.inverted.masthead.segment.bg14:after {
+    background-image: url('/static/images/backgrounds/14.jpg');
+}
+.ui.inverted.masthead.segment.bg15:after {
+    background-image: url('/static/images/backgrounds/15.jpg');
+}
+.ui.inverted.masthead.segment.bg16:after {
+    background-image: url('/static/images/backgrounds/16.jpg');
+}
+.ui.inverted.masthead.segment.bg17:after {
+    background-image: url('/static/images/backgrounds/17.jpg');
+}
+.ui.inverted.masthead.segment,
+.ui.inverted.masthead.segment:after {
+    -ms-transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    -moz-transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    -webkit-transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    -ms-transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    -moz-transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    -webkit-transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+    transition:
+        background 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s,
+        opacity 6s cubic-bezier(0.680, -0.550, 0.265, 1.4) 0s;
+}
+.pusher .ui.inverted.menu {
+    background: none;
+}
+.ui.masthead h1.ui.header:not(.logo) {
+    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+    -moz-transform-style: preserve-3d;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+}
+.ui.masthead h2.ui.header {
+    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+    -moz-transform-style: preserve-3d;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+}