fix: 升级了一些视觉、各种单图相册效果、日历效果、多种模板任选

vite-tailwindcss/src/components/themes/SectionHeading.vue

@@ -201,6 +201,156 @@ html[data-theme='pixel'] .sh-note {
   font-size: 10px;
 }
 
+/* —— 水墨：楷体 + 墨横 + 朱砂点 —— */
+html[data-theme='inkwash'] .sh-kicker {
+  font-family: var(--font-kai);
+  letter-spacing: 0.4em;
+}
+html[data-theme='inkwash'] .sh-title {
+  font-family: var(--font-kai);
+  letter-spacing: 0.36em;
+  text-indent: 0.36em;
+}
+html[data-theme='inkwash'] .sh-rule-bottom {
+  display: block;
+  width: 46px;
+  height: 3px;
+  background: linear-gradient(90deg, transparent, var(--c-ink) 30%, var(--c-ink) 70%, transparent);
+  border-radius: 2px;
+}
+
+/* —— 电影：场记板 SCENE —— */
+html[data-theme='cinema'] .sh-index {
+  display: block;
+  font-family: var(--font-number);
+  font-style: normal;
+  font-size: 13px;
+  letter-spacing: 0.2em;
+  color: var(--c-on-primary);
+  background: var(--c-primary);
+  padding: 3px 10px;
+  border-radius: 3px;
+  transform: rotate(-2deg);
+}
+html[data-theme='cinema'] .sh-index::before {
+  content: 'SCENE ';
+}
+html[data-theme='cinema'] .sh-title {
+  font-family: var(--font-serif);
+  font-weight: 700;
+  letter-spacing: 0.2em;
+}
+html[data-theme='cinema'] .sh-kicker {
+  font-family: var(--font-cinzel);
+}
+
+/* —— 胶片：帧号标记 —— */
+html[data-theme='kodak'] .sh-index {
+  display: block;
+  font-family: var(--font-number);
+  font-style: normal;
+  font-size: 12px;
+  letter-spacing: 0.16em;
+  color: #ff9a3c;
+  text-shadow: 0 0 6px rgba(255, 130, 30, 0.55);
+}
+html[data-theme='kodak'] .sh-index::before {
+  content: '▸ ';
+}
+html[data-theme='kodak'] .sh-index::after {
+  content: 'A';
+}
+html[data-theme='kodak'] .sh-title {
+  font-weight: 700;
+  letter-spacing: 0.14em;
+}
+
+/* —— 文艺：罗马分幕 —— */
+html[data-theme='arthouse'] .sh {
+  gap: 10px;
+  margin-bottom: 30px;
+}
+html[data-theme='arthouse'] .sh-kicker {
+  font-family: var(--font-display);
+  letter-spacing: 0.56em;
+}
+html[data-theme='arthouse'] .sh-title {
+  font-family: var(--font-display);
+  font-weight: 400;
+  letter-spacing: 0.3em;
+  text-indent: 0.3em;
+}
+html[data-theme='arthouse'] .sh-rule-bottom {
+  display: block;
+  width: 1px;
+  height: 22px;
+  background: rgba(var(--c-line-rgb), 0.6);
+}
+
+/* —— 旅行：邮戳圆章 —— */
+html[data-theme='passport'] .sh-index {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  font-family: var(--font-number);
+  font-style: normal;
+  font-size: 13px;
+  color: var(--c-primary);
+  border: 2px solid rgba(var(--c-primary-rgb), 0.55);
+  border-radius: 50%;
+  transform: rotate(-10deg);
+}
+html[data-theme='passport'] .sh-kicker {
+  font-family: var(--font-number);
+  letter-spacing: 0.34em;
+}
+html[data-theme='passport'] .sh-title {
+  letter-spacing: 0.22em;
+  font-weight: 600;
+}
+
+/* —— 手账：标签贴 + 胶带 —— */
+html[data-theme='scrapbook'] .sh-title {
+  font-family: var(--font-longcang);
+  padding: 6px 20px;
+  background: var(--c-card);
+  border: 1px dashed rgba(var(--c-primary-rgb), 0.45);
+  border-radius: 6px;
+  transform: rotate(-1.4deg);
+  box-shadow: 0 6px 16px rgba(69, 58, 48, 0.1);
+}
+html[data-theme='scrapbook'] .sh-kicker {
+  font-family: var(--font-liujian);
+  text-transform: none;
+  letter-spacing: 0.18em;
+}
+
+/* —— Y2K：窗口标题条 —— */
+html[data-theme='y2k'] .sh-title {
+  font-weight: 800;
+  letter-spacing: 0.1em;
+  background: linear-gradient(180deg, #7a4ae0 10%, #4a90e0 50%, #e04ad0 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+html[data-theme='y2k'] .sh-kicker {
+  font-family: var(--font-pixel);
+  font-size: 10px;
+  letter-spacing: 0.2em;
+  color: var(--c-line);
+  text-transform: none;
+}
+html[data-theme='y2k'] .sh-rule-bottom {
+  display: block;
+  width: 60px;
+  height: 4px;
+  border-radius: 2px;
+  background: repeating-linear-gradient(90deg, #7a4ae0 0 8px, #4adce0 8px 16px);
+}
+
 /* —— 极简主义：小字 + 一条细线 + 大留白 —— */
 html[data-theme='zen'] .sh {
   gap: 12px;