增加website

website/src/styles/base.less

@@ -0,0 +1,148 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+  font-size: 16px;
+  line-height: 1.6;
+  color: @ink-700;
+  background: @white;
+  overflow-x: hidden;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+p,
+figure {
+  margin: 0;
+  font-weight: inherit;
+}
+
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+}
+
+button {
+  padding: 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+
+input,
+textarea {
+  font: inherit;
+}
+
+.container {
+  width: 100%;
+  max-width: @page-width;
+  margin: 0 auto;
+  padding: 0 @page-gutter;
+}
+
+// 通用：横向滚动时隐藏滚动条
+.no-scrollbar {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+// 通用圆形箭头按钮
+.circle-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  border: 1px solid @ink-300;
+  color: @ink-700;
+  background: @white;
+  transition: all 0.25s ease;
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  &:hover:not(:disabled) {
+    background: @navy-800;
+    border-color: @navy-800;
+    color: @white;
+  }
+
+  &:disabled {
+    opacity: 0.35;
+    cursor: not-allowed;
+  }
+}
+
+// 通用：封面配色（暂用渐变替代实拍图，后续可换成 img）
+.tone-navy {
+  background: linear-gradient(140deg, #1b2f6e 0%, #0b1430 100%);
+}
+
+.tone-blue {
+  background: linear-gradient(140deg, #3f7bff 0%, #2450d8 100%);
+}
+
+.tone-teal {
+  background: linear-gradient(140deg, #22c2a0 0%, #17a88f 100%);
+}
+
+.tone-indigo {
+  background: linear-gradient(140deg, #5b5ee8 0%, #3a3dbf 100%);
+}
+
+// 通用：淡入上移动画
+.fade-up {
+  animation: fadeUp 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) both;
+}
+
+@keyframes fadeUp {
+  from {
+    opacity: 0;
+    transform: translateY(28px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}

website/src/styles/index.less

@@ -0,0 +1,2 @@
+@import "./variables.less";
+@import "./base.less";

website/src/styles/variables.less

@@ -0,0 +1,27 @@
+// ============ 品牌色 ============
+@navy-900: #0b1430; // 页脚 / 最深
+@navy-800: #142352; // 主色：深蓝区块
+@navy-700: #1b2f6e;
+@navy-600: #24418f;
+@blue-600: #2f6bf3; // 强调蓝
+@blue-500: #4b83ff;
+@teal-600: #17a88f; // 右侧卡片
+@teal-500: #22c2a0;
+@green-400: #2ec89b; // 小竖条
+@indigo-500: #4a4ddb;
+
+// ============ 中性色 ============
+@ink-900: #14161c;
+@ink-800: #232733;
+@ink-700: #3c4252;
+@ink-600: #5b6376;
+@ink-500: #838c9f;
+@ink-400: #a9b1c1;
+@ink-300: #ccd2dd;
+@line: #e8ebf2;
+@bg-soft: #f4f6fb;
+@white: #ffffff;
+
+// ============ 布局 ============
+@page-width: 1680px; // 内容最大宽度
+@page-gutter: 40px; // 左右安全边距