init: sxbh.ltd 官网初始提交

- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
2026-07-11 17:29:24 +08:00
commit e1a9b25afa
177 changed files with 21447 additions and 0 deletions
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>封面</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { 
+    background: #f5f0e8; display: flex; justify-content: center; align-items: center;
+    min-height: 100vh; font-family: "Noto Serif SC", "KaiTi", "SimSun", serif;
+  }
+  .cover {
+    width: 1200px; height: 675px;
+    background: linear-gradient(160deg, #1a0f0a 0%, #2c1810 35%, #3d2218 65%, #1a0f0a 100%);
+    position: relative; overflow: hidden;
+    display: flex; flex-direction: column; justify-content: center;
+    padding: 60px 80px; text-align: center;
+  }
+  .cover::before {
+    content: '☰ ☷ ☲ ☵ ☳ ☴ ☱ ☶';
+    position: absolute; top: 20px; left: 0; right: 0;
+    font-size: 24px; letter-spacing: 30px;
+    color: rgba(212,197,169,0.04); text-align: center;
+  }
+  .cover::after {
+    content: '☰ ☷ ☲ ☵ ☳ ☴ ☱ ☶';
+    position: absolute; bottom: 20px; left: 0; right: 0;
+    font-size: 24px; letter-spacing: 30px;
+    color: rgba(212,197,169,0.04); text-align: center;
+  }
+  .orb {
+    position: absolute; top: 50%; left: 50%;
+    transform: translate(-50%, -50%);
+    width: 500px; height: 500px;
+    background: radial-gradient(circle, rgba(201,169,110,0.06) 0%, transparent 60%);
+    border-radius: 50%;
+  }
+
+  .main-title {
+    position: relative; z-index: 1;
+  }
+  .main-title .badge {
+    display: inline-block;
+    border: 1px solid rgba(212,197,169,0.2);
+    color: rgba(212,197,169,0.5); font-size: 13px;
+    padding: 4px 18px; letter-spacing: 4px;
+    margin-bottom: 28px;
+  }
+  .main-title .line1 {
+    font-size: 38px; color: #e8d5b0; font-weight: 400;
+    letter-spacing: 8px; line-height: 1.6;
+  }
+  .main-title .line1 em {
+    font-style: normal; font-size: 42px; font-weight: 700;
+    background: linear-gradient(135deg, #e8d5b0, #c9a96e);
+    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .main-title .line2 {
+    font-size: 36px; color: #e8d5b0; font-weight: 400;
+    letter-spacing: 8px; line-height: 1.6;
+    margin-top: 4px;
+  }
+  .main-title .line2 em {
+    font-style: normal; font-size: 40px; font-weight: 700;
+    background: linear-gradient(135deg, #e8d5b0, #c9a96e);
+    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .main-title .sub {
+    font-size: 15px; color: rgba(212,197,169,0.35);
+    letter-spacing: 6px; margin-top: 20px;
+  }
+  .main-title .divider-line {
+    width: 40px; height: 1px; background: rgba(212,197,169,0.2);
+    margin: 20px auto;
+  }
+  .main-title .desc {
+    font-size: 14px; color: rgba(212,197,169,0.4);
+    letter-spacing: 3px; line-height: 1.8;
+  }
+
+  .footer {
+    position: absolute; bottom: 30px; left: 0; right: 0;
+    text-align: center; z-index: 1;
+    font-size: 12px; color: rgba(212,197,169,0.2);
+    letter-spacing: 2px;
+  }
+</style>
+    <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+<div class="cover">
+  <div class="orb"></div>
+  <div class="main-title">
+    <div class="badge">易 经</div>
+    <div class="line1"><em>先天为体</em>，贵在"忘形"</div>
+    <div class="line2"><em>后天为用</em>，贵在"执器"</div>
+    <div class="divider-line"></div>
+    <div class="sub">—— 善《易》者不卜 ——</div>
+    <div class="desc">先天八卦 · 宇宙规律的数学模型</div>
+  </div>
+  <div class="footer">一切皆如 · 原创</div>
+</div>
+</body>
+</html>