@hefou/lum 0.0.0-stage → 1.0.1

package/package.json

@@ -1,6 +1,134 @@
 {
   "name": "@hefou/lum",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.1",
+  "description": "专为 VitePress 打造的主题美化与 Vue 扩展组件库",
+  "keywords": [
+    "css",
+    "vue",
+    "vite",
+    "typescript",
+    "vitepress",
+    "vitepress-plugin",
+    "vitepress-theme",
+    "vitepress-ui",
+    "iconify",
+    "iconify-icon",
+    "tools",
+    "hefou",
+    "@hefou/lum",
+    "vitepress-enhance"
+  ],
+  "homepage": "https://hefou.github.io/",
+  "bugs": {
+    "url": "hhttps://github.com/hefou/vpt/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hefou/vpt.git",
+    "directory": "packages/lum"
+  },
+  "license": "MIT",
+  "author": "Theo",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./types/index.ts"
+    },
+    "./style": {
+      "types": "./types/style.d.ts",
+      "import": "./style/all.css",
+      "default": "./style/all.css"
+    },
+    "./icon": {
+      "types": "./types/style.d.ts",
+      "import": "./style/icon.css",
+      "default": "./style/icon.css"
+    },
+    "./button": {
+      "types": "./types/style.d.ts",
+      "import": "./style/button.css",
+      "default": "./style/button.css"
+    },
+    "./colors": {
+      "types": "./types/style.d.ts",
+      "import": "./style/colors.css",
+      "default": "./style/colors.css"
+    },
+    "./doc": {
+      "types": "./types/style.d.ts",
+      "import": "./style/doc.css",
+      "default": "./style/doc.css"
+    },
+    "./doc-blocks": {
+      "types": "./types/style.d.ts",
+      "import": "./style/doc-blocks.css",
+      "default": "./style/doc-blocks.css"
+    },
+    "./home": {
+      "types": "./types/style.d.ts",
+      "import": "./style/home.css",
+      "default": "./style/home.css"
+    },
+    "./pic": {
+      "types": "./types/style.d.ts",
+      "import": "./style/picture.css",
+      "default": "./style/picture.css"
+    },
+    "./badge": {
+      "types": "./types/style.d.ts",
+      "import": "./style/badge.css",
+      "default": "./style/badge.css"
+    },
+    "./components-var": {
+      "types": "./types/style.d.ts",
+      "import": "./style/components-var.css",
+      "default": "./style/components-var.css"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "style": "./dist/esm/dux.css",
+  "sideEffects": [
+    "./types/index.ts",
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "style/",
+    "types/",
+    "components/",
+    "composables/",
+    "tsconfig.json",
+    "readme.md",
+    "License"
+  ],
+  "dependencies": {
+    "@iconify/vue": "^5.0.5",
+    "iconify-icon": "^3.0.5",
+    "vite": "^8.3.7",
+    "vite-plugin-dts": "^5.1.2",
+    "@vitejs/plugin-vue": "^6.0.10",
+    "rimraf": "^6.1.4",
+    "vue-tsc": "^3.3.14"
+  },
+  "peerDependencies": {
+    "vitepress": "^1.6.4 || >=2.0.0-alpha.18 <3.0.0",
+    "vue": "^3.5.44"
+  },
+  "devDependencies": {
+    "bumpp": "^12.3.0",
+    "typescript": "^5.9.3",
+    "vitepress": "^2.0.0-alpha.21",
+    "vue": "^3.5.45"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "pnpm run clean && vite build && (vue-tsc --declaration --emitDeclarationOnly --outDir dist/types || true)",
+    "build:watch": "vite build --watch",
+    "dev": "pnpm run build:watch",
+    "release": "bumpp"
+  }
 }

package/readme.md

@@ -0,0 +1,39 @@
+# @hefou/lum
+
+<div align="center">
+  <p>
+    <img src="https://i.theojs.net/logo/lumen-logo-large.svg" width="300" alt="@hefou/lum" />
+  </p>
+  <p>
+    <img
+      src="https://img.shields.io/npm/v/@hefou/lum?style=flat-square&colorA=080f12&colorB=1fa669"
+      alt="release"
+    />
+    <img
+      src="https://img.shields.io/npm/dm/@hefou/lum?style=flat-square&colorA=080f12&colorB=1fa669"
+      alt="downloads"
+    />
+    <img
+      src="https://img.shields.io/npm/l/@hefou/lum?style=flat-square&colorA=080f12&colorB=1fa669"
+      alt="license"
+    />
+  </p>
+  <p>
+    <a href="https://hefou.github.io/">演示站点</a> | 
+    <a href="https://hefou.github.io">查看文档</a>
+  </p>
+</div>
+
+## 安装
+
+```sh [pnpm]
+pnpm add @hefou/lum
+```
+
+```sh [npm]
+npm install @hefou/lum
+```
+
+```sh [yarn]
+yarn add @hefou/lum
+```

package/style/all.css

@@ -0,0 +1,9 @@
+@import './icon.css';
+@import './button.css';
+@import './colors.css';
+@import './doc-blocks.css';
+@import './doc.css';
+@import './home.css';
+@import './picture.css';
+@import './badge.css';
+@import './components-var.css';

package/style/badge.css

@@ -0,0 +1,21 @@
+/**
+ * Component: Badge
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-badge-info-border: transparent;
+  --vp-badge-info-text: var(--vp-c-text-1);
+  --vp-badge-info-bg: var(--vp-c-default-soft);
+
+  --vp-badge-tip-border: transparent;
+  --vp-badge-tip-text: var(--vp-c-green-1);
+  --vp-badge-tip-bg: var(--vp-c-green-soft);
+
+  --vp-badge-warning-border: transparent;
+  --vp-badge-warning-text: var(--vp-c-warning-1);
+  --vp-badge-warning-bg: var(--vp-c-warning-soft);
+
+  --vp-badge-danger-border: transparent;
+  --vp-badge-danger-text: var(--vp-c-danger-1);
+  --vp-badge-danger-bg: var(--vp-c-danger-soft);
+}

package/style/button.css

@@ -0,0 +1,48 @@
+/**
+ * Component: Button
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-button-brand-border: var(--lm-c-yellow-1);
+  --vp-button-brand-text: var(--lm-c-black);
+  --vp-button-brand-bg: var(--lm-c-yellow-1);
+  --vp-button-brand-hover-border: var(--lm-c-yellow-2);
+  --vp-button-brand-hover-text: var(--lm-c-black-darker);
+  --vp-button-brand-hover-bg: var(--lm-c-yellow-2);
+  --vp-button-brand-active-border: var(--lm-c-yellow-soft);
+  --vp-button-brand-active-text: var(--lm-c-black-darker);
+  --vp-button-brand-active-bg: var(--vp-button-brand-bg);
+
+  --vp-button-sponsor-border: var(--vp-c-sponsor);
+  --vp-button-sponsor-text: var(--lm-c-white-dark);
+  --vp-button-sponsor-bg: var(--vp-c-sponsor);
+  --vp-button-sponsor-hover-border: var(--vp-c-sponsor);
+  --vp-button-sponsor-hover-text: var(--lm-c-white-dark);
+  --vp-button-sponsor-hover-bg: var(--vp-c-sponsor);
+  --vp-button-sponsor-active-border: var(--vp-c-sponsor);
+  --vp-button-sponsor-active-text: var(--lm-c-black-darker);
+  --vp-button-sponsor-active-bg: var(--vp-c-sponsor);
+}
+
+.VPButton.medium {
+  border-radius: 12px !important;
+}
+
+.VPButton.logo::before,
+.VPButton.author::before {
+  display: inline-block;
+  transform: translateY(7px);
+  margin-right: 0.5em;
+  background: no-repeat center / 24px;
+  width: 24px;
+  height: 24px;
+  content: '';
+}
+
+.VPButton.author::before {
+  background-image: var(--lm-button-author);
+}
+
+.VPButton.logo::before {
+  background-image: var(--lm-button-logo);
+}

package/style/colors.css

@@ -0,0 +1,59 @@
+/**
+ * Colors
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --lm-c-yellow-1: rgba(255, 216, 89, 1);
+  --lm-c-yellow-2: rgba(255, 216, 89, 0.9);
+  --lm-c-yellow-3: rgba(255, 216, 89, 0.8);
+  --lm-c-yellow-soft: rgba(255, 216, 89, 0.16);
+
+  --lm-c-white-dark: rgba(248, 248, 248, 1);
+  --lm-c-black-darker: rgba(13, 18, 27, 1);
+  --lm-c-black: rgba(17, 24, 39, 1);
+
+  --lm-c-green-1: rgba(61, 214, 140, 1);
+  --lm-c-green-2: rgba(61, 214, 140, 0.9);
+  --lm-c-green-3: rgba(61, 214, 140, 0.8);
+  --lm-c-green-soft: rgba(61, 214, 140, 0.16);
+
+  --vp-c-brand-1: var(--vp-c-green-1);
+  --vp-c-brand-2: var(--vp-c-green-2);
+  --vp-c-brand-3: var(--vp-c-green-3);
+  --vp-c-brand-soft: var(--vp-c-green-soft);
+
+  --lm-c-text-dark-1: rgba(217, 230, 235, 1);
+  --lm-c-text-light-1: rgba(44, 62, 80, 1);
+
+  --vp-c-brand-text: var(--lm-c-text-light-1);
+  --vp-c-bg-alt: rgba(246, 246, 247, 1);
+}
+
+.dark {
+  --vp-c-brand-1: var(--lm-c-yellow-1);
+  --vp-c-brand-2: var(--lm-c-yellow-2);
+  --vp-c-brand-3: var(--lm-c-yellow-3);
+  --vp-c-brand-soft: var(--lm-c-yellow-soft);
+
+  --vp-c-text-1: var(--lm-c-text-dark-1);
+  --vp-c-brand-text: var(--lm-c-text-light-1);
+
+  --vp-c-bg: var(--lm-c-black);
+  --vp-c-bg-soft: rgba(22, 31, 50, 1);
+  --vp-c-bg-alt: rgba(13, 18, 27, 1);
+  --vp-c-bg-elv: var(--vp-c-bg-soft);
+}
+
+/* style the promo information */
+.promo-text {
+  color: var(--lm-promo-text-color);
+  font-weight: var(--lm-promo-text-weight);
+}
+
+.promo-title {
+  background-image: var(--lm-promo-title-bg);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: var(--lm-promo-title-color);
+  font-weight: var(--lm-promo-title-weight);
+}

package/style/components-var.css

@@ -0,0 +1,173 @@
+:root {
+  /**
+   * Default
+   * -------------------------------------------------------------------------- */
+
+  --iconify-defColor: var(--vp-c-text-2);
+  --component-bg: var(--vp-c-bg-alt);
+  --imr: 0.25em;
+  --promo-text-color: var(--vp-c-brand-1);
+  --promo-text-weight: bold;
+  --promo-title-bg: var(--Aside-promo);
+  --promo-title-color: transparent;
+  --promo-title-weight: 600;
+
+  /**
+   * Component: Notice
+   * -------------------------------------------------------------------------- */
+  --Notice-bg: var(--vp-button-alt-bg);
+  --Notice-border: transparent;
+  --Notice-data: var(--vp-c-brand-1);
+  --Notice-bg-hover: var(--vp-button-alt-bg);
+  --Notice-border-hover: var(--vp-c-brand-1);
+  --Notice-transform-hover: none;
+  --Notice-transform-active: none;
+
+  /**
+   * Component: Aside
+   * -------------------------------------------------------------------------- */
+
+  --Aside-bg: var(--component-bg);
+  --Aside-border: transparent;
+  --Aside-name: -webkit-linear-gradient(225deg, var(--vp-c-brand-1), var(--vp-c-brand-3), var(--vp-c-brand-1));
+  --Aside-name-color: transparent;
+  --Aside-promo: -webkit-linear-gradient(
+    225deg,
+    rgba(100, 108, 255, 1),
+    rgba(176, 71, 255, 1),
+    rgba(100, 108, 255, 1)
+  );
+  --Aside-promo-color: transparent;
+  --Aside-hide: var(--vp-c-text-2);
+  --Aside-info: var(--vp-c-text-2);
+  --Aside-name-bg-hover: var(--component-bg);
+  --Aside-name-border-hover: var(--vp-c-brand-1);
+  --Aside-promo-bg-hover: var(--component-bg);
+  --Aside-promo-border-hover: rgba(100, 108, 255, 1);
+  --Aside-transform-hover: none;
+  --Aside-transform-active: none;
+
+  /**
+   * Component: BoxCube
+   * -------------------------------------------------------------------------- */
+
+  --Boxcube-bg: var(--component-bg);
+  --Boxcube-border: transparent;
+  --Boxcube-name: var(--vp-c-brand-1);
+  --Boxcube-bg-hover: var(--component-bg);
+  --Boxcube-border-hover: var(--vp-c-brand-1);
+  --Boxcube-name-hover: var(--vp-c-brand-2);
+  --Boxcube-boxshadow-hover: none;
+  --Boxcube-transform-hover: none;
+  --Boxcube-transform-active: none;
+
+  /**
+   * Component: Links
+   * -------------------------------------------------------------------------- */
+
+  --Links-bg: var(--component-bg);
+  --Links-border: transparent;
+  --Links-name: var(--vp-c-brand-1);
+  --Links-desc: var(--vp-c-text-2);
+  --Links-bg-hover: var(--component-bg);
+  --Links-border-hover: var(--vp-c-brand-1);
+  --Links-name-hover: var(--vp-c-brand-2);
+  --Links-boxshadow-hover: none;
+  --Links-transform-hover: none;
+  --Links-transform-active: none;
+
+  /**
+   * Component: Card
+   * -------------------------------------------------------------------------- */
+
+  --Card-bg: var(--component-bg);
+  --Card-border: transparent;
+  --Card-name: var(--vp-c-brand-1);
+  --Card-desc: var(--vp-c-text-2);
+  --Card-bg-hover: var(--component-bg);
+  --Card-border-hover: var(--vp-c-brand-1);
+  --Card-name-hover: var(--vp-c-brand-2);
+  --Card-boxshadow-hover: none;
+  --Card-transform-hover: none;
+  --Card-transform-active: none;
+
+  /**
+   * Component: CopyText
+   * -------------------------------------------------------------------------- */
+
+  --CopyText-border: transparent;
+  --CopyText-auto-bg: var(--vp-code-bg);
+  --CopyText-auto-color: var(--vp-c-brand-1);
+  --CopyText-auto-bg-hover: var(--vp-c-brand-soft);
+  --CopyText-auto-border-hover: transparent;
+  --CopyText-info-bg: var(--vp-code-bg);
+  --CopyText-info-color: var(--vp-c-text-1);
+  --CopyText-info-bg-hover: var(--vp-code-bg);
+  --CopyText-info-border-hover: transparent;
+  --CopyText-tip-bg: var(--vp-c-green-soft);
+  --CopyText-tip-color: var(--vp-c-green-1);
+  --CopyText-tip-bg-hover: var(--vp-c-green-soft);
+  --CopyText-tip-border-hover: transparent;
+  --CopyText-warning-bg: var(--vp-c-warning-soft);
+  --CopyText-warning-color: var(--vp-c-warning-1);
+  --CopyText-warning-bg-hover: var(--vp-c-warning-soft);
+  --CopyText-warning-border-hover: transparent;
+  --CopyText-danger-bg: var(--vp-c-danger-soft);
+  --CopyText-danger-color: var(--vp-c-danger-1);
+  --CopyText-danger-bg-hover: var(--vp-c-danger-soft);
+  --CopyText-danger-border-hover: transparent;
+
+  /**
+   * Component: Pill
+   * -------------------------------------------------------------------------- */
+
+  --Pill-bg: var(--vp-code-bg);
+  --Pill-border: transparent;
+  --Pill-name: var(--vp-c-brand-1);
+  --Pill-bg-hover: var(--vp-code-bg);
+  --Pill-border-hover: var(--vp-c-brand-1);
+  --Pill-name-hover: var(--vp-c-brand-2);
+  --Pill-boxshadow-hover: none;
+  --Pill-transform-hover: none;
+  --Pill-transform-active: none;
+
+  /**
+   * Component: Footer
+   * -------------------------------------------------------------------------- */
+
+  --Footer-bg: var(--component-bg);
+  --Footer-link-hover: var(--vp-c-brand-1);
+
+  /**
+   * Component: Underline
+   * -------------------------------------------------------------------------- */
+
+  --Underline-bg: var(--vp-c-brand-1);
+
+  /**
+   * button
+   * -------------------------------------------------------------------------- */
+
+  --button-author: url('https://hefung.github.io/logo.svg');
+  --button-logo: url('https://hefung.github.io/logo.svg');
+}
+
+.dark {
+  /**
+   * Default
+   * -------------------------------------------------------------------------- */
+
+  --promo-title-bg: var(--Aside-promo);
+  --promo-title-color: transparent;
+
+  /**
+   * Component: Aside
+   * -------------------------------------------------------------------------- */
+  --Aside-promo: -webkit-linear-gradient(
+    225deg,
+    rgba(120, 200, 255, 1),
+    rgba(255, 130, 255, 1),
+    rgba(120, 200, 255, 1)
+  );
+  --Aside-name-color: transparent;
+}

package/style/doc-blocks.css

@@ -0,0 +1,136 @@
+/**
+ * Component: doc-blocks
+ * -------------------------------------------------------------------------- */
+
+.vp-doc .custom-block {
+  position: relative;
+  border-left: 6px solid;
+}
+
+.vp-doc .custom-block .custom-block-title {
+  padding-left: 1.25em;
+}
+
+.vp-doc .custom-block::before {
+  display: inline-block;
+  position: absolute;
+  transform: translate(-20%, 20%);
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  background-color: currentColor;
+  width: 1.2em;
+  height: 1.2em;
+  content: '';
+}
+
+/* info,note  */
+.vp-doc .custom-block.info,
+.vp-doc .custom-block.note {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E");
+  border-left-color: var(--vp-c-text-2);
+  color: var(--vp-c-text-2);
+}
+
+.vp-doc .custom-block.info .custom-block-title,
+.vp-doc .custom-block.info::before,
+.vp-doc .custom-block.note .custom-block-title,
+.vp-doc .custom-block.note::before {
+  color: var(--vp-c-text-1);
+}
+
+/* tip */
+.vp-doc .custom-block.tip {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E");
+  border-left-color: var(--vp-c-green-1);
+  background-color: var(--vp-c-green-soft);
+  color: var(--vp-c-green-2);
+}
+
+.vp-doc .custom-block.tip .custom-block-title,
+.vp-doc .custom-block.tip::before {
+  color: var(--vp-c-green-1);
+}
+
+.vp-doc .custom-block.tip code {
+  background-color: var(--vp-c-green-soft);
+  color: var(--vp-c-green-1);
+}
+
+.vp-doc .custom-block.tip a {
+  color: var(--vp-c-green-1);
+}
+
+/* warning */
+.vp-doc .custom-block.warning {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3M12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1m1 4h-2v-2h2z'/%3E%3C/svg%3E");
+  border-left-color: var(--vp-c-warning-1);
+  color: var(--vp-c-warning-2);
+}
+
+.vp-doc .custom-block.warning .custom-block-title,
+.vp-doc .custom-block.warning::before {
+  color: var(--vp-c-warning-1);
+}
+
+/* caution,danger */
+.vp-doc .custom-block.caution,
+.vp-doc .custom-block.danger {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3M12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1m1 4h-2v-2h2z'/%3E%3C/svg%3E");
+  border-left-color: var(--vp-c-danger-1);
+  color: var(--vp-c-danger-2);
+}
+
+.vp-doc .custom-block.caution .custom-block-title,
+.vp-doc .custom-block.caution::before,
+.vp-doc .custom-block.danger .custom-block-title,
+.vp-doc .custom-block.danger::before {
+  color: var(--vp-c-danger-1);
+}
+
+/* important */
+.vp-doc .custom-block.important {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E");
+  border-left-color: var(--vp-c-important-1);
+  color: var(--vp-c-important-2);
+}
+
+.vp-doc .custom-block.important .custom-block-title,
+.vp-doc .custom-block.important::before {
+  color: var(--vp-c-important-1);
+}
+
+/* details */
+.vp-doc .custom-block.details {
+  border: 0;
+}
+
+.vp-doc .custom-block.details::before {
+  display: none;
+}
+
+.vp-doc .custom-block.details p,
+.vp-doc .custom-block.details li,
+.vp-doc .custom-block.details ol {
+  color: var(--vp-c-text-2);
+}
+
+/* blockquote */
+.vp-doc blockquote {
+  position: relative;
+  transition: border-color 0.5s;
+  border-left: 6px solid var(--vp-c-text-3);
+  border-radius: 0.5em;
+  background-color: var(--vp-c-bg-soft);
+  padding: 0.25em 0 0.25em 1em;
+  color: var(--vp-c-text-3);
+}
+
+.vp-doc blockquote > p,
+.vp-doc blockquote > ul,
+.vp-doc blockquote > ol {
+  font-size: var(--vp-custom-block-font-size);
+}

package/style/doc.css

@@ -0,0 +1,17 @@
+/**
+ * Component: doc
+ * -------------------------------------------------------------------------- */
+
+.vp-doc a {
+  text-underline-offset: 4px;
+}
+
+.vp-doc a:has(.VPBadge)::after {
+  display: none !important;
+}
+
+/* @mdit/plugin-footnote: https://mdit-plugins.github.io/zh/footnote.html  */
+.vp-doc sup a,
+.vp-doc a.footnote-backref {
+  text-decoration: none;
+}

package/style/home.css

@@ -0,0 +1,34 @@
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(225deg, var(--c-yellow-2) 30%, var(--c-green-1));
+  --vp-home-hero-image-background-image: -webkit-linear-gradient(
+    -45deg,
+    var(--c-yellow-2) 50%,
+    var(--c-green-1) 50%
+  );
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+
+.dark {
+  --vp-home-hero-name-background: -webkit-linear-gradient(45deg, var(--c-yellow-2) 30%, var(--c-green-1));
+}
+
+.VPHero .VPImage {
+  filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.2));
+}

package/style/icon.css

@@ -0,0 +1,11 @@
+iconify-icon {
+  display: inline-block;
+  vertical-align: -0.125em;
+  width: 1em;
+  height: 1em;
+}
+
+/* right margin for Iconify */
+.i-mr {
+  margin-right: var(--imr);
+}