@xingwangzhe/stalux 1.55.7 → 1.57.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xingwangzhe/stalux",
-    "version": "1.55.7",
+    "version": "1.57.0",
     "description": "A powerful, modern Astro blog theme — use as template or install as plugin",
     "keywords": [
         "astro",

package/src/components/stalux/archives/archivesList.astro

@@ -98,10 +98,9 @@ const archiveYears = [...archivesByYearMonth.entries()]
                                                 )}
                                             </time>
                                             <a
-                                                href={`/posts/${post.data.abbrlink}/`}
+                                                href={`/posts/${post.data.abbrlink}`}
                                                 class="stalux-archive-post-link"
                                                 data-archive-description={post.data.desc || ""}
-                                                data-astro-prefetch="viewport"
                                             >
                                                 {post.data.title}
                                             </a>

package/src/components/stalux/archives/toArchive.astro

@@ -11,5 +11,5 @@ const { t } = createTranslator(siteConfig.lang || "zh-CN");
 
 <!-- Modern Web Guidance (html): 一行“查看全部归档”文字 + 链接 => <p>。 -->
 <p id={"stalux-to-archive-archs"}>
-    <a data-stalux-control="button" href="/archives" data-astro-prefetch>{t("archives.viewAll")}</a>
+    <a data-stalux-control="button" href="/archives">{t("archives.viewAll")}</a>
 </p>

package/src/components/stalux/categories/categoriesCard.astro

@@ -23,11 +23,7 @@ const { t } = createTranslator((siteConfig.lang as string) || "zh-CN");
 <!-- Modern Web Guidance (html): 分类卡本身即 <article>；外层曾经的 <div class="stalux-category-shell">
      已上移到列表的 <li>（见 categoriesList.astro），避免多一层无语义容器。 -->
 <article class="stalux-category-card" data-stalux-control="category-card">
-    <a
-        href={`/categories/${props.category.name}/`}
-        class="stalux-categoryheader a-none"
-        data-astro-prefetch
-    >
+    <a href={`/categories/${props.category.name}`} class="stalux-categoryheader a-none">
         <span class="stalux-category-icon">
             <svg
                 aria-hidden="true"

package/src/components/stalux/common/author.astro

@@ -22,7 +22,7 @@ const navigationHref = isHomePage ? "/about" : "/";
     <figure
         class={`stalux-author-figure ${props.iscolum ? "stalux-author-figure-column stalux-u-flex-col" : ""}`}
     >
-        <a data-stalux-control="avatar" href={navigationHref} class="a-none" data-astro-prefetch>
+        <a data-stalux-control="avatar" href={navigationHref} class="a-none">
             <Image src={authorConfig.avatar} alt={authorConfig.name} width={100} height={100} />
         </a>
         <figcaption>{authorConfig.name}</figcaption>

package/src/components/stalux/layout/navs.astro

@@ -54,12 +54,7 @@ const navs = navsConfig?.items ?? [];
                 const NavIcon = item.icon ? getLucideIcon(item.icon, Astro.logger) : null;
                 return (
                     <li class="stalux-nav-item stalux-u-flex stalux-u-items-center">
-                        <a
-                            href={item.link}
-                            class="stalux-nav-link"
-                            data-ref="stalux-nav-link"
-                            data-astro-prefetch
-                        >
+                        <a href={item.link} class="stalux-nav-link" data-ref="stalux-nav-link">
                             {NavIcon && <NavIcon size={20} stroke-width={2} class="nav-icon" />}
                             <span class="stalux-nav-text">{item.title}</span>
                         </a>

package/src/components/stalux/posts/ArticleSummary.astro

@@ -2,7 +2,6 @@
 interface Props {
     description?: string;
     label: string;
-    transitionName: string;
 }
 const { description, label } = Astro.props;
 const summary = description?.trim();

package/src/components/stalux/posts/PostTaxonomy.astro

@@ -51,11 +51,7 @@ const cfg = {
         <ul class={cfg.listClass} data-stalux-reveal>
             {items.map((item) => (
                 <li data-stalux-reveal-item>
-                    <a
-                        href={`${cfg.prefix}${item}/`}
-                        class={`${cfg.itemClass} a-none`}
-                        data-astro-prefetch
-                    >
+                    <a href={`${cfg.prefix}${item}`} class={`${cfg.itemClass} a-none`}>
                         {item}
                     </a>
                 </li>

package/src/components/stalux/posts/postCard.astro

@@ -27,12 +27,7 @@ const description = post.data.desc || "";
     class="stalux-post-card-shell stalux-post-card h-full text-inherit no-underline stalux-u-flex stalux-u-flex-col stalux-u-w-full stalux-u-min-w-0"
 >
     {post.data.cover && (
-        <a
-            href={`/posts/${post.data.abbrlink}/`}
-            class="a-none"
-            data-astro-prefetch="viewport"
-            aria-label={post.data.title}
-        >
+        <a href={`/posts/${post.data.abbrlink}`} class="a-none" aria-label={post.data.title}>
             <span class="stalux-card-post-cover stalux-u-w-full stalux-u-min-w-0">
                 <img
                     src={post.data.cover}
@@ -48,7 +43,7 @@ const description = post.data.desc || "";
         </a>
     )}
     <h2 class="stalux-card-post-title">
-        <a href={`/posts/${post.data.abbrlink}/`} class="a-none" data-astro-prefetch="viewport">
+        <a href={`/posts/${post.data.abbrlink}`} class="a-none">
             {post.data.title}
         </a>
     </h2>
@@ -77,7 +72,7 @@ const description = post.data.desc || "";
         <ul class="stalux-card-post-tags stalux-u-flex stalux-u-items-center stalux-u-flex-wrap">
             {post.data.tags?.map((tag) => (
                 <li>
-                    <a class="a-none" href={`/tags/${tag}`} data-astro-prefetch>
+                    <a class="a-none" href={`/tags/${tag}`}>
                         <span class="stalux-card-post-tag">{tag}</span>
                     </a>
                 </li>
@@ -88,18 +83,12 @@ const description = post.data.desc || "";
         >
             {post.data.categories?.map((category) => (
                 <li>
-                    <a class="a-none" href={`/categories/${category}`} data-astro-prefetch>
+                    <a class="a-none" href={`/categories/${category}`}>
                         <span class="stalux-card-post-category">{category}</span>
                     </a>
                 </li>
             ))}
         </ul>
     </footer>
-    <a
-        href={`/posts/${post.data.abbrlink}/`}
-        class="stalux-card-read-more a-none"
-        data-astro-prefetch
-    >
-        Read More
-    </a>
+    <a href={`/posts/${post.data.abbrlink}`} class="stalux-card-read-more a-none"> Read More </a>
 </article>

package/src/components/stalux/posts/postContent.astro

@@ -14,8 +14,9 @@ interface Props {
     title: string;
     description?: string;
     searchKeywords?: string[];
+    // Kept for downstream overrides of this component; the theme's own render
+    // path no longer turns them into any view-transition CSS (Swup owns cues).
     transitionName?: string;
-    titleTransitionName?: string;
     transitionScope?: "article" | "about";
     date?: string;
     updated?: string;
@@ -25,7 +26,6 @@ interface Props {
 }
 
 const props = Astro.props as Props;
-const transitionPrefix = props.transitionScope === "about" ? "stalux-about" : "stalux-article";
 const configEntries = await getCollection("config");
 const siteConfig = getSiteData(configEntries);
 const promoteConfig = getPromoteData(configEntries);
@@ -113,11 +113,7 @@ const mdSourceUrl = exportMd ? `${Astro.url.pathname.replace(/\/$/u, "")}.md` :
         )}
     </header>
 
-    <ArticleSummary
-        description={props.description}
-        label={t("post.summary")}
-        transitionName={`${transitionPrefix}-summary`}
-    />
+    <ArticleSummary description={props.description} label={t("post.summary")} />
 
     <span
         hidden

package/src/components/stalux/posts/postNavigation.astro

@@ -34,7 +34,6 @@ const { t } = createTranslator((siteConfig.lang as string) || "zh-CN");
                         data-stalux-motion="previous"
                         class="stalux-pagination-link stalux-pagination-prev-post"
                         rel="prev"
-                        data-astro-prefetch
                     >
                         <span class="stalux-pagination-arrow">
                             <svg
@@ -90,7 +89,6 @@ const { t } = createTranslator((siteConfig.lang as string) || "zh-CN");
                         data-stalux-motion="next"
                         class="stalux-pagination-link stalux-pagination-next-post"
                         rel="next"
-                        data-astro-prefetch
                     >
                         <p class="stalux-pagination-content">
                             <span class="stalux-pagination-label">{t("post.nextPost")}</span>

package/src/components/stalux/tags/tagHeader.astro

@@ -21,9 +21,9 @@ const { t } = createTranslator(siteConfig.lang || "zh-CN");
 const typeKey = props.typeKey || props.type;
 let typeUrl = "";
 if (typeKey === "category" || typeKey === "categories" || typeKey === "分类") {
-    typeUrl = "/categories/";
+    typeUrl = "/categories";
 } else if (typeKey === "tag" || typeKey === "tags" || typeKey === "标签") {
-    typeUrl = "/tags/";
+    typeUrl = "/tags";
 }
 ---
 
@@ -52,7 +52,7 @@ if (typeKey === "category" || typeKey === "categories" || typeKey === "分类")
     <p class="stalux-tag-page-description">
         {t("taxonomy.foundPosts", { count: props.count })}
     </p>
-    <a href={typeUrl} class="stalux-tag-back-link" data-astro-prefetch
+    <a href={typeUrl} class="stalux-tag-back-link"
         >{t("taxonomy.backToList", { type: props.type })}</a
     >
 </header>

package/src/components/stalux/tags/tagsCloud.astro

@@ -17,7 +17,7 @@ const cloudDensity = Math.sqrt(Math.max(tagList.length, 100) / 100);
 const tagLinks = tagList.map((t) => ({
     type: "link" as const,
     text: t.name,
-    url: `/tags/${t.name}/`,
+    url: `/tags/${t.name}`,
 }));
 ---
 
@@ -36,13 +36,12 @@ const tagLinks = tagList.map((t) => ({
                 {group.map(({ name, count }) => (
                     <li data-stalux-reveal-item>
                         <a
-                            href={`/tags/${name}/`}
+                            href={`/tags/${name}`}
                             class="stalux-cloud-tag-card"
                             data-stalux-card
                             data-stalux-tag-card
                             data-stalux-control="tag-card"
                             data-count={count}
-                            data-astro-prefetch
                         >
                             <span class="stalux-cloud-tag-name">{name}</span>
                             <span class="stalux-cloud-tag-count">{count}</span>

package/src/index.ts

@@ -53,6 +53,7 @@ import { createPageOutputCache } from "./internal/page-output-cache";
 import { loadCoverEncoder, restoreCoverFiles, upgradeCoverImages } from "./internal/post-cover";
 import { isPluginProject } from "./internal/project-mode";
 import { syncBackgroundSvgs, syncFontAssets } from "./internal/public-assets";
+import { normalizeRouteHrefs } from "./internal/route-hrefs";
 import { createRuntimeCacheKey } from "./internal/runtime-cache-key";
 import {
     appendUniquePlugin,
@@ -529,6 +530,8 @@ export function stalux(options: StaluxOptions = {}): AstroIntegration[] {
                     promoteCodeStyles(document);
                     containMermaidSvgs(document);
                     removePageFontStyles(document);
+                    // 正文里手写的 /posts/x/ 也统一成路由器实际提供的形态
+                    normalizeRouteHrefs(document);
                     const images = findHtmlImages(before, document);
                     await updateLocalImageDimensions(images, outDir, {
                         cache: dimensionsCache,
@@ -740,6 +743,16 @@ export function stalux(options: StaluxOptions = {}): AstroIntegration[] {
                 ...userSitemap,
                 customPages,
                 filter,
+                // Page routes are served without a trailing slash; keep the root
+                // and real files (`.md`, `.json`, `.xml`, images) exactly as built.
+                async serialize(item) {
+                    const next = userSitemap?.serialize ? await userSitemap.serialize(item) : item;
+                    if (!next) return next;
+                    const url = new URL(next.url);
+                    if (url.pathname !== "/") url.pathname = url.pathname.replace(/\/+$/u, "");
+                    next.url = url.href;
+                    return next;
+                },
             }),
             {
                 name: "stalux/sitemap-alias",

package/src/internal/html-output.ts

@@ -1,4 +1,5 @@
 import { type DefaultTreeAdapterMap, serialize, serializeOuter } from "parse5";
+import { normalizeRouteHref } from "./route-hrefs";
 
 type Element = DefaultTreeAdapterMap["element"];
 
@@ -17,6 +18,9 @@ export function createHtmlMutationEmitter(
         attrs: Element["attrs"];
         text: string[];
     }> = [];
+    // Anchor hrefs are rewritten by value range only: reserializing the whole
+    // element would re-escape attribute text the emitter never touched.
+    const hrefSnapshots: Array<{ node: Element; start: number; end: number }> = [];
     let head: Element | undefined;
     function visit(node: DefaultTreeAdapterMap["node"]) {
         if ("tagName" in node) {
@@ -37,6 +41,10 @@ export function createHtmlMutationEmitter(
                     attrs: node.attrs.map((attribute) => ({ ...attribute })),
                     text: node.childNodes.map((child) => ("value" in child ? child.value : "")),
                 });
+            } else if (node.tagName === "a") {
+                const href = location?.attrs?.href;
+                if (href)
+                    hrefSnapshots.push({ node, start: href.startOffset, end: href.endOffset });
             }
         }
         if ("childNodes" in node) for (const child of node.childNodes) visit(child);
@@ -45,6 +53,16 @@ export function createHtmlMutationEmitter(
 
     return () => {
         const edits: Array<{ start: number; end: number; value: string }> = [];
+        for (const { node, start, end } of hrefSnapshots) {
+            const current = node.attrs.find((attribute) => attribute.name === "href")?.value;
+            if (current === undefined) continue;
+            const raw = source.slice(start, end);
+            const parsed = /^(href\s*=\s*["'])([^"']*)(["'])$/u.exec(raw);
+            if (!parsed) continue;
+            const next = normalizeRouteHref(parsed[2] ?? "");
+            if (next === parsed[2]) continue;
+            edits.push({ start, end, value: `${parsed[1]}${next}${parsed[3]}` });
+        }
         for (const snapshot of snapshots) {
             const { node, start, end, attrs, text } = snapshot;
             if (!node.parentNode) {

package/src/internal/route-hrefs.ts

@@ -0,0 +1,47 @@
+import type { DefaultTreeAdapterMap } from "parse5";
+
+type Document = DefaultTreeAdapterMap["document"];
+
+/** Endpoints that are real files: the extension identifies them, never a slash. */
+const REAL_FILE =
+    /\.(?:md|json|xml|txt|html?|pdf|png|webp|avif|svg|jpe?g|gif|ico|css|js|mjs|map|zip|mp4|webm|woff2?|ttf|otf)$/iu;
+
+/**
+ * Rewrite a site-absolute href to the form the router actually serves.
+ *
+ * Page routes carry no trailing slash (`/posts/x`, `/archives`), while real
+ * files keep theirs (`/posts/x.md`, `/api/posts.json`). Only rooted paths are
+ * touched: relative links, protocol-relative URLs and anchors pass through.
+ */
+export function normalizeRouteHref(href: string): string {
+    if (!href.startsWith("/") || href.startsWith("//")) return href;
+    const match = /^([^?#]*)([?#].*)?$/u.exec(href);
+    const path = match?.[1] ?? href;
+    const suffix = match?.[2] ?? "";
+    if (path === "/" || !path.endsWith("/") || REAL_FILE.test(path)) return href;
+    return `${path.replace(/\/+$/u, "")}${suffix}`;
+}
+
+/**
+ * Content-authored links still use the old trailing-slash form. Normalising the
+ * parsed document here keeps hand-written Markdown from reintroducing a URL
+ * shape the router no longer serves, without touching the author's source.
+ */
+export function normalizeRouteHrefs(document: Document): number {
+    let changed = 0;
+    const visit = (node: DefaultTreeAdapterMap["node"]): void => {
+        if ("tagName" in node && node.tagName === "a") {
+            for (const attribute of node.attrs) {
+                if (attribute.name !== "href") continue;
+                const next = normalizeRouteHref(attribute.value);
+                if (next !== attribute.value) {
+                    attribute.value = next;
+                    changed++;
+                }
+            }
+        }
+        if ("childNodes" in node) for (const child of node.childNodes) visit(child);
+    };
+    visit(document);
+    return changed;
+}

package/src/internal/social-card-data.ts

@@ -22,7 +22,7 @@ export function createSocialCardData(
         siteTitle: site.title,
         author: author.name,
         host: siteUrl.host,
-        postUrl: new URL(`/posts/${encodeURIComponent(post.abbrlink)}/`, siteUrl).href,
+        postUrl: new URL(`/posts/${encodeURIComponent(post.abbrlink)}`, siteUrl).href,
         tags: post.tags ?? [],
         date: formatInTimeZone(
             parseDate(post.date, site.timezone || "Asia/Shanghai"),

package/src/internal/style-names.generated.ts

@@ -339,24 +339,9 @@ export const styleNames: { classes: Record<string, string>; variables: Record<st
     },
     "animations": {
         "spin": "k0",
-        "stalux-article-enter": "k1",
-        "stalux-article-enter-back": "k2",
-        "stalux-cursor-blink": "k3",
-        "stalux-link-avatar-spin": "k4",
-        "stalux-page-enter": "k5",
-        "stalux-page-enter-back": "k6",
-        "stalux-page-exit": "k7",
-        "stalux-random-spin": "k8",
-        "stalux-sidebar-left-back-in": "k9",
-        "stalux-sidebar-left-back-out": "ka",
-        "stalux-sidebar-left-in": "kb",
-        "stalux-sidebar-left-out": "kc",
-        "stalux-sidebar-right-back-in": "kd",
-        "stalux-sidebar-right-back-out": "ke",
-        "stalux-sidebar-right-in": "kf",
-        "stalux-sidebar-right-out": "kg",
-        "stalux-social-stalux-social-arrive": "kh",
-        "stalux-taxonomy-enter": "ki",
-        "stalux-taxonomy-enter-back": "kj"
+        "stalux-cursor-blink": "k1",
+        "stalux-link-avatar-spin": "k2",
+        "stalux-random-spin": "k3",
+        "stalux-social-stalux-social-arrive": "k4"
     }
 };

package/src/layouts/PostLayout.astro

@@ -8,7 +8,6 @@ import PostNavigation from "@components/stalux/posts/postNavigation.astro";
 import PostRight from "@components/stalux/posts/postRight.astro";
 import WalineComment from "@components/stalux/posts/WalineComment.astro";
 import { getCommentData } from "@utils/config-utils";
-import { getPostTitleTransitionName } from "@utils/view-transitions";
 import { buildWalineProps } from "@utils/waline";
 
 interface Props {
@@ -63,9 +62,6 @@ const walineConfig = walineSection?.serverURL
             title={props.title}
             description={props.description}
             searchKeywords={[...tags, ...categories, ...(props.searchKeywords ?? [])]}
-            titleTransitionName={props.postId === undefined
-                ? undefined
-                : getPostTitleTransitionName(props.postId)}
             date={props.date}
             updated={props.updated}
             readingMinutes={props.readingMinutes}

package/src/pages/404.astro

@@ -25,7 +25,7 @@ const { t } = createTranslator(siteConfig.lang || "zh-CN");
             <p data-stalux-motion-content>{t("page404.pageNotFound")}</p>
             <p class="agent-recovery" data-stalux-motion-content>
                 This URL does not exist. Continue at the <a href="/">home page</a>, browse the
-                <a href="/archives/">archive</a>, read <a href="/llms.txt">llms.txt</a>, or inspect
+                <a href="/archives">archive</a>, read <a href="/llms.txt">llms.txt</a>, or inspect
                 the
                 <a href="/sitemap-index.xml">sitemap</a>
                 to find published content.
@@ -42,7 +42,6 @@ const { t } = createTranslator(siteConfig.lang || "zh-CN");
                 href="/"
                 class="stalux-404-home-btn home-btn"
                 data-stalux-control="button"
-                data-astro-prefetch
                 data-stalux-motion-content
                 >{t("page404.backHome")}</a
             >

package/src/pages/about.astro

@@ -33,7 +33,6 @@ const author = authorConfig.name;
         <PostContent
             title={aboutPage.data.title}
             transitionName="about-content"
-            titleTransitionName="stalux-about-title"
             transitionScope="about"
             date={undefined}
             updated={undefined}

package/src/pages/api/posts.json.ts

@@ -29,7 +29,7 @@ export const GET: APIRoute = async ({ logger }) => {
         categories: post.data.categories ?? [],
         desc: post.data.desc ?? "",
         wordCount: descriptions.get(String(post.data.abbrlink))?.wordCount ?? 0,
-        url: sitePath(`posts/${encodeURIComponent(String(post.data.abbrlink))}/`),
+        url: sitePath(`posts/${encodeURIComponent(String(post.data.abbrlink))}`),
     }));
 
     return new Response(JSON.stringify(payload), {

package/src/pages/atom.xml.ts

@@ -19,6 +19,8 @@ export const GET: APIRoute = async ({ logger }) => {
         title: stalux?.title || "Stalux Blog",
         description: stalux?.description || "A blog powered by Stalux theme",
         site: stalux.url,
+        // 页面路由不带尾斜杠，feed 里的条目链接要与之保持一致
+        trailingSlash: false,
         items,
         customData: `<language>${langToFeedLanguage(lang)}</language>\n<copyright>${t("rss.copyright")}</copyright>`,
         xmlns: {

package/src/pages/posts/[post].md.ts

@@ -17,8 +17,8 @@ function generateCCFooter(post: CollectionEntry<"posts">, config: ConfigMap): st
     const baseUrl = (siteConfig.url as string) || "";
     const author = (config.get("author")?.name as string) || "";
     const postUrl = baseUrl
-        ? `${baseUrl}/posts/${post.data.abbrlink}/`
-        : `/posts/${post.data.abbrlink}/`;
+        ? `${baseUrl}/posts/${post.data.abbrlink}`
+        : `/posts/${post.data.abbrlink}`;
 
     const lines: string[] = [];
     lines.push(`**${t("post.author")}**${author}`);

package/src/pages/rss.xml.ts

@@ -19,6 +19,8 @@ export const GET: APIRoute = async ({ logger }) => {
         title: stalux?.title || "Stalux Blog",
         description: stalux?.description || "A blog powered by Stalux theme",
         site: stalux.url,
+        // 页面路由不带尾斜杠，feed 里的条目链接要与之保持一致
+        trailingSlash: false,
         items,
         customData: `<language>${langToFeedLanguage(lang)}</language>\n<copyright>${t("rss.copyright")}</copyright>`,
         xmlns: {

package/src/scripts/swup-router.ts

@@ -91,7 +91,13 @@ export function installSwupRouter(): Swup {
     let activeContext: NavigationContext | undefined;
     let visibleHistoryIndex = Number(window.history.state?.index ?? 1);
     let browserMotion = false;
-    const progress = new SwupProgressPlugin();
+    // Swup waits for the target document before it starts any animation, so a
+    // slow fetch is a window with no visual response at all. The official
+    // plugin waits 300ms before showing its bar, which leaves most of that
+    // window empty; 80ms keeps a cached/preloaded visit invisible (it finishes
+    // first) while a real network round trip gets an immediate, theme-coloured
+    // cue. The bar itself is compositor-only: a 3px transform on one element.
+    const progress = new SwupProgressPlugin({ delay: 80, transition: 200 });
     const scroll = new SwupScrollPlugin({
         doScrollingRightAway: false,
         animateScroll: { betweenPages: false, samePageWithHash: true, samePage: true },

package/src/styles/generated.css

@@ -1,3 +1,3 @@
 @layer theme, base, components, utilities;
-@layer components{.stalux-ai-prompt{clip-path:inset(50%);white-space:pre-wrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stalux-badge-group{border:none}.stalux-badge-group-arrow{font-size:.65rem;transition:transform .2s;display:inline-block}.stalux-badge-group-summary{user-select:none;cursor:pointer;color:var(--white-70p);gap:.4rem;padding:.2rem 0;font-size:.85rem;list-style-type:none;transition:color .2s}.stalux-beian-public-security-beian{color:#ffffffb3;gap:5px;font-size:.9rem;text-decoration:none;transition:color .3s;display:inline-flex}.stalux-card-time{gap:.45rem;margin:0;display:inline-flex}.stalux-copyright{color:var(--white-70p);gap:.3em;font-weight:500}.stalux-footer{backdrop-filter:blur(10px);color:var(--white-full);background-color:#0000001a;margin-top:auto;padding:1.5rem 0;font-size:.9rem}.stalux-footer-content{gap:.8rem;max-width:1200px;margin:0 auto;padding:0 1rem}.stalux-nav-list{transform:scale(var(--nav-scale,1));transform-origin:50%;box-sizing:border-box;gap:2rem;max-width:100%;transition:transform .22s cubic-bezier(.22,.72,.22,1);overflow:visible}.stalux-nav-overlay{pointer-events:none;z-index:999;opacity:0;background:#0009;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.stalux-nav-scroll-btn{background:var(--black-30p);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);pointer-events:none;z-index:10;cursor:pointer;width:36px;height:36px;color:var(--white-full);opacity:0;border:none;border-radius:9999px;padding:0;transition:opacity .25s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.stalux-nav-toggle{z-index:998;cursor:pointer;min-width:48px;min-height:48px;color:inherit;background:0 0;border:none;padding:.75rem;display:none}.stalux-stats-site-build-time{color:#fffc;margin:.5rem 0 0;font-size:.9rem}.stalux-stats-stats-separator{color:#ffffff80}.stalux-theme-info{color:var(--white-70p);gap:.3em;margin:0;font-size:.85rem}.stalux-nav-container{box-sizing:border-box;max-width:100%;position:relative;overflow:hidden}.stalux-beian-beian-info{gap:1rem;margin:0}.stalux-nav-item{text-shadow:var(--stalux-text-shadow);flex-shrink:0;margin-left:1em;margin-right:1em;font-size:1.3em}.stalux-page-description{color:var(--white-60p);margin-top:0;margin-bottom:1.5em;font-size:1.2em}.stalux-page-title{text-shadow:var(--stalux-text-shadow);margin-top:1.5em;font-size:2.5em}.stalux-badge,.stalux-badges-wrapper .stalux-badge{width:auto}.stalux-u-min-w-0{min-width:0}.stalux-u-w-full{width:100%}.stalux-u-flex{display:flex}.stalux-u-flex-col{flex-direction:column}.stalux-u-flex-wrap{flex-wrap:wrap}.stalux-u-items-center{align-items:center}.stalux-u-justify-center{justify-content:center}.stalux-badges,.stalux-badges-wrapper{gap:.5rem}.stalux-stats-site-stats{gap:.5rem;font-size:.9rem}.stalux-nav-text{white-space:nowrap;color:var(--white-full)}.stalux-badge-group-items{padding-top:.35rem}.stalux-u-text-center{text-align:center}.stalux-badge-group-hint{color:var(--white-70p);font-size:.7rem}.stalux-badge-group-title{color:var(--white-80p)}.stalux-weather-heading{font-size:inherit;font-weight:inherit;margin:0}nav{width:100%;min-width:0;max-width:100%}html{scroll-padding-top:var(--stalux-nav-offset,var(--stalux-site-header-height))}.stalux-site-header{z-index:990;width:100%;min-height:var(--stalux-site-header-min-height);isolation:isolate;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.stalux-nav-scroll-btn[data-visible]{pointer-events:auto;opacity:1}.stalux-nav-scroll-btn[data-side=left]{left:4px}.stalux-nav-scroll-btn[data-side=right]{right:4px}.stalux-nav-scroll-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.stalux-nav-link,.stalux-nav-link:visited{cursor:pointer;width:100%;color:inherit;min-height:44px;font:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:flex}.stalux-nav-link .nav-icon{stroke:var(--white-full)}.stalux-nav-toggle svg{width:32px;height:32px}.stalux-nav-overlay[data-state=show]{pointer-events:auto;opacity:1;display:block}#stalux-to-archive-archs{margin:2em 0 0}#stalux-date-date-time{text-shadow:var(--stalux-text-shadow);color:var(--white-full);flex-direction:column;align-items:center;margin:2em 0 0;display:flex}#stalux-date-date-time #stalux-date-date{min-height:1.25em;margin-bottom:.5em;font-size:2em;line-height:1.25}#stalux-date-date-time #stalux-date-time{font-variant-numeric:tabular-nums;min-height:1.25em;font-size:3em;line-height:1.25}.stalux-theme-info span,.stalux-copyright span{margin:0}.stalux-theme-info a{color:#fffc;margin:0 .2em;text-decoration:none;transition:color .3s}.stalux-beian-beian-info a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .3s}.stalux-beian-public-security-beian img{width:15px;height:15px;display:inline-block}.stalux-badge-group-summary::-webkit-details-marker,.stalux-badge-group[open] .stalux-badge-group-hint[data-hint=collapsed],.stalux-badge-group:not([open]) .stalux-badge-group-hint[data-hint=expanded]{display:none}.stalux-badge-group[open] .stalux-badge-group-arrow{transform:rotate(90deg)}@media (hover:hover) and (pointer:fine){.stalux-nav-scroll-btn:hover{background:0 0}.stalux-nav-container:hover .stalux-nav-scroll-btn[data-visible]{opacity:1}.stalux-nav-link:hover .nav-icon,.stalux-nav-link:hover .stalux-nav-text{stroke:var(--stalux-accent-color);color:var(--stalux-accent-color)}.stalux-theme-info a:hover{color:#fff;text-decoration:none}.stalux-beian-beian-info a:hover,.stalux-beian-public-security-beian:hover{color:#ffffffe6;text-decoration:none}.stalux-badge-group-summary:hover{color:var(--white-70p)}}@media (width>=601px){.stalux-site-nav{isolation:isolate;border-radius:0 0 16px 16px;transition:background-color .18s}.stalux-site-nav[data-scrolled]{backdrop-filter:blur(20px)saturate(140%);box-shadow:0 1px 0 var(--white-10p), 0 8px 24px #0000001f;background:#181818c7}}@media (width<=1100px){.stalux-nav-list{gap:1rem}.stalux-nav-item{margin-left:.6em;margin-right:.6em;font-size:1em}}@media (width<=900px){.stalux-nav-item{margin-left:.25em;margin-right:.25em;font-size:.95em}.stalux-nav-list{gap:.5rem}}@media (width<=768px){.stalux-footer{padding:1.2rem 0;font-size:.8rem}.stalux-footer-content{gap:.6rem;padding:0 .8rem}.stalux-badges{gap:.3rem}.stalux-badge{width:auto}}@media (width<=600px){html{--stalux-site-header-min-height:4rem}.stalux-nav-toggle[data-state=open]{visibility:hidden;pointer-events:none}.stalux-nav-toggle[data-scrolled]{backdrop-filter:blur(20px)saturate(140%);box-shadow:0 1px 0 var(--white-10p), 0 8px 24px #0000001f;background:#181818c7;border-radius:12px}.stalux-nav-toggle{display:block;position:fixed;top:.75rem;left:.75rem}.stalux-nav-container{overflow:visible}nav{width:auto}.stalux-nav-list{pointer-events:none;z-index:1000;background:var(--black-20p);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:min(220px,100vw - 1rem);height:100vh;padding:.5rem 1rem 2rem;position:fixed;top:0;left:0;right:auto;overflow-y:auto;transform:translate(-100%)}.stalux-nav-list[data-state=open]{pointer-events:auto;transform:translate(0)}.stalux-nav-item{border-bottom:1px solid var(--white-10p);flex-shrink:0;width:100%;margin:0;font-size:.9em}.stalux-nav-text{display:inline}.stalux-nav-link{width:100%;min-height:44px;font-size:inherit;padding:.45rem .75rem}.stalux-nav-link .nav-icon{width:18px;height:18px}}@media (width<=480px){.stalux-footer{padding:1rem 0;font-size:.8rem}.stalux-footer-content{gap:.6rem;padding:0 .8rem}}.stalux-main,.stalux-post-page,.stalux-post-layout>*,.stalux-link-card-content,.stalux-word-list-item,.stalux-word-card{box-sizing:border-box;min-width:0;max-width:100%}.stalux-main{overflow-wrap:anywhere}.stalux-link-shell{min-width:0;max-width:100%;display:block}.stalux-link-card{box-sizing:border-box;width:100%;max-width:100%}.stalux-category-shell{width:100%;min-width:0}.stalux-author-figure>a{flex-shrink:0;display:inline-block}.stalux-author-figure img{display:block}.stalux-post-card-shell,.stalux-category-shell,.stalux-link-shell{position:relative}.stalux-post-card,.stalux-category-card,.stalux-link-card,.stalux-word-card{transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s}:is(.stalux-post-card-shell,.stalux-category-shell):focus-within>*,.stalux-link-shell:focus-visible>*{box-shadow:var(--card-box-shadow-hover)}:is(button,summary,[role=button]):focus-visible{outline:2px solid var(--stalux-accent-color);outline-offset:3px}@media (prefers-reduced-motion:reduce){.stalux-main *,.stalux-main :before,.stalux-main :after{transition-duration:0s!important;animation:none!important}.stalux-post-card,.stalux-category-card,.stalux-link-card,.stalux-link-card-content,.stalux-card-post-cover img,.stalux-category-icon,.stalux-author-figure img,.stalux-link-card-avatar img{transform:none!important}}@keyframes stalux-social-stalux-social-arrive{0%{opacity:0;transform:translateY(.75rem)rotate(-12deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes stalux-random-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stalux-link-avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-full{height:100%}.flex{display:flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.b,.border{border-width:1px}.text-inherit{color:inherit}.no-underline{text-decoration:none}.outline{outline-style:solid}}@layer theme;@layer base{html,body{color:#fff;width:100%;height:100%;margin:0;& main{flex:1}scrollbar-color:var(--stalux-scrollbar-thumb) var(--stalux-scrollbar-track);scrollbar-width:auto;font-family:var(--font-body), "Noto Sans SC", "Noto Sans CJK SC", system-ui, -apple-system, sans-serif;text-rendering:optimizelegibility;line-height:1.25;display:block}body{height:auto;min-height:100%}html{scrollbar-gutter:stable;background-color:var(--stalux-bg-color,#202020)}html[data-clarity-id]{opacity:1!important}a{color:inherit;cursor:pointer;text-decoration-skip-ink:auto;background-color:#0000;text-decoration:none;transition:color .2s,text-shadow .2s;position:relative}.a-none{cursor:pointer;text-decoration-skip-ink:auto;background-color:#0000;color:inherit!important;text-decoration:none!important}.a-none:after{display:none!important}a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):after{content:"";background:linear-gradient(90deg, var(--stalux-accent-color), var(--accent-50p));transform-origin:0;pointer-events:none;width:100%;height:1px;transition:transform .25s cubic-bezier(.25,.9,.2,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):focus-visible:after,a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):active:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):hover:after{transform:scaleX(1)}}a:active,a:focus-visible{text-decoration:none}@media (hover:hover) and (pointer:fine){a:hover{text-decoration:none}}a:focus{outline:none}a:focus-visible{outline:2px solid var(--stalux-accent-color);outline-offset:2px}ul{margin:0;padding:0;list-style:none}.none{display:none}.stalux-root{color:#fff;min-height:100vh}.stalux-main{min-height:calc(100vh - var(--stalux-site-header-height,3rem))}:root{--stalux-bg-color:#202020;--stalux-bg-filter:none;--stalux-scrollbar-thumb:#7d7d7d;--stalux-scrollbar-thumb-hover:#9a9a9a;--stalux-scrollbar-track:#2a2a2a;--stalux-site-header-min-height:3.75rem;--stalux-site-header-height:var(--stalux-site-header-min-height);--stalux-text-shadow:var(--stalux-accent-color) .08rem .08rem .18rem;--stalux-accent-color:#eab308;--stalux-accent-rgb:234 179 8;--surface-glass:var(--black-05p);--surface-glass-shadow:var(--shadow-sidebar);--card-bg:var(--surface-glass);--card-border:#ffffff1a;--card-box-shadow:0 10px 24px #00000014;--card-box-shadow-hover:0 14px 28px #0000001f;--tag-bg:#ffffff1f;--tag-bg-hover:#ffffff2e;--category-bg:#ffffff14;--category-bg-hover:#ffffff24;--date-bg:#42a0ff2e;--date-border:#42a0ff40;--updated-bg:#ffc94733;--updated-border:#ffc9474d;--white-full:#fff;--white-95p:#fffffff2;--white-90p:#ffffffe6;--white-85p:#ffffffd9;--white-80p:#ffffffe6;--white-78p:#ffffffc7;--white-75p:#ffffffbf;--white-70p:#ffffffdb;--white-60p:#fff9;--white-50p:#ffffff80;--white-30p:#ffffff4d;--white-20p:#fff3;--white-15p:#ffffff26;--white-10p:#ffffff1a;--white-05p:#ffffff0d;--black-30p:#0000004d;--black-20p:#0003;--black-15p:#00000026;--black-10p:#0000001a;--black-05p:#0000000d;--accent-90p:rgb(var(--stalux-accent-rgb) / .9);--accent-85p:rgb(var(--stalux-accent-rgb) / .85);--accent-80p:rgb(var(--stalux-accent-rgb) / .8);--accent-70p:rgb(var(--stalux-accent-rgb) / .7);--accent-60p:rgb(var(--stalux-accent-rgb) / .6);--accent-50p:rgb(var(--stalux-accent-rgb) / .5);--accent-40p:rgb(var(--stalux-accent-rgb) / .4);--accent-30p:rgb(var(--stalux-accent-rgb) / .3);--accent-20p:rgb(var(--stalux-accent-rgb) / .2);--transition-fast:.18s ease;--transition-medium:.2s ease;--transition-normal:.25s ease;--transition-slow:.3s ease;--transition-slower:.5s ease;--transition-slowest:.6s ease;--easing-bounce:cubic-bezier(.175, .885, .32, 1.275);--space-2xs:.25rem;--space-xs:.75rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 2px 5px #0000001a;--shadow-md:0 6px 16px #0003;--shadow-lg:0 8px 20px #0000004d;--shadow-xl:0 12px 26px #00000047;--shadow-sidebar:0 16px 20px -12px #000000d6, 10px 4px 16px -12px #00000094, -10px 4px 16px -12px #00000094;--shadow-raised-hover:0 20px 24px -13px #000000e6, 12px 5px 18px -13px #000000ad, -12px 5px 18px -13px #000000ad;--shadow-dark:#000000c0;--muted-text:#bbb;--font-body:"Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;--font-size-subtitle:1.35rem;--font-size-base:1.1rem;--font-size-small:.95rem;--font-size-smaller:.9rem;--font-size-tiny:.85rem;--border-thin:1px;--border-medium:2px;--border-thick:3px}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--stalux-scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--stalux-scrollbar-thumb);border-radius:4px;transition:background .3s ease-out}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:var(--stalux-scrollbar-thumb-hover)}}::-webkit-scrollbar-corner{background:var(--stalux-scrollbar-track)}}.bg-layer{z-index:-10;background-position:50%;background-repeat:repeat;background-size:auto;background-color:var(--stalux-bg-color,transparent);filter:var(--stalux-bg-filter,none);pointer-events:none;opacity:0;forced-color-adjust:none;color-scheme:light only;transition:opacity .2s ease-out;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.bg-layer{transition-duration:0s}}footer{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--muted-text);border-top:1px solid var(--white-10p);backdrop-filter:blur(16px);background:linear-gradient(#0c0e122e,#0c0e12b8)}}@media print{[data-stalux-offscreen-code],[data-stalux-offscreen-svg]{content-visibility:visible!important;contain-intrinsic-block-size:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-stalux-home-content]{flex-direction:column;align-items:center;width:100%;display:flex}@keyframes stalux-page-exit{0%{opacity:1}to{opacity:1}}@keyframes stalux-page-enter{0%{opacity:.9}to{opacity:1}}@keyframes stalux-page-enter-back{0%{opacity:.96}to{opacity:1}}@keyframes stalux-taxonomy-enter{0%{opacity:.9}to{opacity:1}}@keyframes stalux-taxonomy-enter-back{0%{opacity:.96}to{opacity:1}}@keyframes stalux-article-enter{0%{opacity:.9}to{opacity:1}}@keyframes stalux-article-enter-back{0%{opacity:.96}to{opacity:1}}@keyframes stalux-sidebar-left-in{0%{opacity:.96}to{opacity:1}}@keyframes stalux-sidebar-left-out{0%{opacity:1}to{opacity:1}}@keyframes stalux-sidebar-left-back-in{0%{opacity:.96}to{opacity:1}}@keyframes stalux-sidebar-left-back-out{0%{opacity:1}to{opacity:1}}@keyframes stalux-sidebar-right-in{0%{opacity:.96}to{opacity:1}}@keyframes stalux-sidebar-right-out{0%{opacity:1}to{opacity:1}}@keyframes stalux-sidebar-right-back-in{0%{opacity:.96}to{opacity:1}}@keyframes stalux-sidebar-right-back-out{0%{opacity:1}to{opacity:1}}[data-stalux-scroll-sentinel]{visibility:hidden;pointer-events:none;width:1px;height:1px;position:absolute;top:240px;left:0}@media (prefers-reduced-motion:reduce){.stalux-main,.stalux-main *,.postLayout *{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
+@layer components{.stalux-ai-prompt{clip-path:inset(50%);white-space:pre-wrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stalux-badge-group{border:none}.stalux-badge-group-arrow{font-size:.65rem;transition:transform .2s;display:inline-block}.stalux-badge-group-summary{user-select:none;cursor:pointer;color:var(--white-70p);gap:.4rem;padding:.2rem 0;font-size:.85rem;list-style-type:none;transition:color .2s}.stalux-beian-public-security-beian{color:#ffffffb3;gap:5px;font-size:.9rem;text-decoration:none;transition:color .3s;display:inline-flex}.stalux-card-time{gap:.45rem;margin:0;display:inline-flex}.stalux-copyright{color:var(--white-70p);gap:.3em;font-weight:500}.stalux-footer{backdrop-filter:blur(10px);color:var(--white-full);background-color:#0000001a;margin-top:auto;padding:1.5rem 0;font-size:.9rem}.stalux-footer-content{gap:.8rem;max-width:1200px;margin:0 auto;padding:0 1rem}.stalux-nav-list{transform:scale(var(--nav-scale,1));transform-origin:50%;box-sizing:border-box;gap:2rem;max-width:100%;transition:transform .22s cubic-bezier(.22,.72,.22,1);overflow:visible}.stalux-nav-overlay{pointer-events:none;z-index:999;opacity:0;background:#0009;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.stalux-nav-scroll-btn{background:var(--black-30p);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);pointer-events:none;z-index:10;cursor:pointer;width:36px;height:36px;color:var(--white-full);opacity:0;border:none;border-radius:9999px;padding:0;transition:opacity .25s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.stalux-nav-toggle{z-index:998;cursor:pointer;min-width:48px;min-height:48px;color:inherit;background:0 0;border:none;padding:.75rem;display:none}.stalux-stats-site-build-time{color:#fffc;margin:.5rem 0 0;font-size:.9rem}.stalux-stats-stats-separator{color:#ffffff80}.stalux-theme-info{color:var(--white-70p);gap:.3em;margin:0;font-size:.85rem}.stalux-nav-container{box-sizing:border-box;max-width:100%;position:relative;overflow:hidden}.stalux-beian-beian-info{gap:1rem;margin:0}.stalux-nav-item{text-shadow:var(--stalux-text-shadow);flex-shrink:0;margin-left:1em;margin-right:1em;font-size:1.3em}.stalux-page-description{color:var(--white-60p);margin-top:0;margin-bottom:1.5em;font-size:1.2em}.stalux-page-title{text-shadow:var(--stalux-text-shadow);margin-top:1.5em;font-size:2.5em}.stalux-badge,.stalux-badges-wrapper .stalux-badge{width:auto}.stalux-u-min-w-0{min-width:0}.stalux-u-w-full{width:100%}.stalux-u-flex{display:flex}.stalux-u-flex-col{flex-direction:column}.stalux-u-flex-wrap{flex-wrap:wrap}.stalux-u-items-center{align-items:center}.stalux-u-justify-center{justify-content:center}.stalux-badges,.stalux-badges-wrapper{gap:.5rem}.stalux-stats-site-stats{gap:.5rem;font-size:.9rem}.stalux-nav-text{white-space:nowrap;color:var(--white-full)}.stalux-badge-group-items{padding-top:.35rem}.stalux-u-text-center{text-align:center}.stalux-badge-group-hint{color:var(--white-70p);font-size:.7rem}.stalux-badge-group-title{color:var(--white-80p)}.stalux-weather-heading{font-size:inherit;font-weight:inherit;margin:0}nav{width:100%;min-width:0;max-width:100%}html{scroll-padding-top:var(--stalux-nav-offset,var(--stalux-site-header-height))}.stalux-site-header{z-index:990;width:100%;min-height:var(--stalux-site-header-min-height);isolation:isolate;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.stalux-nav-scroll-btn[data-visible]{pointer-events:auto;opacity:1}.stalux-nav-scroll-btn[data-side=left]{left:4px}.stalux-nav-scroll-btn[data-side=right]{right:4px}.stalux-nav-scroll-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}.stalux-nav-link,.stalux-nav-link:visited{cursor:pointer;width:100%;color:inherit;min-height:44px;font:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:flex}.stalux-nav-link .nav-icon{stroke:var(--white-full)}.stalux-nav-toggle svg{width:32px;height:32px}.stalux-nav-overlay[data-state=show]{pointer-events:auto;opacity:1;display:block}#stalux-to-archive-archs{margin:2em 0 0}#stalux-date-date-time{text-shadow:var(--stalux-text-shadow);color:var(--white-full);flex-direction:column;align-items:center;margin:2em 0 0;display:flex}#stalux-date-date-time #stalux-date-date{min-height:1.25em;margin-bottom:.5em;font-size:2em;line-height:1.25}#stalux-date-date-time #stalux-date-time{font-variant-numeric:tabular-nums;min-height:1.25em;font-size:3em;line-height:1.25}.stalux-theme-info span,.stalux-copyright span{margin:0}.stalux-theme-info a{color:#fffc;margin:0 .2em;text-decoration:none;transition:color .3s}.stalux-beian-beian-info a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .3s}.stalux-beian-public-security-beian img{width:15px;height:15px;display:inline-block}.stalux-badge-group-summary::-webkit-details-marker,.stalux-badge-group[open] .stalux-badge-group-hint[data-hint=collapsed],.stalux-badge-group:not([open]) .stalux-badge-group-hint[data-hint=expanded]{display:none}.stalux-badge-group[open] .stalux-badge-group-arrow{transform:rotate(90deg)}@media (hover:hover) and (pointer:fine){.stalux-nav-scroll-btn:hover{background:0 0}.stalux-nav-container:hover .stalux-nav-scroll-btn[data-visible]{opacity:1}.stalux-nav-link:hover .nav-icon,.stalux-nav-link:hover .stalux-nav-text{stroke:var(--stalux-accent-color);color:var(--stalux-accent-color)}.stalux-theme-info a:hover{color:#fff;text-decoration:none}.stalux-beian-beian-info a:hover,.stalux-beian-public-security-beian:hover{color:#ffffffe6;text-decoration:none}.stalux-badge-group-summary:hover{color:var(--white-70p)}}@media (width>=601px){.stalux-site-nav{isolation:isolate;border-radius:0 0 16px 16px;transition:background-color .18s}.stalux-site-nav[data-scrolled]{backdrop-filter:blur(20px)saturate(140%);box-shadow:0 1px 0 var(--white-10p), 0 8px 24px #0000001f;background:#181818c7}}@media (width<=1100px){.stalux-nav-list{gap:1rem}.stalux-nav-item{margin-left:.6em;margin-right:.6em;font-size:1em}}@media (width<=900px){.stalux-nav-item{margin-left:.25em;margin-right:.25em;font-size:.95em}.stalux-nav-list{gap:.5rem}}@media (width<=768px){.stalux-footer{padding:1.2rem 0;font-size:.8rem}.stalux-footer-content{gap:.6rem;padding:0 .8rem}.stalux-badges{gap:.3rem}.stalux-badge{width:auto}}@media (width<=600px){html{--stalux-site-header-min-height:4rem}.stalux-nav-toggle[data-state=open]{visibility:hidden;pointer-events:none}.stalux-nav-toggle[data-scrolled]{backdrop-filter:blur(20px)saturate(140%);box-shadow:0 1px 0 var(--white-10p), 0 8px 24px #0000001f;background:#181818c7;border-radius:12px}.stalux-nav-toggle{display:block;position:fixed;top:.75rem;left:.75rem}.stalux-nav-container{overflow:visible}nav{width:auto}.stalux-nav-list{pointer-events:none;z-index:1000;background:var(--black-20p);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:min(220px,100vw - 1rem);height:100vh;padding:.5rem 1rem 2rem;position:fixed;top:0;left:0;right:auto;overflow-y:auto;transform:translate(-100%)}.stalux-nav-list[data-state=open]{pointer-events:auto;transform:translate(0)}.stalux-nav-item{border-bottom:1px solid var(--white-10p);flex-shrink:0;width:100%;margin:0;font-size:.9em}.stalux-nav-text{display:inline}.stalux-nav-link{width:100%;min-height:44px;font-size:inherit;padding:.45rem .75rem}.stalux-nav-link .nav-icon{width:18px;height:18px}}@media (width<=480px){.stalux-footer{padding:1rem 0;font-size:.8rem}.stalux-footer-content{gap:.6rem;padding:0 .8rem}}.stalux-main,.stalux-post-page,.stalux-post-layout>*,.stalux-link-card-content,.stalux-word-list-item,.stalux-word-card{box-sizing:border-box;min-width:0;max-width:100%}.stalux-main{overflow-wrap:anywhere}.stalux-link-shell{min-width:0;max-width:100%;display:block}.stalux-link-card{box-sizing:border-box;width:100%;max-width:100%}.stalux-category-shell{width:100%;min-width:0}.stalux-author-figure>a{flex-shrink:0;display:inline-block}.stalux-author-figure img{display:block}.stalux-post-card-shell,.stalux-category-shell,.stalux-link-shell{position:relative}.stalux-post-card,.stalux-category-card,.stalux-link-card,.stalux-word-card{transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s}:is(.stalux-post-card-shell,.stalux-category-shell):focus-within>*,.stalux-link-shell:focus-visible>*{box-shadow:var(--card-box-shadow-hover)}:is(button,summary,[role=button]):focus-visible{outline:2px solid var(--stalux-accent-color);outline-offset:3px}@media (prefers-reduced-motion:reduce){.stalux-main *,.stalux-main :before,.stalux-main :after{transition-duration:0s!important;animation:none!important}.stalux-post-card,.stalux-category-card,.stalux-link-card,.stalux-link-card-content,.stalux-card-post-cover img,.stalux-category-icon,.stalux-author-figure img,.stalux-link-card-avatar img{transform:none!important}}@keyframes stalux-social-stalux-social-arrive{0%{opacity:0;transform:translateY(.75rem)rotate(-12deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes stalux-random-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stalux-link-avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-full{height:100%}.flex{display:flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.b,.border{border-width:1px}.text-inherit{color:inherit}.no-underline{text-decoration:none}.outline{outline-style:solid}}@layer theme;@layer base{html,body{color:#fff;width:100%;height:100%;margin:0;& main{flex:1}scrollbar-color:var(--stalux-scrollbar-thumb) var(--stalux-scrollbar-track);scrollbar-width:auto;font-family:var(--font-body), "Noto Sans SC", "Noto Sans CJK SC", system-ui, -apple-system, sans-serif;text-rendering:optimizelegibility;line-height:1.25;display:block}body{height:auto;min-height:100%}html{scrollbar-gutter:stable;background-color:var(--stalux-bg-color,#202020)}html[data-clarity-id]{opacity:1!important}a{color:inherit;cursor:pointer;text-decoration-skip-ink:auto;background-color:#0000;text-decoration:none;transition:color .2s,text-shadow .2s;position:relative}.a-none{cursor:pointer;text-decoration-skip-ink:auto;background-color:#0000;color:inherit!important;text-decoration:none!important}.a-none:after{display:none!important}a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):after{content:"";background:linear-gradient(90deg, var(--stalux-accent-color), var(--accent-50p));transform-origin:0;pointer-events:none;width:100%;height:1px;transition:transform .25s cubic-bezier(.25,.9,.2,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):focus-visible:after,a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):active:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){a:not(.a-none):not([data-stalux-card]):not(.stalux-nav-link):hover:after{transform:scaleX(1)}}a:active,a:focus-visible{text-decoration:none}@media (hover:hover) and (pointer:fine){a:hover{text-decoration:none}}a:focus{outline:none}a:focus-visible{outline:2px solid var(--stalux-accent-color);outline-offset:2px}ul{margin:0;padding:0;list-style:none}.none{display:none}.stalux-root{color:#fff;min-height:100vh}.stalux-main{min-height:calc(100vh - var(--stalux-site-header-height,3rem))}:root{--stalux-bg-color:#202020;--stalux-bg-filter:none;--stalux-scrollbar-thumb:#7d7d7d;--stalux-scrollbar-thumb-hover:#9a9a9a;--stalux-scrollbar-track:#2a2a2a;--stalux-site-header-min-height:3.75rem;--stalux-site-header-height:var(--stalux-site-header-min-height);--stalux-text-shadow:var(--stalux-accent-color) .08rem .08rem .18rem;--stalux-accent-color:#eab308;--stalux-accent-rgb:234 179 8;--surface-glass:var(--black-05p);--surface-glass-shadow:var(--shadow-sidebar);--card-bg:var(--surface-glass);--card-border:#ffffff1a;--card-box-shadow:0 10px 24px #00000014;--card-box-shadow-hover:0 14px 28px #0000001f;--tag-bg:#ffffff1f;--tag-bg-hover:#ffffff2e;--category-bg:#ffffff14;--category-bg-hover:#ffffff24;--date-bg:#42a0ff2e;--date-border:#42a0ff40;--updated-bg:#ffc94733;--updated-border:#ffc9474d;--white-full:#fff;--white-95p:#fffffff2;--white-90p:#ffffffe6;--white-85p:#ffffffd9;--white-80p:#ffffffe6;--white-78p:#ffffffc7;--white-75p:#ffffffbf;--white-70p:#ffffffdb;--white-60p:#fff9;--white-50p:#ffffff80;--white-30p:#ffffff4d;--white-20p:#fff3;--white-15p:#ffffff26;--white-10p:#ffffff1a;--white-05p:#ffffff0d;--black-30p:#0000004d;--black-20p:#0003;--black-15p:#00000026;--black-10p:#0000001a;--black-05p:#0000000d;--accent-90p:rgb(var(--stalux-accent-rgb) / .9);--accent-85p:rgb(var(--stalux-accent-rgb) / .85);--accent-80p:rgb(var(--stalux-accent-rgb) / .8);--accent-70p:rgb(var(--stalux-accent-rgb) / .7);--accent-60p:rgb(var(--stalux-accent-rgb) / .6);--accent-50p:rgb(var(--stalux-accent-rgb) / .5);--accent-40p:rgb(var(--stalux-accent-rgb) / .4);--accent-30p:rgb(var(--stalux-accent-rgb) / .3);--accent-20p:rgb(var(--stalux-accent-rgb) / .2);--transition-fast:.18s ease;--transition-medium:.2s ease;--transition-normal:.25s ease;--transition-slow:.3s ease;--transition-slower:.5s ease;--transition-slowest:.6s ease;--easing-bounce:cubic-bezier(.175, .885, .32, 1.275);--space-2xs:.25rem;--space-xs:.75rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 2px 5px #0000001a;--shadow-md:0 6px 16px #0003;--shadow-lg:0 8px 20px #0000004d;--shadow-xl:0 12px 26px #00000047;--shadow-sidebar:0 16px 20px -12px #000000d6, 10px 4px 16px -12px #00000094, -10px 4px 16px -12px #00000094;--shadow-raised-hover:0 20px 24px -13px #000000e6, 12px 5px 18px -13px #000000ad, -12px 5px 18px -13px #000000ad;--shadow-dark:#000000c0;--muted-text:#bbb;--font-body:"Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;--font-size-subtitle:1.35rem;--font-size-base:1.1rem;--font-size-small:.95rem;--font-size-smaller:.9rem;--font-size-tiny:.85rem;--border-thin:1px;--border-medium:2px;--border-thick:3px}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--stalux-scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--stalux-scrollbar-thumb);border-radius:4px;transition:background .3s ease-out}@media (hover:hover) and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:var(--stalux-scrollbar-thumb-hover)}}::-webkit-scrollbar-corner{background:var(--stalux-scrollbar-track)}}.bg-layer{z-index:-10;background-position:50%;background-repeat:repeat;background-size:auto;background-color:var(--stalux-bg-color,transparent);filter:var(--stalux-bg-filter,none);pointer-events:none;opacity:0;forced-color-adjust:none;color-scheme:light only;transition:opacity .2s ease-out;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.bg-layer{transition-duration:0s}}footer{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--muted-text);border-top:1px solid var(--white-10p);backdrop-filter:blur(16px);background:linear-gradient(#0c0e122e,#0c0e12b8)}}@media print{[data-stalux-offscreen-code],[data-stalux-offscreen-svg]{content-visibility:visible!important;contain-intrinsic-block-size:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-stalux-home-content]{flex-direction:column;align-items:center;width:100%;display:flex}[data-stalux-scroll-sentinel]{visibility:hidden;pointer-events:none;width:1px;height:1px;position:absolute;top:240px;left:0}@media (prefers-reduced-motion:reduce){.stalux-main,.stalux-main *,.postLayout *{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
 /*$vite$:1*/

package/src/styles/motion.css

@@ -16,129 +16,6 @@
     width: 100%;
 }
 
-/* Public transition helpers retain their names as opacity-only compatibility
-   frames. Theme layouts no longer use them to move large content/sidebars. */
-@keyframes stalux-page-exit {
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-page-enter {
-    from {
-        opacity: 0.9;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-page-enter-back {
-    from {
-        opacity: 0.96;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-taxonomy-enter {
-    from {
-        opacity: 0.9;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-taxonomy-enter-back {
-    from {
-        opacity: 0.96;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-article-enter {
-    from {
-        opacity: 0.9;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-article-enter-back {
-    from {
-        opacity: 0.96;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-left-in {
-    from {
-        opacity: 0.96;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-left-out {
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-left-back-in {
-    from {
-        opacity: 0.96;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-left-back-out {
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-right-in {
-    from {
-        opacity: 0.96;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-right-out {
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-right-back-in {
-    from {
-        opacity: 0.96;
-    }
-    to {
-        opacity: 1;
-    }
-}
-@keyframes stalux-sidebar-right-back-out {
-    from {
-        opacity: 1;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
 [data-stalux-scroll-sentinel] {
     position: absolute;
     top: 240px;

package/src/utils/ai-discovery.ts

@@ -103,7 +103,7 @@ function pageUrl(site: string, path: string, exportMd: boolean): string {
 
 /** 生成文章链接，可切换 .md 源码版本 */
 export function postUrl(site: string, abbrlink: string | number, exportMd: boolean): string {
-    return exportMd && abbrlink ? `${site}/posts/${abbrlink}.md` : `${site}/posts/${abbrlink}/`;
+    return exportMd && abbrlink ? `${site}/posts/${abbrlink}.md` : `${site}/posts/${abbrlink}`;
 }
 
 /** 获取已发布文章并按日期降序排列 */

package/src/utils/feed.ts

@@ -70,7 +70,7 @@ export async function buildFeedItems(
             title: post.data.title,
             pubDate: new Date(toMachineDateTime(post.data.date, stalux.timezone)),
             description: cached?.desc || post.data.desc || "",
-            link: `/posts/${post.data.abbrlink}/`,
+            link: `/posts/${post.data.abbrlink}`,
             categories: post.data.categories || [],
             customData,
         };

package/src/utils/public-routes.ts

@@ -45,10 +45,20 @@ export function getMarkdownPath(pathname: string): string | undefined {
     return undefined;
 }
 
+/**
+ * The public form of an HTML route. Every page route is emitted without a
+ * trailing slash (`/posts/x`, `/tags/x`, `/archives`); only the root keeps its
+ * single slash. Real files — Markdown exports, JSON/XML endpoints, images —
+ * are returned untouched so they keep the extension that identifies them.
+ */
+export function toRoutePath(pathname: string): string {
+    const path = normalizePublicPath(pathname);
+    return path === "/" ? "/" : path;
+}
+
 export function toPublicUrl(site: string, pathname: string, markdown = false): string {
     const base = site.replace(/\/+$/u, "");
-    const normalized = normalizePublicPath(pathname);
-    const path = markdown ? getMarkdownPath(normalized) : normalized;
-    if (!path) return `${base}${normalized === "/" ? "/" : `${normalized}/`}`;
-    return markdown ? `${base}${path}` : `${base}${path === "/" ? "/" : `${path}/`}`;
+    const path = markdown ? getMarkdownPath(pathname) : toRoutePath(pathname);
+    if (!path) return `${base}${toRoutePath(pathname)}`;
+    return `${base}${path}`;
 }

package/src/utils/seo-document.ts

@@ -59,8 +59,9 @@ export function buildSeoDocument(input: SeoDocumentInput): SeoDocument {
     const routeKind = getRouteKind(pathname);
     const siteUrl = normalizeSiteUrl(site.canonical ?? site.url);
     const normalizedPath = normalizePublicPath(pathname);
-    const canonicalPath = normalizedPath === "/" ? "/" : `${normalizedPath}/`;
-    const canonical = new URL(canonicalPath, `${siteUrl}/`).href;
+    // Canonical mirrors the URL the router actually serves: page routes carry no
+    // trailing slash, so /posts/x and /archives are canonical, /posts/x/ is not.
+    const canonical = new URL(normalizedPath, `${siteUrl}/`).href;
     const title = routeKind === "home" && site.seoTitle ? site.seoTitle : page.title;
     const siteName = site.title;
     const siteTitleSuffix = ` | ${site.title}`;

package/src/utils/view-transitions.ts

@@ -1,112 +1,7 @@
+// Route classification shared by SSR and the client router. The Astro View
+// Transitions helpers that used to live here were removed together with the
+// ClientRouter: Swup owns navigation and every cue, so route animation config
+// and `view-transition-name` generation had no consumer left.
 import { getRouteKind, type RouteKind } from "./public-routes";
-import { productionStyleName } from "./style-name.ts";
 
 export { getRouteKind, type RouteKind };
-
-/** Stable, CSS-safe transition names for matching a post card to its title. */
-export function getPostTitleTransitionName(postId: string | number): string {
-    let hash = 2166136261;
-    for (const character of String(postId)) {
-        hash ^= character.codePointAt(0) ?? 0;
-        hash = Math.imul(hash, 16777619);
-    }
-    return `stalux-post-title-${(hash >>> 0).toString(36)}`;
-}
-
-export type TransitionAnimation = {
-    name: string;
-    delay?: number | string;
-    duration?: number | string;
-    easing?: string;
-    fillMode?: string;
-    direction?: string;
-};
-
-export type SidebarSide = "left" | "right";
-
-export type RouteAnimation = {
-    forwards: {
-        old: TransitionAnimation | TransitionAnimation[];
-        new: TransitionAnimation | TransitionAnimation[];
-    };
-    backwards: {
-        old: TransitionAnimation | TransitionAnimation[];
-        new: TransitionAnimation | TransitionAnimation[];
-    };
-};
-
-const easing = "cubic-bezier(0.2, 0.7, 0.2, 1)";
-const exitAnimation: TransitionAnimation = {
-    name: "stalux-page-exit",
-    duration: "0.1s",
-    easing,
-    fillMode: "both",
-};
-
-function createRouteAnimation(name: string, backName = `${name}-back`): RouteAnimation {
-    return {
-        forwards: {
-            old: exitAnimation,
-            new: {
-                name: productionStyleName(`stalux-${name}`),
-                duration: "0.16s",
-                easing,
-                fillMode: "both",
-            },
-        },
-        backwards: {
-            old: exitAnimation,
-            new: {
-                name: productionStyleName(`stalux-${backName}`),
-                duration: "0.16s",
-                easing,
-                fillMode: "both",
-            },
-        },
-    };
-}
-
-const routeAnimations: Record<RouteKind, RouteAnimation> = {
-    home: createRouteAnimation("page-enter"),
-    archive: createRouteAnimation("page-enter"),
-    links: createRouteAnimation("page-enter"),
-    words: createRouteAnimation("page-enter"),
-    about: createRouteAnimation("page-enter"),
-    "tags-index": createRouteAnimation("page-enter"),
-    "tags-detail": createRouteAnimation("taxonomy-enter", "taxonomy-enter-back"),
-    "categories-index": createRouteAnimation("page-enter"),
-    "categories-detail": createRouteAnimation("taxonomy-enter", "taxonomy-enter-back"),
-    article: createRouteAnimation("article-enter", "article-enter-back"),
-    "not-found": createRouteAnimation("page-enter"),
-    other: createRouteAnimation("page-enter"),
-};
-
-export function getRouteAnimation(routeKind: RouteKind): RouteAnimation {
-    return routeAnimations[routeKind];
-}
-
-function createSidebarAnimation(
-    side: SidebarSide,
-    phase: "in" | "out",
-    backwards: boolean,
-): TransitionAnimation {
-    return {
-        name: productionStyleName(`stalux-sidebar-${side}-${backwards ? "back-" : ""}${phase}`),
-        duration: "0.16s",
-        easing,
-        fillMode: "both",
-    };
-}
-
-export function getSidebarAnimation(side: SidebarSide): RouteAnimation {
-    return {
-        forwards: {
-            old: createSidebarAnimation(side, "out", false),
-            new: createSidebarAnimation(side, "in", false),
-        },
-        backwards: {
-            old: createSidebarAnimation(side, "out", true),
-            new: createSidebarAnimation(side, "in", true),
-        },
-    };
-}