/* ================================================================
 * 主题：网格（gridpaper）
 * 视觉描述：米白底 + 浅绿方格纸感 + 莫兰迪绿强调色，柔和高级
 * 变量契约（必须定义）：
 *   --bg / --fg / --muted /
 *   --accent / --accent-soft / --code-bg /
 *   --title-color / --quote-color / --border-soft /
 *   --title-highlight（首卡大标题渐变高亮）/ --font
 * 作用域：所有规则必须以 .theme-gridpaper 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */

/* ===== ① 主题头：CSS 变量 + 方格纸背景 ===== */
.theme-gridpaper {
  /* 主题底色：暖米白 */
  --bg: #f5f3ef;
  /* 正文字色：深灰 */
  --fg: #4a4a4a;
  /* 次要字色：低饱和浅绿 */
  --muted: #9dae8f;
  /* 强调色（主品牌色）：莫兰迪绿，用于标题竖条/列表符号/页脚 */
  --accent: #5da389;
  /* 强调色浅底（高亮渐变末段） */
  --accent-soft: rgba(93,163,137,.08);
  /* 代码块背景：基于 --accent 的微透明 */
  --code-bg: rgba(93,163,137,.10);
  /* 内容卡/首卡大标题字色：深绿 */
  --title-color: #496158;
  /* 引用块字色 */
  --quote-color: #8a9e93;
  /* 浅边框色 */
  --border-soft: rgba(93,163,137,.15);
  /* 首卡大标题黄色笔笔下高亮（参考图样式） */
  --title-highlight: linear-gradient(to top, rgba(251,186,150,.5) 0%, rgba(251,186,150,.5) 35%, transparent 35%);
  /* 字体栈 */
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
  /* 方格纸效果：横线 + 竖线 + 底色径向渐变 */
  background-image:
    linear-gradient(rgba(93,163,137,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(93,163,137,.07) 1px, transparent 1px),
    linear-gradient(#faf9f7, #f5f3ef);
  background-size: 22px 22px, 22px 22px, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
}

/* ===== ② 首卡（class: card.card-cover） ===== */
.theme-gridpaper .card-cover {
  /* 首卡容器：竖向 flex + 内容上下居中 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-gridpaper .card-title.card-title-cover {
  /* 首卡大标题：42px / 字重 800 / 行高 1.3 */
  font-size: calc(42px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--title-color);
  padding-left: 0;
  margin-bottom: 0;
}
.theme-gridpaper .card-cover-quote {
  /* 装饰引号（左上角）：淡色衬线大字 */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(-16px * var(--font-scale,1));
  left: 0;
}
.theme-gridpaper .card-cover-quote-end {
  /* 装饰引号（右下角）：与左上对称 */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(100% - 54px * var(--font-scale,1));
  right: 0;
}

/* ===== ③ 内容卡（class: card.card-content） ===== */
.theme-gridpaper .card-content {
  /* 内容卡容器：与首卡一致的竖向 flex 居中 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-gridpaper .card-title {
  /* 内容卡标题：22px / 字重 800 / 行高 1.35 / 左侧 6px 圆角竖条 */
  font-size: calc(22px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
}
.theme-gridpaper .card-title::before {
  /* 内容卡标题左侧 6px 圆角竖条（强调色） */
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 6px;
  border-radius: 4px;
  background: var(--accent);
}
.theme-gridpaper .card-body {
  /* 正文：15px / 行高 1.85 */
  font-size: calc(15px * var(--font-scale,1));
  line-height: 1.85;
}
.theme-gridpaper .card-body p {
  /* 正文段落间距 */
  margin: 8px 0;
}
.theme-gridpaper .card-body strong {
  /* 正文加粗：使用强调色 */
  color: var(--accent);
  font-weight: 700;
}
.theme-gridpaper .card-body em {
  /* 正文斜体 */
  font-style: italic;
}
.theme-gridpaper .card-body ul {
  /* 无序列表：默认缩进 */
  list-style: disc;
  padding-left: 24px;
}
.theme-gridpaper .card-body ul li {
  /* 无序列表项 */
  margin: 6px 0;
}
.theme-gridpaper .card-body ul li::marker {
  /* 无序列表符号颜色 */
  color: var(--accent);
}
.theme-gridpaper .card-body ol {
  /* 有序列表 */
  padding-left: 24px;
}
.theme-gridpaper .card-body ol li {
  /* 有序列表项 */
  margin: 6px 0;
}
.theme-gridpaper .card-body ol li::marker {
  /* 有序列表数字颜色 */
  color: var(--accent);
}
.theme-gridpaper .card-body blockquote {
  /* 引用块：浅底 + 左侧强调色竖条 */
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--accent-soft);
  border-left: 4px solid var(--accent);
  border-radius: 6px;
  color: var(--quote-color);
  font-style: italic;
}
.theme-gridpaper .card-body pre,
.theme-gridpaper .card-body code {
  /* 代码块：浅强调色背景 */
  background: var(--code-bg);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: calc(13px * var(--font-scale,1));
}
.theme-gridpaper .card-body pre {
  padding: 12px 14px;
  overflow-x: auto;
  line-height: 1.5;
}
.theme-gridpaper .card-foot {
  /* 页脚：左对齐强调色小字 */
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  letter-spacing: .02em;
}

/* ================================================================
 * 主题：暖阳（warm）
 * 视觉描述：暖橙米色 + 焦糖橙强调，温柔明亮，适合日常分享
 * 变量契约（必须定义）：
 *   --bg / --fg / --muted /
 *   --accent / --accent-soft / --code-bg /
 *   --title-color / --quote-color / --border-soft /
 *   --title-highlight（首卡大标题渐变高亮）/ --font
 * 作用域：所有规则必须以 .theme-warm 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */

/* ===== ① 主题头：CSS 变量 ===== */
.theme-warm {
  /* 主题底色：暖米色 */
  --bg: #fff5ea;
  /* 正文字色：深棕 */
  --fg: #5a4632;
  /* 次要字色：浅焦糖 */
  --muted: #c79a6b;
  /* 强调色（主品牌色）：焦糖橙 */
  --accent: #ff8c42;
  /* 强调色浅底（高亮末段） */
  --accent-soft: #ffe6cf;
  /* 代码块背景 */
  --code-bg: #fdeede;
  /* 内容卡/首卡大标题字色：深橙 */
  --title-color: #e2701a;
  /* 引用块字色 */
  --quote-color: #6b5235;
  /* 浅边框色 */
  --border-soft: #f3ddc4;
  /* 首卡大标题渐变高亮：浅橙笔笔下 */
  --title-highlight: linear-gradient(transparent 58%, var(--accent-soft) 58%);
  /* 字体栈 */
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
}

/* ===== ② 首卡（class: card.card-cover） ===== */
.theme-warm .card-cover {
  /* 首卡容器：竖向 flex + 内容上下居中 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-warm .card-title.card-title-cover {
  /* 首卡大标题：42px / 字重 800 / 行高 1.3 */
  font-size: calc(42px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--title-color);
  padding-left: 0;
  margin-bottom: 0;
}
.theme-warm .card-cover-quote {
  /* 装饰引号（左上角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(-16px * var(--font-scale,1));
  left: 0;
}
.theme-warm .card-cover-quote-end {
  /* 装饰引号（右下角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(100% - 54px * var(--font-scale,1));
  right: 0;
}

/* ===== ③ 内容卡（class: card.card-content） ===== */
.theme-warm .card-content {
  /* 内容卡容器 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-warm .card-title {
  /* 内容卡标题：22px / 字重 800 / 左侧 6px 圆角竖条 */
  font-size: calc(22px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
}
.theme-warm .card-title::before {
  /* 内容卡标题左侧 6px 圆角竖条 */
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 6px;
  border-radius: 4px;
  background: var(--accent);
}
.theme-warm .card-body {
  /* 正文：15px / 行高 1.85 */
  font-size: calc(15px * var(--font-scale,1));
  line-height: 1.85;
}
.theme-warm .card-body p {
  /* 正文段落间距 */
  margin: 8px 0;
}
.theme-warm .card-body strong {
  /* 正文加粗：使用强调色 */
  color: var(--accent);
  font-weight: 700;
}
.theme-warm .card-body em {
  /* 正文斜体 */
  font-style: italic;
}
.theme-warm .card-body ul {
  /* 无序列表 */
  list-style: disc;
  padding-left: 24px;
}
.theme-warm .card-body ul li {
  /* 无序列表项 */
  margin: 6px 0;
}
.theme-warm .card-body ul li::marker {
  /* 无序列表符号颜色 */
  color: var(--accent);
}
.theme-warm .card-body ol {
  /* 有序列表 */
  padding-left: 24px;
}
.theme-warm .card-body ol li {
  /* 有序列表项 */
  margin: 6px 0;
}
.theme-warm .card-body ol li::marker {
  /* 有序列表数字颜色 */
  color: var(--accent);
}
.theme-warm .card-body blockquote {
  /* 引用块：浅橙底 + 左侧强调色竖条 */
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--accent-soft);
  border-left: 4px solid var(--accent);
  border-radius: 6px;
  color: var(--quote-color);
  font-style: italic;
}
.theme-warm .card-body pre,
.theme-warm .card-body code {
  /* 代码块 */
  background: var(--code-bg);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: calc(13px * var(--font-scale,1));
}
.theme-warm .card-body pre {
  padding: 12px 14px;
  overflow-x: auto;
  line-height: 1.5;
}
.theme-warm .card-foot {
  /* 页脚：左对齐强调色小字 */
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  letter-spacing: .02em;
}

/* ================================================================
 * 主题：极简（minimal）
 * 视觉描述：纯白底 + 极致红色强调，干净克制，留白多
 * 变量契约（必须定义）：
 *   --bg / --fg / --muted /
 *   --accent / --accent-soft / --code-bg /
 *   --title-color / --quote-color / --border-soft /
 *   --title-highlight（首卡大标题渐变高亮）/ --font
 * 作用域：所有规则必须以 .theme-minimal 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */

/* ===== ① 主题头：CSS 变量 ===== */
.theme-minimal {
  --bg: #ffffff;
  --fg: #2b2b2b;
  --muted: #9aa0a6;
  --accent: #ff3b5c;
  --accent-soft: #ffe7ec;
  --code-bg: #f4f5f7;
  --title-color: #1a1a1a;
  --quote-color: #444;
  --border-soft: #ececec;
  --title-highlight: linear-gradient(transparent 58%, var(--accent-soft) 58%);
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
}
/* ===== ② 首卡（class: card.card-cover） ===== */
.theme-minimal .card-cover {
  /* 首卡容器：竖向 flex + 内容上下居中 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-minimal .card-title.card-title-cover {
  /* 首卡大标题：42px / 字重 800 / 行高 1.3 */
  font-size: calc(42px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--title-color);
  padding-left: 0;
  margin-bottom: 0;
}
.theme-minimal .card-cover-quote {
  /* 装饰引号（左上角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(-16px * var(--font-scale,1));
  left: 0;
}
.theme-minimal .card-cover-quote-end {
  /* 装饰引号（右下角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(100% - 54px * var(--font-scale,1));
  right: 0;
}
/* ===== ③ 内容卡（class: card.card-content） ===== */
.theme-minimal .card-content {
  /* 内容卡容器 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-minimal .card-title {
  /* 内容卡标题：22px / 字重 800 / 左侧 6px 竖条 */
  font-size: calc(22px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
}
.theme-minimal .card-title::before {
  /* 左侧竖条（强调色） */
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 6px;
  border-radius: 4px;
  background: var(--accent);
}
.theme-minimal .card-body {
  /* 正文：15px / 行高1.85 */
  font-size: calc(15px * var(--font-scale,1));
  line-height: 1.85;
}
.theme-minimal .card-body p {
  /* 正文段落间距 */
  margin: 8px 0;
}
.theme-minimal .card-body strong {
  /* 正文加粗：使用强调色 */
  color: var(--accent);
  font-weight: 700;
}
.theme-minimal .card-body em {
  /* 正文斜体 */
  font-style: italic;
}
.theme-minimal .card-body ul {
  /* 无序列表：默认 */
  list-style: disc;
  padding-left: 24px;
}
.theme-minimal .card-body ul li {
  /* 无序列表项 */
  margin: 6px 0;
}
.theme-minimal .card-body ul li::marker {
  /* 无序列表符号颜色 */
  color: var(--accent);
}
.theme-minimal .card-body ol {
  /* 有序列表 */
  padding-left: 24px;
}
.theme-minimal .card-body ol li {
  /* 有序列表项 */
  margin: 6px 0;
}
.theme-minimal .card-body ol li::marker {
  /* 有序列表数字颜色 */
  color: var(--accent);
  font-weight: 400;
}
.theme-minimal .card-body blockquote {
  /* 引用块：浅底 + 左侧强调色竖条 */
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--accent-soft);
  border-left: 4px solid var(--accent);
  border-radius: 6px;
  color: var(--quote-color);
  font-style: italic;
}
.theme-minimal .card-body pre,
.theme-minimal .card-body code {
  /* 代码块 */
  background: var(--code-bg);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: calc(13px * var(--font-scale,1));
}
.theme-minimal .card-body pre {
  padding: 12px 14px;
  overflow-x: auto;
  line-height: 1.5;
}
.theme-minimal .card-foot {
  /* 页脚：left对齐强调色小字 */
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  letter-spacing: .02em;
}

/* ================================================================
 * 主题：森林（forest）
 * 视觉描述：自然浅绿 + 墨绿强调，治愈清新，适合生活/旅行
 * 变量契约（必须定义）：
 *   --bg / --fg / --muted /
 *   --accent / --accent-soft / --code-bg /
 *   --title-color / --quote-color / --border-soft /
 *   --title-highlight（首卡大标题渐变高亮）/ --font
 * 作用域：所有规则必须以 .theme-forest 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */

/* ===== ① 主题头：CSS 变量 ===== */
.theme-forest {
  --bg: #eef6ee;
  --fg: #2c3a2e;
  --muted: #84a98c;
  --accent: #2e9e5b;
  --accent-soft: #dff3e4;
  --code-bg: #e6f4e9;
  --title-color: #1f7a44;
  --quote-color: #36503a;
  --border-soft: #cfe8d5;
  --title-highlight: linear-gradient(transparent 58%, var(--accent-soft) 58%);
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
}
/* ===== ② 首卡（class: card.card-cover） ===== */
.theme-forest .card-cover {
  /* 首卡容器：竖向 flex + 内容上下居中 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-forest .card-title.card-title-cover {
  /* 首卡大标题：42px / 字重 800 / 行高 1.3 */
  font-size: calc(42px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--title-color);
  padding-left: 0;
  margin-bottom: 0;
}
.theme-forest .card-cover-quote {
  /* 装饰引号（左上角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(-16px * var(--font-scale,1));
  left: 0;
}
.theme-forest .card-cover-quote-end {
  /* 装饰引号（右下角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .25;
  pointer-events: none;
  z-index: 0;
  top: calc(100% - 54px * var(--font-scale,1));
  right: 0;
}
/* ===== ③ 内容卡（class: card.card-content） ===== */
.theme-forest .card-content {
  /* 内容卡容器 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-forest .card-title {
  /* 内容卡标题：22px / 字重 800 / 左侧 6px 竖条 */
  font-size: calc(22px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
}
.theme-forest .card-title::before {
  /* 左侧竖条（强调色） */
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 6px;
  border-radius: 4px;
  background: var(--accent);
}
.theme-forest .card-body {
  /* 正文：15px / 行高1.85 */
  font-size: calc(15px * var(--font-scale,1));
  line-height: 1.85;
}
.theme-forest .card-body p {
  /* 正文段落间距 */
  margin: 8px 0;
}
.theme-forest .card-body strong {
  /* 正文加粗：使用强调色 */
  color: var(--accent);
  font-weight: 700;
}
.theme-forest .card-body em {
  /* 正文斜体 */
  font-style: italic;
}
.theme-forest .card-body ul {
  /* 无序列表：默认 */
  list-style: disc;
  padding-left: 24px;
}
.theme-forest .card-body ul li {
  /* 无序列表项 */
  margin: 6px 0;
}
.theme-forest .card-body ul li::marker {
  /* 无序列表符号颜色 */
  color: var(--accent);
}
.theme-forest .card-body ol {
  /* 有序列表 */
  padding-left: 24px;
}
.theme-forest .card-body ol li {
  /* 有序列表项 */
  margin: 6px 0;
}
.theme-forest .card-body ol li::marker {
  /* 有序列表数字颜色 */
  color: var(--accent);
  font-weight: 400;
}
.theme-forest .card-body blockquote {
  /* 引用块：浅底 + 左侧强调色竖条 */
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--accent-soft);
  border-left: 4px solid var(--accent);
  border-radius: 6px;
  color: var(--quote-color);
  font-style: italic;
}
.theme-forest .card-body pre,
.theme-forest .card-body code {
  /* 代码块 */
  background: var(--code-bg);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: calc(13px * var(--font-scale,1));
}
.theme-forest .card-body pre {
  padding: 12px 14px;
  overflow-x: auto;
  line-height: 1.5;
}
.theme-forest .card-foot {
  /* 页脚：left对齐强调色小字 */
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  letter-spacing: .02em;
}

/* ================================================================
 * 主题：杂志（swiss）
 * 视觉描述：纯白底 + 电光蓝强调 + 极强对比卡片阴影，理性克制（瑞士风）
 * 变量契约（必须定义）：
 *   --bg / --fg / --muted /
 *   --accent / --accent-soft / --code-bg /
 *   --title-color / --quote-color / --border-soft /
 *   --title-highlight（首卡大标题渐变高亮）/ --font
 * 作用域：所有规则必须以 .theme-swiss 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */

/* ===== ① 主题头：CSS 变量 + 卡片全局外观 ===== */
.theme-swiss {
  --bg: #ffffff;
  --fg: #1a1a1a;
  --muted: #6b7280;
  --accent: #0033cc;
  --accent-soft: rgba(0,51,204,.08);
  --code-bg: #f4f5f7;
  --title-color: #111111;
  --quote-color: #374151;
  --border-soft: rgba(0,0,0,.08);
  --title-highlight: linear-gradient(transparent 58%, rgba(0,51,204,.15) 58%);
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
  /* 卡片整体：轻投影（瑞士风更克制） */
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
/* ===== ② 首卡（class: card.card-cover） ===== */
.theme-swiss .card-cover {
  /* 首卡容器：竖向 flex + 内容上下居中 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-swiss .card-title.card-title-cover {
  /* 首卡大标题：42px / 字重 800 / 行高 1.3 */
  font-size: calc(42px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--title-color);
  padding-left: 0;
  margin-bottom: 0;
}
.theme-swiss .card-cover-quote {
  /* 装饰引号（左上角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .08;
  pointer-events: none;
  z-index: 0;
  top: calc(-16px * var(--font-scale,1));
  left: 0;
}
.theme-swiss .card-cover-quote-end {
  /* 装饰引号（右下角） */
  position: absolute;
  font-family: Georgia, "Times New Roman", serif;
  font-size: calc(152px * var(--font-scale,1));
  line-height: 1;
  font-weight: 900;
  color: var(--accent);
  opacity: .08;
  pointer-events: none;
  z-index: 0;
  top: calc(100% - 54px * var(--font-scale,1));
  right: 0;
}
/* ===== ③ 内容卡（class: card.card-content） ===== */
.theme-swiss .card-content {
  /* 内容卡容器 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
}
.theme-swiss .card-title {
  /* 内容卡标题：22px / 字重 500 / 左侧 4px 竖条 */
  font-size: calc(22px * var(--font-scale,1));
  font-weight: 500;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 16px;
}
.theme-swiss .card-title::before {
  /* 左侧竖条（强调色） */
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 4px;
  border-radius: 0;
  background: var(--accent);
}
.theme-swiss .card-body {
  /* 正文：15px / 行高1.85 */
  font-size: calc(15px * var(--font-scale,1));
  line-height: 1.85;
}
.theme-swiss .card-body p {
  /* 正文段落间距 */
  margin: 8px 0;
}
.theme-swiss .card-body strong {
  /* 正文加粗：使用强调色 */
  color: var(--accent);
  font-weight: 700;
}
.theme-swiss .card-body em {
  /* 正文斜体 */
  font-style: italic;
}
.theme-swiss .card-body ul {
  /* 无序列表：默认 */
  list-style: disc;
  padding-left: 24px;
}
.theme-swiss .card-body ul li {
  /* 无序列表项 */
  margin: 6px 0;
}
.theme-swiss .card-body ul li::marker {
  /* 无序列表符号颜色 */
  color: var(--accent);
}
.theme-swiss .card-body ol {
  /* 有序列表 */
  padding-left: 24px;
}
.theme-swiss .card-body ol li {
  /* 有序列表项 */
  margin: 6px 0;
}
.theme-swiss .card-body ol li::marker {
  /* 有序列表数字颜色 */
  color: var(--accent);
  font-weight: 400;
}
.theme-swiss .card-body blockquote {
  /* 引用块：浅底 + 左侧强调色竖条 */
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--accent-soft);
  border-left: 4px solid var(--accent);
  border-radius: 6px;
  color: var(--quote-color);
  font-style: italic;
}
.theme-swiss .card-body pre,
.theme-swiss .card-body code {
  /* 代码块 */
  background: var(--code-bg);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: calc(13px * var(--font-scale,1));
}
.theme-swiss .card-body pre {
  padding: 12px 14px;
  overflow-x: auto;
  line-height: 1.5;
}
.theme-swiss .card-foot {
  /* 页脚：right对齐强调色小字 */
  font-size: 12px;
  font-weight: 500;
  color: var(--accent);
  text-align: right;
  letter-spacing: .08em;
}

/* ================================================================
 * 主题：夏天（theme-i5dlp6）
 * 视觉描述：粉橘黄柔彩的甜品风，圆润可爱、奶油质感，适合甜品探店笔记
 * 变量契约（必须定义）：--bg / --fg / --muted / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-i5dlp6 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-i5dlp6 {
  --bg: #fff5f0;
  --fg: #5c3d3a;
  --muted: #c89b94;
  --accent: #f48b94;
  --accent-soft: rgba(244,139,148,.18);
  --code-bg: rgba(255,199,133,.18);
  --title-color: #d4626b;
  --quote-color: #e89aa0;
  --border-soft: rgba(244,139,148,.28);
  --title-highlight: linear-gradient(to top, rgba(255,205,178,.55) 0%, rgba(255,205,178,.55) 38%, transparent 38%);
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC","Microsoft YaHei",sans-serif;
  background: var(--bg);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,205,178,.55) 0%, transparent 22%),
    radial-gradient(circle at 88% 82%, rgba(244,139,148,.32) 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, rgba(255,225,200,.35) 0%, transparent 32%),
    linear-gradient(135deg, #fff8f5 0%, #fff0e6 100%);
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-i5dlp6 .card-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 36px 32px;
  box-sizing: border-box;
  position: relative;
}
.theme-theme-i5dlp6 .card-title.card-title-cover {
  font-size: calc(42px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.3;
  color: var(--title-color);
  margin-bottom: 12px;
  letter-spacing: 1px;
}
.theme-theme-i5dlp6 .card-cover-quote,
.theme-theme-i5dlp6 .card-cover-quote-end {
  color: var(--accent);
  opacity: .4;
  font-size: 56px;
  font-weight: 800;
  line-height: .8;
  font-family: Georgia, "PingFang SC", serif;
  margin: 8px 0;
}
.theme-theme-i5dlp6 .card-cover-quote-end {
  text-align: right;
  align-self: flex-end;
}
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-i5dlp6 .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 28px;
  box-sizing: border-box;
  background: var(--bg);
  border-radius: 22px;
  border: 1px solid var(--border-soft);
  box-shadow: 0 8px 26px rgba(244,139,148,.10), 0 2px 6px rgba(255,197,133,.08);
}
.theme-theme-i5dlp6 .card-title {
  font-size: calc(22px * var(--font-scale,1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
}
.theme-theme-i5dlp6 .card-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--accent) 0%, #ffc785 100%);
}
.theme-theme-i5dlp6 .card-body {
  font-size: calc(15px * var(--font-scale,1));
  line-height: 1.85;
  color: var(--fg);
}
.theme-theme-i5dlp6 .card-body strong {
  color: var(--accent);
  font-weight: 700;
  background: var(--accent-soft);
  padding: 1px 6px;
  border-radius: 8px;
}
.theme-theme-i5dlp6 .card-body code {
  background: var(--code-bg);
  color: #b8633a;
  padding: 1px 6px;
  border-radius: 6px;
  font-size: .92em;
}
.theme-theme-i5dlp6 .card-body ul li::marker,
.theme-theme-i5dlp6 .card-body ol li::marker {
  color: var(--accent);
}
.theme-theme-i5dlp6 .card-body ul,
.theme-theme-i5dlp6 .card-body ol {
  padding-left: 22px;
}
.theme-theme-i5dlp6 .card-body ul li,
.theme-theme-i5dlp6 .card-body ol li {
  margin: 4px 0;
}
.theme-theme-i5dlp6 .card-body blockquote {
  margin: 14px 0;
  padding: 12px 16px;
  background: linear-gradient(135deg, var(--accent-soft) 0%, rgba(255,205,178,.20) 100%);
  border-left: 4px solid var(--accent);
  border-radius: 0 14px 14px 0;
  color: var(--quote-color);
  font-style: italic;
}
.theme-theme-i5dlp6 .card-foot {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px dashed var(--border-soft);
  letter-spacing: .5px;
}
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-i5dlp6 .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}

/* ================================================================
 * 主题：白色底·蓝色边框·船贴图（id: theme-kz8g5z）
 * 视觉描述：纯白底色配以蔚蓝色细边框与点缀，正文白卡片之间以淡淡的航海波浪与船锚剪影作为背景肌理，整体清爽、通透，呈现一种"航行笔记"的轻文艺气质。
 * 变量契约（必须定义）：--bg / --fg / --muted / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-mn8t4d 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-mn8t4d {
  --bg: #ffffff;
  --fg: #1f3a5f;
  --muted: #6b88a8;
  --accent: #2e7dd7;
  --accent-soft: rgba(46, 125, 215, 0.12);
  --code-bg: rgba(46, 125, 215, 0.08);
  --title-color: #14365e;
  --quote-color: #5a7da3;
  --border-soft: rgba(46, 125, 215, 0.22);
  --title-highlight: linear-gradient(transparent 58%, var(--accent-soft) 58%);
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", sans-serif;
  position: relative;
  background-color: var(--bg);
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='180' viewBox='0 0 220 180'><g fill='none' stroke='%232e7dd7' stroke-opacity='0.07' stroke-width='1.1' stroke-linecap='round'><path d='M10 30 Q30 22 50 30 T90 30'/><path d='M130 50 Q150 42 170 50 T210 50'/><path d='M20 110 Q42 102 64 110 T108 110'/><path d='M120 140 Q142 132 164 140 T208 140'/></g><g fill='%232e7dd7' fill-opacity='0.06'><path d='M160 95 l8 -14 l8 14 l-3 4 l-5 0 z M170 99 v6 h-4 v-6 z'/><path d='M40 70 l6 -10 l6 10 l-2 3 l-4 0 z M48 73 v5 h-4 v-5 z'/><circle cx='75' cy='160' r='3'/><circle cx='190' cy='25' r='3'/><circle cx='15' cy='155' r='3'/><path d='M100 20 a6 6 0 1 0 12 0 a6 6 0 1 0 -12 0 M106 14 v-4 M103 17 h6' stroke='%232e7dd7' stroke-opacity='0.07' fill='none' stroke-width='1.1'/></g></svg>"),
    linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
  background-repeat: repeat, no-repeat;
  background-size: 220px 180px, 100% 100%;
  background-position: 0 0, 0 0;
  border: 5px solid var(--border-soft);
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-mn8t4d .card-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 8px 6px;
}
.theme-theme-mn8t4d .card-title.card-title-cover {
  font-size: calc(42px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.3;
  color: var(--title-color);
  margin-bottom: 0;
  letter-spacing: 0.5px;
  background: none;
  padding-left: 0;
}
.theme-theme-mn8t4d .card-title.card-title-cover::before {
  content: "⚓ ";
  color: var(--accent);
  font-size: 0.6em;
  margin-right: 6px;
  vertical-align: middle;
}
.theme-theme-mn8t4d .card-cover-quote,
.theme-theme-mn8t4d .card-cover-quote-end {
  color: var(--accent);
  opacity: 0.5;
  font-size: 18px;
  line-height: 1;
}
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-mn8t4d .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 6px 4px;
}
.theme-theme-mn8t4d .card-title {
  font-size: calc(22px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
  background-image: var(--title-highlight);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
}
.theme-theme-mn8t4d .card-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 6px;
  border-radius: 4px;
  background: var(--accent);
}
.theme-theme-mn8t4d .card-body {
  font-size: calc(15px * var(--font-scale, 1));
  line-height: 1.85;
  color: var(--fg);
}
.theme-theme-mn8t4d .card-body strong {
  color: var(--accent);
  font-weight: 700;
}
.theme-theme-mn8t4d .card-body em {
  color: var(--quote-color);
  font-style: normal;
  border-bottom: 1px dashed var(--border-soft);
}
.theme-theme-mn8t4d .card-body ul li,
.theme-theme-mn8t4d .card-body ol li {
  margin: 4px 0;
}
.theme-theme-mn8t4d .card-body ul li::marker {
  color: var(--accent);
  content: "⚓";
  font-size: 0.85em;
}
.theme-theme-mn8t4d .card-body ol li::marker {
  color: var(--accent);
  font-weight: 700;
}
.theme-theme-mn8t4d .card-body blockquote {
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--accent-soft);
  border-left: 4px solid var(--accent);
  border-radius: 0 6px 6px 0;
  color: var(--quote-color);
  font-style: italic;
}
.theme-theme-mn8t4d .card-body code {
  background: var(--code-bg);
  color: var(--accent);
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 0.92em;
  border: 1px solid var(--border-soft);
}
.theme-theme-mn8t4d .card-body pre {
  background: var(--code-bg);
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  padding: 12px 14px;
  overflow-x: auto;
}
.theme-theme-mn8t4d .card-body pre code {
  background: transparent;
  border: none;
  padding: 0;
  color: var(--fg);
}
.theme-theme-mn8t4d .card-body a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid var(--border-soft);
}
.theme-theme-mn8t4d .card-body hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  margin: 18px 0;
}
.theme-theme-mn8t4d .card-foot {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px dashed var(--border-soft);
  letter-spacing: 0.5px;
}
.theme-theme-mn8t4d .card-foot::before {
  content: "🚢 ";
  margin-right: 4px;
}


/
Theme:*aa-ms98s3 Version:1.0
/* ================================================================
 * 主题：theme-ms98s3（id）
 * 视觉描述：赛博朋克风格 — 深黑底 (#0a0a14) 配霓虹青 (#00f0ff) 与霓虹紫 (#b026ff)，文字带 text-shadow 发光质感，适合科技 / 数码 / AI 类内容
 * 变量契约（必须定义）：--bg / --fg / --muted / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-ms98s3 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-ms98s3 {
  --bg: #0a0a14;
  --fg: #e6ecff;
  --muted: #6a7a9a;
  --accent: #00f0ff;
  --accent-soft: rgba(0, 240, 255, 0.12);
  --code-bg: rgba(0, 240, 255, 0.08);
  --title-color: #00f0ff;
  --quote-color: #b026ff;
  --border-soft: rgba(0, 240, 255, 0.2);
  --title-highlight: linear-gradient(transparent 58%, rgba(176, 38, 255, 0.35) 58%, rgba(176, 38, 255, 0.35));
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans", sans-serif;

  color: var(--fg);
  font-family: var(--font);
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(0, 240, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 240, 255, 0.06) 1px, transparent 1px),
    radial-gradient(circle at 20% 15%, rgba(176, 38, 255, 0.15), transparent 45%),
    radial-gradient(circle at 85% 85%, rgba(0, 240, 255, 0.12), transparent 45%),
    linear-gradient(135deg, #0a0a14 0%, #0d0d1f 100%);
  background-size: 28px 28px, 28px 28px, 100% 100%, 100% 100%, 100% 100%;
}

/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-ms98s3 .card-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 8px 4px;
}
.theme-theme-ms98s3 .card-title.card-title-cover {
  font-size: calc(42px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.25;
  color: var(--title-color);
  margin-bottom: 18px;
  letter-spacing: 1px;
  text-shadow:
    0 0 8px rgba(0, 240, 255, 0.85),
    0 0 22px rgba(0, 240, 255, 0.45),
    0 0 40px rgba(176, 38, 255, 0.25);
}
.theme-theme-ms98s3 .card-cover-quote {
  color: var(--quote-color);
  font-size: 56px;
  line-height: 0.6;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(176, 38, 255, 0.7);
  margin-bottom: 8px;
  opacity: 0.9;
}
.theme-theme-ms98s3 .card-cover-quote-end {
  color: var(--quote-color);
  font-size: 56px;
  line-height: 0.6;
  font-weight: 900;
  text-align: right;
  text-shadow: 0 0 18px rgba(176, 38, 255, 0.7);
  margin-top: 8px;
  opacity: 0.9;
}

/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-ms98s3 .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 4px 2px;
}
.theme-theme-ms98s3 .card-title {
  font-size: calc(22px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
  text-shadow: 0 0 6px rgba(0, 240, 255, 0.45);
}
.theme-theme-ms98s3 .card-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 5px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--accent), var(--quote-color));
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.7);
}
.theme-theme-ms98s3 .card-title:not(.card-title-cover) {
  background: var(--title-highlight);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-right: 6px;
}
.theme-theme-ms98s3 .card-body {
  font-size: calc(15px * var(--font-scale, 1));
  line-height: 1.85;
  color: var(--fg);
}
.theme-theme-ms98s3 .card-body strong {
  color: var(--accent);
  font-weight: 700;
  text-shadow: 0 0 6px rgba(0, 240, 255, 0.4);
}
.theme-theme-ms98s3 .card-body ul li::marker,
.theme-theme-ms98s3 .card-body ol li::marker {
  color: var(--accent);
  text-shadow: 0 0 4px rgba(0, 240, 255, 0.6);
}
.theme-theme-ms98s3 .card-body blockquote {
  margin: 14px 0;
  padding: 10px 14px;
  border-left: 3px solid var(--quote-color);
  background: rgba(176, 38, 255, 0.08);
  color: var(--quote-color);
  border-radius: 4px;
  text-shadow: 0 0 4px rgba(176, 38, 255, 0.35);
}
.theme-theme-ms98s3 .card-body code {
  background: var(--code-bg);
  color: var(--accent);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.9em;
  border: 1px solid var(--border-soft);
}
.theme-theme-ms98s3 .card-foot {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px dashed var(--border-soft);
  text-shadow: 0 0 5px rgba(0, 240, 255, 0.4);
  letter-spacing: 1px;
}
/* cover-clean：首卡封面大标题不套高亮色块，避免 AI 误加底色 */
.theme-theme-ms98s3 .card-title.card-title-cover,.theme-theme-ms98s3 .card-title.card-title-cover *{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-ms98s3 .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}

/* ================================================================
 * 主题：低饱和海洋商务（id: theme-jv1e82）
 * 视觉描述：浅海雾蓝底色 + 深邃藏青文字 + 海洋蓝竖条强调，ins极简留白，思源黑体清晰易读，首卡标题加粗高亮
 * 变量契约（必须定义）：--bg / --fg / --muted / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-jv1e82 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-jv1e82 {
  --bg: #eef4f8;
  --fg: #80B1E6;
  --muted: #8aa0b3;
  --accent: #80B1E6;
  --accent-soft: rgba(128,177,230,.12);
  --code-bg: rgba(128,177,230,.08);
  --title-color: #2862C0;
  --quote-color: #5a7a98;
  --border-soft: rgba(128,177,230,.18);
  --title-highlight: linear-gradient(transparent 58%, rgba(198,224,245,.45) 58%);
  --font: "Noto Sans SC", "Noto Color Emoji", "Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(143,188,212,.18) 0%, transparent 60%),
    radial-gradient(ellipse 70% 50% at 85% 90%, rgba(128,177,230,.10) 0%, transparent 60%),
    linear-gradient(180deg, #f2f6fa 0%, #e6eef4 100%);
  color: var(--fg);
  font-family: var(--font);
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-jv1e82 .card-cover { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; min-height: 0; padding: 24px 8px; }
.theme-theme-jv1e82 .card-title.card-title-cover { font-size: calc(42px * var(--font-scale,1)); font-weight: 900; line-height: 1.28; color: var(--title-color); margin-bottom: 12px; letter-spacing: -.5px; }
.theme-theme-jv1e82 .card-cover-quote, .theme-theme-jv1e82 .card-cover-quote-end { color: var(--accent); opacity: .35; font-size: calc(24px * var(--font-scale,1)); font-weight: 700; line-height: 1; }
.theme-theme-jv1e82 .card-cover-quote { margin-bottom: 4px; }
.theme-theme-jv1e82 .card-cover-quote-end { margin-top: 8px; align-self: flex-end; }
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-jv1e82 .card-content { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; min-height: 0; padding: 8px; }
.theme-theme-jv1e82 .card-title { font-size: calc(22px * var(--font-scale,1)); font-weight: 800; line-height: 1.35; margin-bottom: 16px; color: var(--title-color); position: relative; padding-left: 14px; letter-spacing: .2px; }
.theme-theme-jv1e82 .card-title::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 6px; border-radius: 4px; background: linear-gradient(180deg, #80B1E6 0%, #C6E0F5 100%); }
.theme-theme-jv1e82 .card-body { font-size: calc(15px * var(--font-scale,1)); line-height: 1.85; color: var(--fg); }
.theme-theme-jv1e82 .card-body strong { color: var(--accent); font-weight: 700; }
.theme-theme-jv1e82 .card-body ul li::marker, .theme-theme-jv1e82 .card-body ol li::marker { color: var(--accent); font-weight: 700; }
.theme-theme-jv1e82 .card-body blockquote { margin: 14px 0; padding: 10px 16px; border-left: 4px solid var(--accent); background: var(--accent-soft); border-radius: 0 8px 8px 0; color: var(--quote-color); font-style: normal; }
.theme-theme-jv1e82 .card-body code { background: var(--code-bg); color: var(--accent); padding: 2px 6px; border-radius: 4px; font-size: .92em; }
.theme-theme-jv1e82 .card-body a { color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--border-soft); }
.theme-theme-jv1e82 .card-foot { font-size: 13px; font-weight: 600; color: var(--accent); text-align: left; margin-top: 18px; padding-top: 12px; border-top: 1px dashed var(--border-soft); letter-spacing: .5px; }
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-jv1e82 .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}

/* ================================================================
 * 主题：极简商务蓝杏（id: theme-jwcbz1）
 * 视觉描述：米奶杏底色搭配浓郁宝蓝与淡雾蓝的极简商务风，低饱和、克制装饰、高留白
 * 变量契约（必须定义）：--bg / --fg / --muted / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-jwcbz1 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-jwcbz1 {
  --bg: #FFF7E8;
  --fg: #4a6f9c;
  --muted: #80B1E6;
  --accent: #2862C0;
  --accent-soft: #C6E0F5;
  --code-bg: #C6E0F5;
  --title-color: #14366b;
  --quote-color: #80B1E6;
  --border-soft: rgba(40, 98, 192, 0.12);
  --title-highlight: linear-gradient(transparent 58%, #C6E0F5 58%);
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-jwcbz1 .card-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 36px 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(198, 224, 245, 0.45) 0%, transparent 55%),
    radial-gradient(circle at 0% 100%, rgba(128, 177, 230, 0.12) 0%, transparent 50%),
    var(--bg);
  position: relative;
}
.theme-theme-jwcbz1 .card-title.card-title-cover {
  font-size: calc(42px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.3;
  color: var(--title-color);
  margin-bottom: 18px;
  letter-spacing: -0.5px;
}
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-jwcbz1 .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 30px 26px;
  background: var(--bg);
}
.theme-theme-jwcbz1 .card-title {
  font-size: calc(22px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 18px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
  letter-spacing: 0.2px;
}
.theme-theme-jwcbz1 .card-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 4px;
  border-radius: 2px;
  background: var(--accent);
}
.theme-theme-jwcbz1 .card-body {
  font-size: calc(15px * var(--font-scale, 1));
  line-height: 1.9;
  color: var(--fg);
}
.theme-theme-jwcbz1 .card-body strong {
  color: var(--accent);
  font-weight: 700;
  background: var(--title-highlight);
  padding: 0 3px;
}
.theme-theme-jwcbz1 .card-body em {
  color: var(--muted);
  font-style: normal;
  font-weight: 600;
}
.theme-theme-jwcbz1 .card-body ul li::marker,
.theme-theme-jwcbz1 .card-body ol li::marker {
  color: var(--accent);
  font-weight: 700;
}
.theme-theme-jwcbz1 .card-body ul li,
.theme-theme-jwcbz1 .card-body ol li {
  padding-left: 4px;
  margin-bottom: 6px;
}
.theme-theme-jwcbz1 .card-body blockquote {
  margin: 18px 0;
  padding: 14px 18px;
  background: var(--accent-soft);
  border-left: 3px solid var(--accent);
  color: var(--quote-color);
  border-radius: 4px;
  font-weight: 500;
}
.theme-theme-jwcbz1 .card-body code {
  background: var(--code-bg);
  color: var(--accent);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.92em;
  font-family: "SF Mono", Consolas, Menlo, monospace;
}
.theme-theme-jwcbz1 .card-body a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid var(--accent-soft);
  transition: border-color 0.2s;
}
.theme-theme-jwcbz1 .card-body a:hover {
  border-bottom-color: var(--accent);
}
.theme-theme-jwcbz1 .card-foot {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid var(--border-soft);
  letter-spacing: 0.3px;
}
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-jwcbz1 .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}

.theme-theme-jwhgz3 {
  --bg: #F8F8F5;
  --fg: #222222;
  --muted: #777777;
  --accent: #1d57f8;
  --accent-soft: #1d57f8;
  --code-bg: rgba(29, 87, 248, 0.06);
  --title-color: #111111;
  --quote-color: #4a4a4a;
  --border-soft: rgba(0, 0, 0, 0.12);
  --title-highlight: linear-gradient(transparent 75%, var(--accent-soft) 75%);
  --font: "Noto Sans SC", "Noto Color Emoji", "Inter", "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Microsoft YaHei", sans-serif;
  background-color: var(--bg);
  font-family: var(--font);
  color: var(--fg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "tnum" 1, "kern" 1, "ss01" 1;
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-jwhgz3 .card-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  text-align: left;
}
.theme-theme-jwhgz3 .card-title.card-title-cover {
  font-size: calc(42px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.035em;
  color: #000000;
  margin: 0;
  padding: 0;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.theme-theme-jwhgz3 .card-title.card-title-cover::before {
  width: 2px;
}
.theme-theme-jwhgz3 .card-cover-quote,
.theme-theme-jwhgz3 .card-cover-quote-end {
  display: none;
  color: #1d57f8;
  font-weight: 900;
  font-size: calc(50px * var(--font-scale, 1));
  line-height: 0.6;
  letter-spacing: -0.04em;
  vertical-align: -0.15em;
}
.theme-theme-jwhgz3 .card-cover-quote { margin-right: 2px; }
.theme-theme-jwhgz3 .card-cover-quote-end { margin-left: 2px; }
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-jwhgz3 .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  text-align: left;
}
.theme-theme-jwhgz3 .card-title {
  font-size: calc(22px * var(--font-scale, 1));
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.012em;
  margin: 0 0 18px 0;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
}
.theme-theme-jwhgz3 .card-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;
  background: var(--accent);
}
.theme-theme-jwhgz3 .card-body {
  font-size: calc(15px * var(--font-scale, 1));
  line-height: 1.78;
  color: var(--fg);
  letter-spacing: 0;
}
.theme-theme-jwhgz3 .card-body strong {
  font-weight: 700;
  color: #0838B9;
}
.theme-theme-jwhgz3 .card-body em {
  font-style: normal;
  color: var(--accent);
  font-weight: 600;
}
.theme-theme-jwhgz3 .card-body ul,
.theme-theme-jwhgz3 .card-body ol {
  padding-left: 1.25em;
  margin: 8px 0;
}
.theme-theme-jwhgz3 .card-body ul li,
.theme-theme-jwhgz3 .card-body ol li {
  margin: 6px 0;
}
.theme-theme-jwhgz3 .card-body ul li::marker,
.theme-theme-jwhgz3 .card-body ol li::marker {
  color: var(--accent);
  font-weight: 700;
}
.theme-theme-jwhgz3 .card-body blockquote {
  margin: 14px 0;
  padding: 6px 0 6px 14px;
  border-left: 3px solid #1d57f8;
  color: #1d57f8;
  background-color: #e7ecfd;
  font-style: normal;
  font-weight: 500;
}
.theme-theme-jwhgz3 .card-body th {
  background-color: #e7ecfd;
}
.theme-theme-jwhgz3 .card-body code {
  background: var(--code-bg);
  color: var(--accent);
  padding: 1px 5px;
  font-family: "JetBrains Mono", "SF Mono", Consolas, monospace;
  font-size: 0.92em;
}
.theme-theme-jwhgz3 .card-foot {
  font-size: 11px;
  font-weight: 500;
  color: var(--muted);
  text-align: left;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-top: 1px solid var(--border-soft);
  padding-top: 12px;
  margin-top: 18px;
}
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-jwhgz3 .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}

/* ================================================================
 * 主题：theme-kvfvav
 * 视觉描述：简约现代 UI 卡片，竖版横向渐变（深海军蓝 → 浅青蓝），纤细无衬线字体，白色文字，半透明白色细分割线，下方圆点色标 + 色值文字，平面极简
 * 变量契约（必须定义）：--bg / --fg / --muted / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-kvfvav 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-kvfvav {
  --bg: linear-gradient(135deg, #142a55 0%, #021a55 12%, #053a78 35%, #0e5878 68%, #2a5d6b 100%);
  --fg: #ffffff;
  --muted: rgba(255,255,255,0.62);
  --accent: #18ddff;
  --accent-soft: rgba(24,221,255,0.18);
  --code-bg: rgba(255,255,255,0.08);
  --title-color: #ffffff;
  --quote-color: rgba(255,255,255,0.72);
  --border-soft: rgba(255,255,255,0.18);
  --title-highlight: linear-gradient(transparent 58%, rgba(24,221,255,0.35) 58%);
  --font: "Noto Sans SC", "Noto Color Emoji", "Inter", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  background: linear-gradient(135deg, #eef3fa 0%, #dde7f3 12%, #c0dcf6 35%, #d0f4f8 68%, #eff9f7 100%);
  background-attachment: local;
  color: var(--fg);
  font-family: var(--font);
  font-weight: 300;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-kvfvav .card-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  background: var(--bg);
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  padding: 28px 22px;
  box-shadow: 0 10px 40px rgba(0,10,32,0.25), inset 0 0 0 1px rgba(255,255,255,0.06);
}
.theme-theme-kvfvav .card-cover::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 28%;
  height: 1px;
  background: rgba(255,255,255,0.45);
  pointer-events: none;
}
.theme-theme-kvfvav .card-title.card-title-cover {
  font-size: calc(42px * var(--font-scale,1));
  font-weight: 200;
  line-height: 1.25;
  color: var(--title-color);
  margin-bottom: 14px;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 2px rgba(0,10,32,0.25);
  text-align: left;
  padding-left: 12px;
  position: relative;
}
.theme-theme-kvfvav .card-cover-subtitle {
  display: block;
  font-size: calc(13px * var(--font-scale,1));
  font-weight: 300;
  color: var(--muted);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-align: left;
  padding-left: 12px;
}
.theme-theme-kvfvav .card-cover-quote,
.theme-theme-kvfvav .card-cover-quote-end {
  color: rgba(255,255,255,0.35);
  font-size: calc(28px * var(--font-scale,1));
  font-weight: 200;
  line-height: 1;
  text-align: left;
  padding-left: 12px;
}
.theme-theme-kvfvav .card-cover-swatches {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 18px;
}
.theme-theme-kvfvav .card-cover-swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1 1 0;
}
.theme-theme-kvfvav .card-cover-swatch-dot {
  width: calc(14px * var(--font-scale,1));
  height: calc(14px * var(--font-scale,1));
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,10,32,0.3), inset 0 0 0 1px rgba(255,255,255,0.15);
}
.theme-theme-kvfvav .card-cover-swatch-label {
  font-size: calc(10px * var(--font-scale,1));
  font-weight: 400;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-kvfvav .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  background: var(--bg);
  border-radius: 14px;
  padding: 28px 22px;
  box-shadow: 0 10px 40px rgba(0,10,32,0.25), inset 0 0 0 1px rgba(255,255,255,0.06);
  position: relative;
}
.theme-theme-kvfvav .card-content::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 18px;
  height: 1px;
  background: rgba(255,255,255,0.28);
}
.theme-theme-kvfvav .card-title {
  font-size: calc(22px * var(--font-scale,1));
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 14px;
  margin-top: 10px;
  color: var(--title-color);
  position: relative;
  padding-left: 12px;
  letter-spacing: 0.01em;
}
.theme-theme-kvfvav .card-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 2px;
  background: var(--accent);
  box-shadow: 0 0 8px rgba(24,221,255,0.5);
}
.theme-theme-kvfvav .card-title span,
.theme-theme-kvfvav .card-title em,
.theme-theme-kvfvav .card-title mark {
  background: var(--title-highlight);
  padding: 0 2px;
  font-style: normal;
  color: #ffffff;
}
.theme-theme-kvfvav .card-body {
  font-size: calc(15px * var(--font-scale,1));
  font-weight: 300;
  line-height: 1.85;
  color: var(--fg);
}
.theme-theme-kvfvav .card-body strong {
  font-weight: 500;
  color: #ffffff;
}
.theme-theme-kvfvav .card-body em {
  font-style: normal;
  color: var(--accent);
}
.theme-theme-kvfvav .card-body a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(24,221,255,0.4);
}
.theme-theme-kvfvav .card-body code {
  font-family: "SF Mono", "JetBrains Mono", Menlo, monospace;
  font-size: 0.9em;
  background: var(--code-bg);
  color: #b0f2f0;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.08);
}
.theme-theme-kvfvav .card-body pre {
  background: rgba(0,10,32,0.45);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 14px 16px;
  overflow-x: auto;
}
.theme-theme-kvfvav .card-body ul,
.theme-theme-kvfvav .card-body ol {
  padding-left: 1.4em;
  margin: 0.6em 0;
}
.theme-theme-kvfvav .card-body ul li::marker,
.theme-theme-kvfvav .card-body ol li::marker {
  color: var(--accent);
}
.theme-theme-kvfvav .card-body li {
  margin: 0.25em 0;
}
.theme-theme-kvfvav .card-body blockquote {
  margin: 14px 0;
  padding: 10px 16px;
  border-left: 2px solid var(--accent);
  background: rgba(24,221,255,0.06);
  color: var(--quote-color);
  border-radius: 0 6px 6px 0;
}
.theme-theme-kvfvav .card-body hr {
  border: none;
  height: 1px;
  background: rgba(255,255,255,0.2);
  margin: 18px 0;
}
.theme-theme-kvfvav .card-foot {
  font-size: 12px;
  font-weight: 400;
  color: var(--accent);
  text-align: left;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding-top: 14px;
  margin-top: auto;
  border-top: 1px solid rgba(255,255,255,0.18);
}
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-kvfvav .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}

/* ================================================================
 * 主题：日落玻璃（id: theme-tp35su）
 * 视觉描述：暖色调日落氛围的玻璃拟态主题，面板采用半透明白磨砂玻璃，四周环绕橘金、粉金、暗红大理石球体与古铜金属环，营造高级艺术化的现代未来感
 * 变量契约（必须定义）：--bg / --fg / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-tp35su 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-tp35su {
  --bg: rgba(230, 240, 255, 0.55);
  --fg: #1a2a4a;
  --muted: #5a7ba8;
  --accent: #2563eb;
  --accent-soft: rgba(147, 197, 253, 0.22);
  --code-bg: rgba(191, 219, 254, 0.35);
  --title-color: #0c1e3a;
  --quote-color: #4a6ba8;
  --border-soft: rgba(255, 255, 255, 0.45);
  --title-highlight: linear-gradient(transparent 0%, rgba(45, 97, 182, 0.55) 90%);
  --font: "Noto Sans SC", "Noto Color Emoji", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 15% 20%, #bfdbfe 0%, transparent 45%),
    radial-gradient(ellipse at 85% 15%, #7da9d9 0%, transparent 40%),
    radial-gradient(ellipse at 50% 50%, #dbeafe 0%, transparent 55%),
    radial-gradient(ellipse at 20% 85%, #5a85b8 0%, transparent 45%),
    radial-gradient(ellipse at 90% 90%, #1e40af 0%, transparent 40%),
    linear-gradient(135deg, #eff6ff 0%, #bfdbfe 50%, #7da9d9 100%);
  background-attachment: fixed;
}
.theme-theme-tp35su::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, 70px 70px, #93c5fd 0%, #3b82f6 40%, #1e3a8a 75%, #0a1f4a 100%),
    radial-gradient(circle at 85% 30%, 55px 55px, #bfdbfe 0%, #60a5fa 35%, #1d4ed8 70%, transparent 100%),
    radial-gradient(circle at 45% 85%, 90px 90px, #1e3a5f 0%, #0c2545 45%, #04102a 80%, transparent 100%),
    radial-gradient(circle at 92% 78%, 35px 35px, #c5ddf5 0%, #5a85b8 50%, #2c4a7c 100%),
    radial-gradient(circle at 8% 92%, 28px 28px, #1e3a6e 0%, #0a1a3a 60%, transparent 100%);
  filter: blur(2px);
  opacity: 0.55;
}
.theme-theme-tp35su::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 5% 50%, 2px 60px, transparent 2px, #4682b4 2px, #4682b4 4px, transparent 4px),
    radial-gradient(circle at 95% 50%, 2px 60px, transparent 2px, #4682b4 2px, #4682b4 4px, transparent 4px);
  opacity: 0.35;
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-tp35su .card-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  background: rgba(240, 245, 255, 0.35);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid var(--border-soft);
  border-radius: 24px;
  box-shadow:
    0 8px 32px rgba(37, 99, 235, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -1px 0 rgba(30, 58, 138, 0.08);
  padding: 48px 36px;
  position: relative;
  overflow: hidden;
}
.theme-theme-tp35su .card-cover::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #bfdbfe 0%, #60a5fa 45%, #1e3a8a 90%);
  box-shadow: inset -8px -8px 20px rgba(10, 31, 74, 0.4), 0 4px 16px rgba(37, 99, 235, 0.25);
}
.theme-theme-tp35su .card-cover::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: -50px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #bfdbfe 0%, #60a5fa 45%, #1e3a8a 90%);
  box-shadow: inset 8px 8px 20px rgba(10, 31, 74, 0.4), 0 4px 16px rgba(37, 99, 235, 0.25);
}
.theme-theme-tp35su .card-title.card-title-cover {
  font-size: calc(42px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.3;
  color: var(--title-color);
  margin-bottom: 28px;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 8px rgba(219, 234, 254, 0.4);
}
.theme-theme-tp35su .card-cover-quote,
.theme-theme-tp35su .card-cover-quote-end {
  color: var(--accent);
  opacity: 0.5;
  font-size: calc(28px * var(--font-scale, 1));
  font-weight: 700;
}
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-tp35su .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  background: rgba(240, 245, 255, 0.4);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid var(--border-soft);
  border-radius: 20px;
  box-shadow:
    0 4px 24px rgba(30, 58, 138, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
  padding: 32px 28px;
  position: relative;
  overflow: hidden;
}
.theme-theme-tp35su .card-title {
  font-size: calc(22px * var(--font-scale, 1));
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 16px;
  color: var(--title-color);
  position: relative;
  padding-left: 14px;
}
.theme-theme-tp35su .card-title:not(.card-title-cover) {
  display: inline-block;
  padding-right: 8px;
}
.theme-theme-tp35su .card-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 6px;
  border-radius: 4px;
  background: linear-gradient(180deg, #bfdbfe 0%, var(--accent) 50%, #1e3a8a 100%);
  box-shadow: 0 0 8px rgba(37, 99, 235, 0.4);
}
.theme-theme-tp35su .card-body {
  font-size: calc(15px * var(--font-scale, 1));
  line-height: 1.85;
  color: var(--fg);
}
.theme-theme-tp35su .card-body strong {
  color: var(--accent);
  font-weight: 700;
  background: linear-gradient(transparent 60%, var(--accent-soft) 60%);
  padding: 0 2px;
}
.theme-theme-tp35su .card-body ul li::marker,
.theme-theme-tp35su .card-body ol li::marker {
  color: var(--accent);
}
.theme-theme-tp35su .card-body blockquote {
  border-left: 3px solid var(--accent);
  background: linear-gradient(90deg, var(--accent-soft) 0%, transparent 100%);
  padding: 12px 16px;
  margin: 16px 0;
  border-radius: 0 12px 12px 0;
  color: var(--quote-color);
  font-style: italic;
  backdrop-filter: blur(8px);
}
.theme-theme-tp35su .card-body code {
  background: var(--code-bg);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.92em;
  color: var(--accent);
  border: 1px solid var(--border-soft);
}
.theme-theme-tp35su .card-foot {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  text-align: left;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border-soft);
  position: relative;
}
.theme-theme-tp35su .card-foot::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #bfdbfe 0%, var(--accent) 60%);
  margin-right: 8px;
  vertical-align: middle;
  box-shadow: 0 0 6px rgba(37, 99, 235, 0.5);
}
/* cover-clean：去掉首卡右下角的结束引号 */
.theme-theme-tp35su .card-cover-quote-end{display:none!important}
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-tp35su .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}

/* ================================================================
 * 主题：白底深绿冲击（theme-cjzkdf）
 * 视觉描述：纯白底色搭配深邃墨绿文字，封面标题以超大字号与极重字重形成强冲击感，主语首字符额外放大着色，主标题下方配以渐隐装饰线条；内容卡标题保留左竖条+底色高亮，整体简洁克制。
 * 变量契约（必须定义）：--bg / --fg / --muted / --accent / --accent-soft / --code-bg / --title-color / --quote-color / --border-soft / --title-highlight / --font
 * 作用域：所有规则必须以 .theme-theme-cjzkdf 为根选择器
 * 结构：① 主题头（变量） → ② 首卡（封面） → ③ 内容卡（正文）
 * ================================================================ */
.theme-theme-cjzkdf {
  --bg: #ffffff;
  --fg: #1a4d3a;
  --muted: #6b8e7f;
  --accent: #2d6a4f;
  --accent-soft: rgba(45, 106, 79, 0.12);
  --code-bg: rgba(45, 106, 79, 0.08);
  --title-color: #0f3d2a;
  --quote-color: #5a7d6f;
  --border-soft: rgba(45, 106, 79, 0.18);
  --title-highlight: linear-gradient(transparent 58%, rgba(45, 106, 79, 0.22) 58%);
  --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  background: var(--bg);
  color: var(--fg);
}
/* ===== 首卡（class: card.card-cover） ===== */
.theme-theme-cjzkdf .card-cover { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; min-height: 0; padding: 28px 22px; }
.theme-theme-cjzkdf .card-title.card-title-cover { font-size: calc(42px * var(--font-scale,1)); font-weight: 900; line-height: 1.22; color: var(--title-color); margin-bottom: 20px; letter-spacing: -0.5px; }
.theme-theme-cjzkdf .card-title.card-title-cover::first-letter { font-size: 1.55em; color: var(--accent); font-weight: 900; padding-right: 2px; }
.theme-theme-cjzkdf .card-title.card-title-cover::after { content: ""; display: block; width: 72px; height: 5px; background: linear-gradient(to right, var(--accent), transparent); margin-top: 18px; border-radius: 3px; }
.theme-theme-cjzkdf .card-cover-quote, .theme-theme-cjzkdf .card-cover-quote-end { color: var(--accent); opacity: 0.32; font-size: 36px; font-weight: 900; line-height: 1; }
/* ===== 内容卡（class: card.card-content） ===== */
.theme-theme-cjzkdf .card-content { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; min-height: 0; }
.theme-theme-cjzkdf .card-title { font-size: calc(22px * var(--font-scale,1)); font-weight: 800; line-height: 1.35; margin-bottom: 16px; color: var(--title-color); position: relative; padding-left: 14px; }
.theme-theme-cjzkdf .card-title:not(.card-title-cover)::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 6px; border-radius: 4px; background: var(--accent); }
.theme-theme-cjzkdf .card-title:not(.card-title-cover) { background: var(--title-highlight); }
.theme-theme-cjzkdf .card-body { font-size: calc(15px * var(--font-scale,1)); line-height: 1.85; color: var(--fg); }
.theme-theme-cjzkdf .card-body strong { color: var(--accent); font-weight: 700; }
.theme-theme-cjzkdf .card-body ul li::marker, .theme-theme-cjzkdf .card-body ol li::marker { color: var(--accent); }
.theme-theme-cjzkdf .card-body blockquote { border-left: 3px solid var(--accent); padding: 10px 14px; background: var(--accent-soft); color: var(--quote-color); border-radius: 0 6px 6px 0; margin: 14px 0; }
.theme-theme-cjzkdf .card-body code { background: var(--code-bg); color: var(--accent); padding: 1px 6px; border-radius: 4px; font-family: "SF Mono", "Consolas", monospace; font-size: 0.9em; }
.theme-theme-cjzkdf .card-foot { font-size: 13px; font-weight: 600; color: var(--accent); text-align: left; border-top: 1px solid var(--border-soft); padding-top: 10px; margin-top: 16px; }
/* cover-clean：首卡封面大标题元素不套整块高亮底色，避免 AI 误加背景色块 */
/* 注意：仅作用于标题元素本身，不波及后代 strong，标题内 **加粗** 荧光笔刷高亮仍保留 */
.theme-theme-cjzkdf .card-title.card-title-cover{background-color:transparent!important;background-image:none!important;box-shadow:none!important;background-blend-mode:normal!important}