chore: change logo on opengraph, adjust title position on mobile post page

package.json

@@ -16,12 +16,12 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.2.0",
+    "@astrojs/mdx": "^4.2.1",
     "@astrojs/partytown": "^2.1.4",
     "@astrojs/rss": "^4.0.11",
-    "@astrojs/sitemap": "^3.2.1",
+    "@astrojs/sitemap": "^3.3.0",
     "@rehype-pretty/transformers": "^0.13.2",
-    "astro": "^5.5.2",
+    "astro": "^5.5.3",
     "astro-compress": "^2.3.6",
     "astro-og-canvas": "^0.7.0",
     "astro-robots-txt": "^1.0.0",
@@ -51,9 +51,9 @@
     "@types/mdast": "^4.0.4",
     "@types/node": "^22.13.10",
     "@types/sanitize-html": "^2.13.0",
-    "@unocss/eslint-plugin": "66.1.0-beta.5",
-    "@unocss/preset-attributify": "66.1.0-beta.5",
-    "@unocss/reset": "66.1.0-beta.5",
+    "@unocss/eslint-plugin": "66.1.0-beta.6",
+    "@unocss/preset-attributify": "66.1.0-beta.6",
+    "@unocss/reset": "66.1.0-beta.6",
     "@waline/client": "^3.5.6",
     "astro-eslint-parser": "^1.2.1",
     "eslint": "^9.22.0",
@@ -61,7 +61,7 @@
     "lint-staged": "^15.5.0",
     "mdast-util-to-string": "^4.0.0",
     "reading-time": "^1.5.0",
-    "unocss": "66.1.0-beta.5",
+    "unocss": "66.1.0-beta.6",
     "unocss-preset-theme": "^0.14.1"
   },
   "lint-staged": {

src/components/MobileHeader.astro

@@ -18,7 +18,7 @@ const marginBottom = {
   }[titleGap] || 'mb-2.875'
 ---
 
-<header class="mb-10.5 lg:hidden">
+<header class="mb-15 lg:hidden">
   <h3 class={`${marginBottom} mt-3 text-5.375 c-secondary font-bold font-title`}>
     <!-- Fix text cropping issues during view transition on ios by adding a div tag -->
     <div

src/pages/og/[...image].ts

@@ -26,7 +26,11 @@ export const { getStaticPaths, GET } = OGImageRoute({
     description: page.description,
     logo: {
       path: './public/image/og-logo.png', // Required local path and PNG format
-      size: [70],
+      size: [250],
+    },
+    border: {
+      color: [242, 241, 245],
+      width: 20,
     },
     font: {
       title: {

src/styles/heti.css

@@ -121,7 +121,7 @@
 	font-weight:600
 }
 .heti .post-title {
-  --at-apply: 'c-primary mb-2 font-bold text-9 leading-12 text-balance lg:mbs-0';
+  --at-apply: 'c-primary mb-2 font-bold text-9 leading-12 text-balance mbs-0';
 }
 .heti h1 {
   --at-apply: 'mb-6';

src/utils/description.ts

@@ -21,8 +21,8 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
     other: 240,
   },
   og: {
-    cjk: 75,
-    other: 150,
+    cjk: 70,
+    other: 140,
   },
   rss: {
     cjk: 120,