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

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,