Switch to warm minimal theme: linen texture, muted warm tones, add service links (Gitea/Cloudreve/MC)

content/res/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "ISS 资源下载"
 description: "一班 · 自学支持 · 资源下载"
-accent: "#1565c0"
+accent: "#7a7a9e"
 ---
 帮助学生查漏补缺、习题重练、预习复习。所有资源仅供自学使用。
 

content/res/filelist.md

@@ -1,6 +1,6 @@
 ---
 title: "文件列表"
 description: "学科资源文件列表"
-accent: "#1565c0"
+accent: "#7a7a9e"
 layout: "filelist"
 ---

content/softwares/_index.md

@@ -1,5 +1,5 @@
 ---
 title: "我的作品"
 description: "S.A. 的开源项目与作品展示"
-accent: "#009688"
+accent: "#8a9a7e"
 ---

content/softwares/btcli.md

@@ -1,7 +1,7 @@
 ---
 title: "btcli"
 description: "命令行翻译工具，配备 TUI 界面"
-accent: "#ff8f00"
+accent: "#c8a87a"
 slug: "btcli"
 layout: "software-detail"
 project: "btcli"

content/softwares/minesentinel.md

@@ -1,7 +1,7 @@
 ---
 title: "MineSentinel"
 description: "Minecraft 服务器智能守护进程"
-accent: "#00bcd4"
+accent: "#7a9a6e"
 slug: "minesentinel"
 layout: "software-detail"
 project: "minesentinel"

content/softwares/mint.md

@@ -1,7 +1,7 @@
 ---
 title: "Mint Runtime"
 description: "安全特性驱动的 Lua 运行时"
-accent: "#7c4dff"
+accent: "#a890b8"
 slug: "mint"
 layout: "software-detail"
 project: "mint"

content/softwares/reverberation.md

@@ -1,7 +1,7 @@
 ---
 title: "Reverberation"
 description: "轻量级文本阅读器"
-accent: "#607d8b"
+accent: "#8a9a7e"
 slug: "reverberation"
 layout: "software-detail"
 project: "reverberation"

content/xaguarder/_index.md

@@ -1,5 +1,5 @@
 ---
 title: "XAGuarder"
 description: "网站安全拦截服务"
-accent: "#f44336"
+accent: "#b87070"
 ---

content/xaguarder/warning.md

@@ -2,5 +2,5 @@
 title: "XA Defended!"
 description: "XAGuarder 拦截警告页面"
 layout: "warning"
-accent: "#f44336"
+accent: "#b87070"
 ---

data/projects.toml

@@ -2,7 +2,7 @@
 name = "MineSentinel"
 slug = "minesentinel"
 description = "Minecraft 服务器智能守护进程，TCP 端口检测 + 崩溃自动重启 + 防循环冷却期"
-accent = "#00bcd4"
+accent = "#7a9a6e"
 repo_url = "https://gitee.com/snoware/minesentinel"
 demo_url = "/softwares/minesentinel/"
 doc_url = "https://gitee.com/snoware/minesentinel/blob/master/DEPLOY.md"
@@ -23,7 +23,7 @@ author = "S.A. (@snoware)"
 name = "btcli"
 slug = "btcli"
 description = "一款命令行翻译工具，支持中文及其他语言，配备 TUI 界面"
-accent = "#ff8f00"
+accent = "#c8a87a"
 repo_url = "https://gitee.com/ironbayberry/btcli"
 demo_url = "/softwares/btcli/"
 doc_url = "https://docs.rs/btcli"
@@ -50,7 +50,7 @@ has_drag_ball = true
 name = "Reverberation"
 slug = "reverberation"
 description = "轻量级文本阅读器，逐字显示文本内容"
-accent = "#607d8b"
+accent = "#8a9a7e"
 repo_url = "https://gitee.com/ironbayberry/reverberation"
 demo_url = "/softwares/reverberation/"
 doc_url = "https://docs.rs/reverberation"
@@ -73,7 +73,7 @@ author = "S.A. (@snoware)"
 name = "Mint Runtime"
 slug = "mint"
 description = "安全特性驱动的 Lua 运行时，支持 i18n、字节码验证与细粒度访问控制"
-accent = "#7c4dff"
+accent = "#a890b8"
 repo_url = "https://gitee.com/snoware/mint"
 demo_url = "/softwares/mint/"
 doc_url = "https://docs.rs/mintrt"

data/subjects.toml

@@ -2,52 +2,52 @@
 name = "语文"
 password = "d1iq"
 url = "https://snowcloud.lanzoum.com/b0zkfchxi"
-color = "#e91e63"
+color = "#c89a6e"
 
 [[subjects]]
 name = "数学"
 password = "6rp9"
 url = "https://snowcloud.lanzoum.com/b0zkf9u4j"
-color = "#2196f3"
+color = "#8a9a7e"
 
 [[subjects]]
 name = "英语"
 password = "4wxy"
 url = "https://snowcloud.lanzoum.com/b0zkfchyj"
-color = "#4caf50"
+color = "#a890b8"
 
 [[subjects]]
 name = "物理"
 password = "4n48"
 url = "https://snowcloud.lanzoum.com/b0zkf9u5a"
-color = "#ff9800"
+color = "#c8a87a"
 
 [[subjects]]
 name = "化学"
 password = "kc1b"
 url = "https://snowcloud.lanzoum.com/b0zkf9tyd"
-color = "#9c27b0"
+color = "#b87070"
 
 [[subjects]]
 name = "生物"
 password = "dn3m"
 url = "https://snowcloud.lanzoum.com/b0zkf9u0f"
-color = "#00bcd4"
+color = "#7a9a6e"
 
 [[subjects]]
 name = "政治"
 password = "4xej"
 url = "https://snowcloud.lanzoum.com/b0zkf9u6b"
-color = "#f44336"
+color = "#a08060"
 
 [[subjects]]
 name = "历史"
 password = "i757"
 url = "https://snowcloud.lanzoum.com/b0zkf9u3i"
-color = "#795548"
+color = "#7e6858"
 
 [[subjects]]
 name = "地理"
 password = "dwrz"
 url = "https://snowcloud.lanzoum.com/b0zkf9u2h"
-color = "#009688"
+color = "#6a8a78"

hugo.toml

@@ -8,10 +8,15 @@ copyright = '© 2026 S.A. | SNOWARE'
   description = 'SNOWARE — S.A. 个人站点'
   logo = '/logo.svg'
   navLinks = [
-    { name = '资源下载', url = '/res/', icon = 'download' },
+    { name = '资源下载', url = '/res/' },
-    { name = '我的作品', url = '/softwares/', icon = 'code' },
+    { name = '我的作品', url = '/softwares/' },
-    { name = 'B站空间', url = 'https://bilibili.com/1875249243', icon = 'play', external = true },
+    { name = 'B站空间', url = 'https://bilibili.com/1875249243', external = true },
-    { name = 'XAGuarder', url = '/xaguarder/', icon = 'shield' }
+    { name = 'XAGuarder', url = '/xaguarder/' }
+  ]
+  services = [
+    { name = 'Gitea', url = 'http://103.217.186.98:3000/', icon = 'git', desc = '代码仓库' },
+    { name = 'Cloudreve', url = 'http://103.217.186.98:5212/home', icon = 'cloud', desc = '云存储' },
+    { name = 'Minecraft Server', url = '', icon = 'game', desc = 'QQ 758522192 注明来意' }
   ]
 
 [markup.goldmark.renderer]

layouts/index.html

@@ -1,11 +1,10 @@
 {{ define "body" }}
-<div id="star-canvas-wrap">
+<div class="home-hero">
-  <canvas id="star-canvas"></canvas>
-  <div class="home-overlay">
   <div class="logo-wrap">
-      <img src="{{ .Site.Params.logo }}" alt="SNOWARE Logo" class="home-logo" width="180" height="180">
+    <img src="{{ .Site.Params.logo }}" alt="SNOWARE Logo" class="home-logo" width="160" height="160">
   </div>
   <h1 class="home-title">SNOWARE</h1>
+  <p class="home-subtitle">冷静而温馨，简约而不简单。</p>
   <nav class="home-nav">
     {{ range .Site.Params.navLinks }}
     <a href="{{ .url }}" class="home-btn{{ if .external }} external{{ end }}" {{ if .external }}target="_blank" rel="noopener"{{ end }}>
@@ -13,10 +12,32 @@
     </a>
     {{ end }}
   </nav>
-  </div>
-</div>
-{{ end }}
 
-{{ define "extra_scripts" }}
+  {{ with .Site.Params.services }}
-<script src="/js/stars.js"></script>
+  <div class="home-services">
+    <h2>服务</h2>
+    <div class="services-grid">
+      {{ range . }}
+      {{ if .url }}
+      <a href="{{ .url }}" class="service-card external" target="_blank" rel="noopener">
+      {{ else }}
+      <div class="service-card no-link">
+      {{ end }}
+        <div class="service-icon">
+          {{ if eq .icon "git" }}
+          <svg viewBox="0 0 24 24"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22"/></svg>
+          {{ else if eq .icon "cloud" }}
+          <svg viewBox="0 0 24 24"><path d="M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z"/></svg>
+          {{ else if eq .icon "game" }}
+          <svg viewBox="0 0 24 24"><rect x="2" y="6" width="20" height="12" rx="2"/><line x1="6" y1="12" x2="10" y2="12"/><line x1="8" y1="10" x2="8" y2="14"/><circle cx="16" cy="10" r="1" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1" fill="currentColor" stroke="none"/></svg>
+          {{ end }}
+        </div>
+        <h3>{{ .name }}</h3>
+        <p>{{ .desc }}</p>
+      {{ if .url }}</a>{{ else }}</div>{{ end }}
+      {{ end }}
+    </div>
+  </div>
+  {{ end }}
+</div>
 {{ end }}

layouts/res/filelist.html

@@ -1,5 +1,5 @@
 {{ define "body" }}
-<section class="page-hero" style="--accent: #1565c0">
+<section class="page-hero" style="--accent: #7a7a9e">
   <h1>学科资源列表</h1>
   <p class="subtitle">蓝奏云下载 · 点击学科即可跳转</p>
 </section>

layouts/res/list.html

@@ -1,5 +1,5 @@
 {{ define "body" }}
-<section class="page-hero" style="--accent: #1565c0">
+<section class="page-hero" style="--accent: #7a7a9e">
   <h1>{{ .Title }}</h1>
   <p class="subtitle">{{ .Description }}</p>
 </section>

layouts/softwares/list.html

@@ -1,5 +1,5 @@
 {{ define "body" }}
-<section class="page-hero" style="--accent: #009688">
+<section class="page-hero" style="--accent: #8a9a7e">
   <h1>{{ .Title }}</h1>
   <p class="subtitle">{{ .Description }}</p>
 </section>

layouts/xaguarder/list.html

@@ -1,5 +1,5 @@
 {{ define "body" }}
-<section class="page-hero" style="--accent: #f44336">
+<section class="page-hero" style="--accent: #b87070">
   <h1>{{ .Title }}</h1>
   <p class="subtitle">{{ .Description }}</p>
 </section>

layouts/xaguarder/warning.html

@@ -12,6 +12,6 @@
 
 {{ define "extra_head" }}
 <style>
-  .warning-page { --accent: #f44336; }
+  .warning-page { --accent: #b87070; }
 </style>
 {{ end }}

static/css/style.css

@@ -1,452 +1,337 @@
-/* ===== SNOWARE Unified Dark Theme ===== */
+/* ===== SNOWARE — Minimal Warm Theme ===== */
 
 :root {
-  --bg-deep: #060612;
+  --bg: #1c1b19;
-  --bg-card: rgba(15, 25, 55, 0.6);
+  --bg-soft: #262422;
-  --bg-glass: rgba(20, 35, 70, 0.35);
+  --bg-card: #2e2c2a;
-  --accent: #4fc3f7;
+  --accent: #c8a87a;
-  --accent-alt: #7c4dff;
+  --accent-warm: #e8c9a0;
-  --text: #e8eaf6;
+  --accent-cool: #8a9a7e;
-  --text-muted: #90a4ae;
+  --text: #e0d8c8;
-  --radius: 12px;
+  --text-muted: #9e9585;
+  --text-dim: #6b6358;
+  --border: rgba(200,168,122,0.12);
+  --border-hover: rgba(200,168,122,0.28);
+  --radius: 10px;
   --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
-  --transition: 0.3s ease;
+  --mono: 'Cascadia Code', 'Fira Code', monospace;
+  --transition: 0.25s ease;
 }
 
 *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
-
 html { scroll-behavior: smooth; }
 
 body {
   font-family: var(--font);
-  background: var(--bg-deep);
+  background: var(--bg);
   color: var(--text);
   min-height: 100vh;
   display: flex;
   flex-direction: column;
-  line-height: 1.6;
+  line-height: 1.7;
+  /* Warm linen texture via subtle noise */
+  background-image:
+    url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
+  background-repeat: repeat;
+  background-size: 256px 256px;
 }
 
-.container { max-width: 960px; margin: 0 auto; padding: 0 24px; }
+.container { max-width: 920px; margin: 0 auto; padding: 0 24px; }
 
 /* ===== Navigation ===== */
 .site-nav {
-  position: sticky;
+  position: sticky; top: 0; z-index: 100;
-  top: 0;
+  background: rgba(28,27,25,0.92);
-  z-index: 100;
+  backdrop-filter: blur(14px);
-  background: rgba(6, 6, 18, 0.85);
+  border-bottom: 1px solid var(--border);
-  backdrop-filter: blur(12px);
+  padding: 10px 0;
-  border-bottom: 1px solid rgba(79, 195, 247, 0.1);
-  padding: 12px 0;
-}
-.nav-inner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
 }
+.nav-inner { display: flex; align-items: center; justify-content: space-between; }
 .nav-brand {
-  display: flex;
+  display: flex; align-items: center; gap: 10px;
-  align-items: center;
+  color: var(--text); font-weight: 700; font-size: 17px; text-decoration: none;
-  gap: 10px;
-  color: var(--text);
-  font-weight: 700;
-  font-size: 18px;
-  text-decoration: none;
 }
-.nav-logo { border-radius: 50%; }
+.nav-brand img { border-radius: 50%; }
-.nav-links { display: flex; gap: 20px; }
+.nav-links { display: flex; gap: 22px; }
 .nav-links a {
-  color: var(--text-muted);
+  color: var(--text-muted); text-decoration: none; font-size: 13.5px;
-  text-decoration: none;
+  transition: color var(--transition); position: relative;
-  font-size: 14px;
-  transition: color var(--transition);
-  position: relative;
 }
-.nav-links a:hover { color: var(--accent); }
+.nav-links a:hover { color: var(--accent-warm); }
 .nav-links a::after {
-  content: '';
+  content: ''; position: absolute; bottom: -3px; left: 0;
-  position: absolute;
+  width: 0; height: 1.5px; background: var(--accent);
-  bottom: -4px;
-  left: 0;
-  width: 0;
-  height: 2px;
-  background: var(--accent);
   transition: width var(--transition);
 }
 .nav-links a:hover::after { width: 100%; }
 
 /* ===== Homepage ===== */
-#star-canvas-wrap {
+.home-hero {
-  position: relative;
   min-height: 100vh;
-  display: flex;
+  display: flex; flex-direction: column;
-  align-items: center;
+  align-items: center; justify-content: center;
-  justify-content: center;
+  padding: 60px 24px;
+  gap: 32px;
 }
-#star-canvas {
+.home-hero .logo-wrap { text-align: center; }
-  position: absolute;
+.home-hero .home-logo {
-  inset: 0;
+  width: 160px; height: 160px;
-  width: 100%;
-  height: 100%;
-}
-.home-overlay {
-  position: relative;
-  z-index: 2;
-  text-align: center;
-  padding: 40px 20px;
-}
-.logo-wrap {
-  position: relative;
-  display: inline-block;
-  margin-bottom: 20px;
-}
-.logo-wrap::before {
-  content: '';
-  position: absolute;
-  inset: -8px;
   border-radius: 50%;
-  background: radial-gradient(circle, rgba(79,195,247,0.25), transparent 70%);
+  border: 2px solid rgba(200,168,122,0.3);
-}
+  background: rgba(46,44,42,0.5);
-.home-logo {
-  border-radius: 50%;
-  border: 2px solid rgba(79,195,247,0.5);
-  background: rgba(15,25,55,0.6);
   backdrop-filter: blur(8px);
 }
 .home-title {
-  font-size: 48px;
+  font-size: 44px; font-weight: 700; letter-spacing: 6px;
-  font-weight: 800;
+  color: var(--accent-warm);
-  letter-spacing: 8px;
+  margin: 0;
-  color: var(--accent);
-  text-shadow: 0 0 30px rgba(79,195,247,0.4), 0 0 60px rgba(79,195,247,0.2);
-  margin-bottom: 32px;
 }
-.home-nav {
+.home-subtitle {
-  display: flex;
+  color: var(--text-muted); font-size: 15px; text-align: center; max-width: 420px;
-  flex-wrap: wrap;
-  gap: 14px;
-  justify-content: center;
 }
+
+/* Homepage nav buttons */
+.home-nav { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
 .home-btn {
-  display: inline-block;
+  padding: 11px 26px; border-radius: 8px;
-  padding: 12px 28px;
+  background: var(--bg-card); border: 1px solid var(--border);
-  border-radius: 50px;
+  color: var(--text); text-decoration: none; font-size: 14px; font-weight: 500;
-  background: var(--bg-glass);
-  border: 1px solid rgba(79,195,247,0.3);
-  color: var(--text);
-  text-decoration: none;
-  font-size: 15px;
-  font-weight: 500;
   transition: all var(--transition);
-  backdrop-filter: blur(8px);
 }
 .home-btn:hover {
-  background: rgba(79,195,247,0.15);
+  border-color: var(--border-hover);
-  border-color: var(--accent);
+  background: rgba(200,168,122,0.08);
-  transform: translateY(-2px);
+  transform: translateY(-1px);
-  box-shadow: 0 4px 20px rgba(79,195,247,0.2);
 }
 
+/* Services section on homepage */
+.home-services {
+  margin-top: 48px;
+  text-align: center;
+}
+.home-services h2 {
+  font-size: 15px; color: var(--text-dim); font-weight: 500;
+  letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px;
+}
+.services-grid {
+  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
+  max-width: 600px; margin: 0 auto;
+}
+.service-card {
+  padding: 20px 16px; border-radius: var(--radius);
+  background: var(--bg-card); border: 1px solid var(--border);
+  text-decoration: none; color: var(--text);
+  transition: all var(--transition);
+  text-align: center;
+}
+.service-card:hover {
+  border-color: var(--border-hover);
+  background: rgba(200,168,122,0.06);
+}
+.service-icon {
+  display: flex; justify-content: center; margin-bottom: 10px;
+}
+.service-icon svg { width: 28px; height: 28px; stroke: var(--accent); fill: none; stroke-width: 1.8; }
+.service-card h3 { font-size: 14px; color: var(--accent-warm); margin-bottom: 4px; }
+.service-card p { font-size: 12.5px; color: var(--text-muted); }
+.service-card.no-link { cursor: default; }
+.service-card.no-link:hover { background: var(--bg-card); border-color: var(--border); transform: none; }
+
 /* ===== Page Hero ===== */
 .page-hero {
-  text-align: center;
+  text-align: center; padding: 72px 24px 36px;
-  padding: 80px 24px 40px;
-  background: linear-gradient(180deg, rgba(6,6,18,0) 0%, rgba(6,6,18,1) 100%);
 }
 .page-hero h1 {
-  font-size: 40px;
+  font-size: 36px; font-weight: 700;
-  font-weight: 800;
+  color: var(--accent-warm); margin-bottom: 6px;
-  color: var(--accent);
-  text-shadow: 0 0 20px color-mix(in srgb, var(--accent) 30%, transparent);
-  margin-bottom: 8px;
-}
-.page-hero .subtitle {
-  color: var(--text-muted);
-  font-size: 18px;
 }
+.page-hero .subtitle { color: var(--text-muted); font-size: 16px; }
 
 /* ===== Page Content ===== */
-.page-content { padding: 20px 24px 60px; }
+.page-content { padding: 16px 24px 60px; }
 
 /* ===== Buttons ===== */
 .btn {
-  display: inline-block;
+  display: inline-block; padding: 9px 22px; border-radius: 8px;
-  padding: 10px 24px;
+  font-size: 14px; font-weight: 500; text-decoration: none;
-  border-radius: 8px;
+  transition: all var(--transition); cursor: pointer;
-  font-size: 15px;
-  font-weight: 500;
-  text-decoration: none;
-  transition: all var(--transition);
-  cursor: pointer;
   border: 1px solid transparent;
 }
-.btn-primary {
+.btn-primary { background: var(--accent); color: var(--bg); border-color: var(--accent); }
-  background: var(--accent);
+.btn-primary:hover { background: var(--accent-warm); }
-  color: #0a0a2e;
-  border-color: var(--accent);
-}
-.btn-primary:hover { opacity: 0.85; transform: translateY(-1px); }
 .btn-accent {
-  background: color-mix(in srgb, var(--accent) 20%, var(--bg-card));
+  background: rgba(200,168,122,0.1); color: var(--accent);
-  color: var(--accent);
+  border-color: var(--border-hover);
-  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
-}
-.btn-accent:hover { background: color-mix(in srgb, var(--accent) 30%, var(--bg-card)); }
-.btn-outline {
-  background: transparent;
-  color: var(--text-muted);
-  border-color: rgba(144,164,174,0.3);
 }
+.btn-accent:hover { background: rgba(200,168,122,0.18); }
+.btn-outline { background: transparent; color: var(--text-muted); border-color: var(--border); }
 .btn-outline:hover { border-color: var(--text-muted); color: var(--text); }
-.btn-lg { padding: 14px 32px; font-size: 17px; }
+.btn-lg { padding: 13px 30px; font-size: 16px; }
 
-/* ===== Glass Cards ===== */
+/* ===== Cards ===== */
-.feature-card {
+.card-base {
-  background: var(--bg-glass);
+  background: var(--bg-card);
-  border: 1px solid rgba(79,195,247,0.1);
+  border: 1px solid var(--border);
   border-radius: var(--radius);
-  padding: 24px;
+  backdrop-filter: blur(6px);
-  text-align: center;
+  transition: all var(--transition);
-  backdrop-filter: blur(8px);
-  transition: border-color var(--transition);
 }
-.feature-card:hover { border-color: rgba(79,195,247,0.3); }
+.card-base:hover { border-color: var(--border-hover); }
-.feature-card h3 { color: var(--accent); margin-bottom: 8px; }
+
-.feature-card p { color: var(--text-muted); font-size: 14px; }
+.feature-card {
-.feature-icon { font-size: 32px; margin-bottom: 12px; }
+  padding: 22px; text-align: center;
+}
+.feature-card h3 { color: var(--accent-warm); font-size: 15px; margin-bottom: 6px; }
+.feature-card p { color: var(--text-muted); font-size: 13px; }
+.feature-icon { font-size: 28px; margin-bottom: 10px; color: var(--accent); }
 
 /* ===== Resources Section ===== */
-.res-intro {
+.res-intro { text-align: center; margin-bottom: 28px; }
-  text-align: center;
+.res-intro-text { color: var(--text); font-size: 15px; }
-  margin-bottom: 32px;
-}
-.res-intro-text { color: var(--text); font-size: 16px; }
-.res-intro-note { color: var(--text-muted); font-size: 14px; margin-top: 8px; }
 .res-actions {
-  display: flex;
+  display: flex; gap: 14px; justify-content: center;
-  gap: 16px;
+  margin-bottom: 36px; flex-wrap: wrap;
-  justify-content: center;
-  margin-bottom: 40px;
-  flex-wrap: wrap;
 }
 .res-features {
-  display: grid;
+  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 20px;
-  margin-top: 32px;
 }
 
 /* ===== File List ===== */
 .filelist-grid {
-  display: grid;
+  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 20px;
 }
 .subject-card {
-  display: flex;
+  display: flex; flex-direction: column; align-items: center; gap: 8px;
-  flex-direction: column;
+  padding: 24px 16px;
-  align-items: center;
+  background: var(--bg-card);
-  gap: 10px;
+  border: 1px solid color-mix(in srgb, var(--color) 20%, transparent);
-  padding: 28px 20px;
-  background: var(--bg-glass);
-  border: 1px solid color-mix(in srgb, var(--color) 25%, transparent);
   border-radius: var(--radius);
-  text-decoration: none;
+  text-decoration: none; color: var(--text);
-  color: var(--text);
-  backdrop-filter: blur(8px);
   transition: all var(--transition);
 }
 .subject-card:hover {
   border-color: var(--color);
-  transform: translateY(-3px);
+  background: color-mix(in srgb, var(--color) 6%, var(--bg-card));
-  box-shadow: 0 8px 24px color-mix(in srgb, var(--color) 15%, transparent);
+  transform: translateY(-2px);
 }
-.subject-icon { color: var(--color); }
+.subject-icon svg { width: 36px; height: 36px; stroke: var(--color); fill: none; stroke-width: 1.5; }
-.subject-card h3 { font-size: 18px; }
+.subject-card h3 { font-size: 17px; }
-.subject-pw { font-size: 13px; color: var(--text-muted); }
+.subject-pw { font-size: 12.5px; color: var(--text-muted); }
 .subject-pw code {
-  background: rgba(255,255,255,0.08);
+  background: rgba(255,255,255,0.06); padding: 2px 7px; border-radius: 4px;
-  padding: 2px 8px;
+  color: var(--color); font-family: var(--mono);
-  border-radius: 4px;
-  color: var(--color);
 }
 
 /* ===== Software Section ===== */
 .about-intro {
-  text-align: center;
+  text-align: center; margin-bottom: 36px; padding: 22px;
-  margin-bottom: 40px;
+  background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
-  padding: 24px;
-  background: var(--bg-glass);
-  border-radius: var(--radius);
-}
-.about-intro p { color: var(--text-muted); margin-bottom: 16px; }
-.project-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 24px;
 }
+.about-intro p { color: var(--text-muted); margin-bottom: 14px; }
+.project-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
 .project-card {
-  display: flex;
+  display: flex; flex-direction: column; gap: 10px; padding: 24px;
-  flex-direction: column;
+  background: var(--bg-card);
-  gap: 12px;
+  border: 1px solid color-mix(in srgb, var(--accent) 15%, transparent);
-  padding: 28px;
-  background: var(--bg-glass);
-  border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
   border-radius: var(--radius);
-  text-decoration: none;
+  text-decoration: none; color: var(--text);
-  color: var(--text);
-  backdrop-filter: blur(8px);
   transition: all var(--transition);
 }
 .project-card:hover {
   border-color: var(--accent);
-  transform: translateY(-3px);
+  background: color-mix(in srgb, var(--accent) 4%, var(--bg-card));
-  box-shadow: 0 8px 30px color-mix(in srgb, var(--accent) 12%, transparent);
+  transform: translateY(-2px);
 }
 .card-header { display: flex; justify-content: space-between; align-items: flex-start; }
-.card-header h3 { font-size: 20px; color: var(--accent); }
+.card-header h3 { font-size: 18px; color: var(--accent-warm); }
-.card-tags { display: flex; gap: 6px; flex-wrap: wrap; }
+.card-tags { display: flex; gap: 5px; flex-wrap: wrap; }
 .tag {
-  font-size: 11px;
+  font-size: 11px; padding: 2px 9px; border-radius: 50px;
-  padding: 3px 10px;
+  background: color-mix(in srgb, var(--accent) 12%, var(--bg-card));
-  border-radius: 50px;
+  color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
-  background: color-mix(in srgb, var(--accent) 15%, var(--bg-card));
-  color: var(--accent);
-  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
 }
-.card-desc { color: var(--text-muted); font-size: 14px; }
+.card-desc { color: var(--text-muted); font-size: 13.5px; }
 .card-links { margin-top: auto; }
-.card-link { font-size: 14px; color: var(--accent); }
+.card-link { font-size: 13.5px; color: var(--accent); }
 
 /* ===== Software Detail ===== */
-.sw-links {
+.sw-links { display: flex; gap: 10px; justify-content: center; margin-bottom: 36px; flex-wrap: wrap; }
-  display: flex;
+.sw-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 36px; }
-  gap: 12px;
-  justify-content: center;
-  margin-bottom: 40px;
-  flex-wrap: wrap;
-}
-.sw-features {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 16px;
-  margin-bottom: 40px;
-}
 .sw-section {
-  margin-bottom: 32px;
+  margin-bottom: 28px; padding: 22px;
-  padding: 24px;
+  background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
-  background: var(--bg-glass);
-  border-radius: var(--radius);
-}
-.sw-section h2 {
-  color: var(--accent);
-  margin-bottom: 12px;
-  font-size: 22px;
 }
+.sw-section h2 { color: var(--accent-warm); margin-bottom: 10px; font-size: 20px; }
 .sw-code {
-  background: rgba(255,255,255,0.06);
+  background: rgba(255,255,255,0.05); padding: 10px 16px; border-radius: 6px;
-  padding: 12px 18px;
+  font-family: var(--mono); font-size: 13px; overflow-x: auto; color: var(--text);
-  border-radius: 8px;
-  font-family: 'Cascadia Code', 'Fira Code', monospace;
-  font-size: 14px;
-  overflow-x: auto;
-}
-.usage-list { display: flex; flex-direction: column; gap: 12px; }
-.usage-item {
-  display: flex;
-  gap: 12px;
-  align-items: center;
 }
+.usage-list { display: flex; flex-direction: column; gap: 10px; }
+.usage-item { display: flex; gap: 10px; align-items: center; }
 .usage-item code {
-  background: rgba(255,255,255,0.06);
+  background: rgba(255,255,255,0.05); padding: 5px 10px; border-radius: 5px;
-  padding: 6px 12px;
+  font-family: var(--mono); font-size: 12.5px; white-space: nowrap;
-  border-radius: 6px;
-  font-family: 'Cascadia Code', 'Fira Code', monospace;
-  font-size: 13px;
-  white-space: nowrap;
 }
-.usage-item span { color: var(--text-muted); }
+.usage-item span { color: var(--text-muted); font-size: 13px; }
 
 /* ===== Drag Ball ===== */
 .drag-ball-area {
-  text-align: center;
+  text-align: center; padding: 22px; margin: 36px 0;
-  padding: 24px;
+  background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
-  margin: 40px 0;
-  background: var(--bg-glass);
-  border-radius: var(--radius);
 }
-.drag-hint { color: var(--text-muted); font-size: 14px; margin-top: 8px; }
+.drag-hint { color: var(--text-muted); font-size: 13px; margin-top: 6px; }
 
 /* ===== XAGuarder ===== */
 .xag-intro {
-  text-align: center;
+  text-align: center; padding: 36px;
-  padding: 40px;
+  background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
-  background: var(--bg-glass);
+  max-width: 560px; margin: 0 auto;
-  border-radius: var(--radius);
-  max-width: 600px;
-  margin: 0 auto;
 }
-.xag-logo { border-radius: 50%; margin-bottom: 16px; }
+.xag-logo { border-radius: 50%; margin-bottom: 14px; }
-.xag-intro h2 { margin-bottom: 16px; color: var(--accent); }
+.xag-intro h2 { margin-bottom: 14px; color: var(--accent-warm); }
-.xag-intro p { color: var(--text-muted); margin-bottom: 20px; }
+.xag-intro p { color: var(--text-muted); margin-bottom: 18px; }
 
 /* ===== Warning Page ===== */
 .warning-page {
-  min-height: 80vh;
+  min-height: 80vh; display: flex; align-items: center; justify-content: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
 }
 .warning-content {
-  text-align: center;
+  text-align: center; padding: 50px;
-  padding: 60px;
+  background: rgba(180,60,50,0.06); border: 2px solid rgba(180,60,50,0.25);
-  background: rgba(244,67,54,0.08);
+  border-radius: var(--radius); max-width: 480px;
-  border: 2px solid rgba(244,67,54,0.3);
-  border-radius: var(--radius);
-  max-width: 500px;
 }
-.warning-logo { border-radius: 50%; margin-bottom: 20px; }
+.warning-logo { border-radius: 50%; margin-bottom: 18px; }
-.warning-content h1 { color: #f44336; font-size: 28px; margin-bottom: 16px; }
+.warning-content h1 { color: #b84040; font-size: 26px; margin-bottom: 14px; }
-.warning-text { font-size: 18px; color: var(--text); margin-bottom: 8px; }
+.warning-text { font-size: 16px; color: var(--text); margin-bottom: 6px; }
-.warning-sub { color: var(--text-muted); font-size: 14px; margin-bottom: 24px; }
+.warning-sub { color: var(--text-muted); font-size: 13px; margin-bottom: 22px; }
 
 /* ===== Error Page ===== */
-.error-page {
+.error-page { min-height: 80vh; display: flex; align-items: center; justify-content: center; }
-  min-height: 80vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 .error-content { text-align: center; }
-.error-logo { border-radius: 50%; margin-bottom: 20px; }
+.error-logo { border-radius: 50%; margin-bottom: 18px; }
-.error-content h1 { font-size: 72px; color: var(--accent); margin-bottom: 12px; }
+.error-content h1 { font-size: 64px; color: var(--accent); margin-bottom: 10px; }
 .error-content p { color: var(--text-muted); }
-.error-hint { font-size: 14px; margin-bottom: 24px; }
+.error-hint { font-size: 13px; margin-bottom: 22px; }
 
 /* ===== Footer ===== */
 .site-footer {
-  text-align: center;
+  text-align: center; padding: 22px;
-  padding: 24px;
+  border-top: 1px solid var(--border);
-  border-top: 1px solid rgba(79,195,247,0.08);
+  color: var(--text-dim); font-size: 12.5px; margin-top: auto;
-  color: var(--text-muted);
-  font-size: 13px;
-  margin-top: auto;
 }
 
 /* ===== Responsive ===== */
 @media (max-width: 768px) {
-  .nav-inner { flex-direction: column; gap: 12px; }
+  .nav-inner { flex-direction: column; gap: 10px; }
-  .nav-links { gap: 12px; }
+  .nav-links { gap: 14px; }
-  .home-title { font-size: 32px; letter-spacing: 4px; }
+  .home-title { font-size: 30px; letter-spacing: 4px; }
-  .home-logo { width: 140px; height: 140px; }
+  .home-hero .home-logo { width: 120px; height: 120px; }
-  .home-nav { gap: 10px; }
+  .services-grid { grid-template-columns: 1fr; max-width: 320px; }
-  .home-btn { padding: 10px 22px; font-size: 14px; }
+  .page-hero h1 { font-size: 26px; }
-  .page-hero h1 { font-size: 28px; }
   .project-grid { grid-template-columns: 1fr; }
   .filelist-grid { grid-template-columns: repeat(2, 1fr); }
   .res-features, .sw-features { grid-template-columns: 1fr 1fr; }
 }
-
 @media (max-width: 480px) {
   .filelist-grid { grid-template-columns: 1fr; }
   .res-features, .sw-features { grid-template-columns: 1fr; }

static/js/stars.js

@@ -1,68 +0,0 @@
-(function () {
-  const canvas = document.getElementById('star-canvas');
-  if (!canvas) return;
-  const ctx = canvas.getContext('2d');
-  let w, h;
-
-  function resize() {
-    w = canvas.width = canvas.parentElement.clientWidth;
-    h = canvas.height = canvas.parentElement.clientHeight;
-  }
-  resize();
-  window.addEventListener('resize', resize);
-
-  const STAR_COUNT = 300;
-  const colors = ['#ffffff', '#e0f7fa', '#fff9c4', '#fce4ec', '#4fc3f7'];
-  const stars = [];
-
-  for (let i = 0; i < STAR_COUNT; i++) {
-    stars.push({
-      x: Math.random() * w,
-      y: Math.random() * h,
-      baseR: Math.random() * 1.5 + 0.3,
-      phase: Math.random() * Math.PI * 2,
-      speed: Math.random() * 0.02 + 0.005,
-      color: colors[Math.floor(Math.random() * colors.length)],
-      glow: Math.random() > 0.7
-    });
-  }
-
-  function draw() {
-    ctx.clearRect(0, 0, w, h);
-    const t = performance.now() * 0.001;
-
-    for (const s of stars) {
-      const r = s.baseR + Math.sin(t * s.speed * 10 + s.phase) * s.baseR * 0.6;
-      const alpha = 0.4 + Math.sin(t * s.speed * 8 + s.phase) * 0.35;
-
-      ctx.globalAlpha = Math.max(0.1, alpha);
-      ctx.beginPath();
-      ctx.arc(s.x, s.y, Math.max(0.1, r), 0, Math.PI * 2);
-      ctx.fillStyle = s.color;
-      ctx.fill();
-
-      if (s.glow) {
-        const gr = ctx.createRadialGradient(s.x, s.y, 0, s.x, s.y, r * 3);
-        gr.addColorStop(0, s.color);
-        gr.addColorStop(1, 'transparent');
-        ctx.globalAlpha = alpha * 0.15;
-        ctx.beginPath();
-        ctx.arc(s.x, s.y, r * 3, 0, Math.PI * 2);
-        ctx.fillStyle = gr;
-        ctx.fill();
-      }
-    }
-    ctx.globalAlpha = 1;
-    requestAnimationFrame(draw);
-  }
-
-  draw();
-
-  // reposition on resize
-  window.addEventListener('resize', () => {
-    for (const s of stars) {
-      s.x = (s.x / w) * canvas.width;
-      s.y = (s.y / h) * canvas.height;
-    }
-  });
-})();

static/logo.svg

@@ -1,47 +1,35 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
   <defs>
     <radialGradient id="bg-grad" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#1a237e"/>
+      <stop offset="0%" stop-color="#3d3530"/>
-      <stop offset="100%" stop-color="#0a0a2e"/>
+      <stop offset="100%" stop-color="#262220"/>
     </radialGradient>
-    <radialGradient id="glow" cx="50%" cy="50%" r="50%">
+    <filter id="soft-glow">
-      <stop offset="60%" stop-color="#4fc3f7" stop-opacity="0"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
-      <stop offset="100%" stop-color="#4fc3f7" stop-opacity="0.3"/>
+      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
-    </radialGradient>
-    <filter id="blur">
-      <feGaussianBlur stdDeviation="2"/>
     </filter>
   </defs>
-  <!-- Outer glow ring -->
+  <!-- Outer ring -->
-  <circle cx="100" cy="100" r="96" fill="none" stroke="#4fc3f7" stroke-width="1" opacity="0.4" filter="url(#blur)"/>
+  <circle cx="100" cy="100" r="96" fill="none" stroke="#c8b89a" stroke-width="1.2" opacity="0.35"/>
-  <circle cx="100" cy="100" r="96" fill="none" stroke="#4fc3f7" stroke-width="0.5" opacity="0.6"/>
+  <!-- Main circle -->
-  <!-- Main circle background -->
   <circle cx="100" cy="100" r="90" fill="url(#bg-grad)"/>
-  <circle cx="100" cy="100" r="90" fill="url(#glow)"/>
+  <!-- Snowflake: 6 arms -->
-  <!-- Snowflake pattern: 6 arms -->
+  <g stroke="#d4c8b0" stroke-width="2.2" fill="none" stroke-linecap="round" filter="url(#soft-glow)">
-  <g stroke="#4fc3f7" stroke-width="2" fill="none" opacity="0.85" stroke-linecap="round">
+    <line x1="100" y1="42" x2="100" y2="158"/>
-    <!-- Main 6 arms -->
+    <line x1="50" y1="71" x2="150" y2="129"/>
-    <line x1="100" y1="45" x2="100" y2="155"/>
+    <line x1="50" y1="129" x2="150" y2="71"/>
-    <line x1="52" y1="72" x2="148" y2="128"/>
+    <!-- Branches vertical -->
-    <line x1="52" y1="128" x2="148" y2="72"/>
+    <line x1="100" y1="52" x2="87" y2="59"/><line x1="100" y1="52" x2="113" y2="59"/>
-    <!-- Branches on vertical arm -->
+    <line x1="100" y1="148" x2="87" y2="141"/><line x1="100" y1="148" x2="113" y2="141"/>
-    <line x1="100" y1="55" x2="88" y2="62"/>
+    <!-- Branches right -->
-    <line x1="100" y1="55" x2="112" y2="62"/>
+    <line x1="142" y1="77" x2="150" y2="67"/><line x1="142" y1="77" x2="132" y2="74"/>
-    <line x1="100" y1="145" x2="88" y2="138"/>
+    <line x1="58" y1="123" x2="50" y2="133"/><line x1="58" y1="123" x2="68" y2="126"/>
-    <line x1="100" y1="145" x2="112" y2="138"/>
+    <!-- Branches left -->
-    <!-- Branches on upper-right arm -->
+    <line x1="58" y1="77" x2="50" y2="67"/><line x1="58" y1="77" x2="68" y2="74"/>
-    <line x1="140" y1="78" x2="148" y2="68"/>
+    <line x1="142" y1="123" x2="150" y2="133"/><line x1="142" y1="123" x2="132" y2="126"/>
-    <line x1="140" y1="78" x2="130" y2="75"/>
-    <line x1="60" y1="122" x2="52" y2="132"/>
-    <line x1="60" y1="122" x2="70" y2="125"/>
-    <!-- Branches on upper-left arm -->
-    <line x1="60" y1="78" x2="52" y2="68"/>
-    <line x1="60" y1="78" x2="70" y2="75"/>
-    <line x1="140" y1="122" x2="148" y2="132"/>
-    <line x1="140" y1="122" x2="130" y2="125"/>
   </g>
   <!-- Center dot -->
-  <circle cx="100" cy="100" r="4" fill="#4fc3f7"/>
+  <circle cx="100" cy="100" r="4.5" fill="#c8b89a"/>
   <!-- S.A. text -->
-  <text x="100" y="108" text-anchor="middle" font-family="'Segoe UI', system-ui, sans-serif" font-size="24" font-weight="700" fill="#e0e0e0" letter-spacing="2">S.A.</text>
+  <text x="100" y="108" text-anchor="middle" font-family="'Segoe UI',system-ui,sans-serif" font-size="22" font-weight="700" fill="#d4c8b0" letter-spacing="3">S.A.</text>
 </svg>