@xingwangzhe/stalux 1.56.0 → 1.58.0

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}[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)}}}@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-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;--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-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}}[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/integrations.css

@@ -30,6 +30,17 @@
     --waline-accent-rgb: var(--stalux-accent-rgb);
 }
 
+/* Waline ships its own light palette. Pin the text tokens to the theme scale so
+   comment text, timestamps and the credit line stay above WCAG AA (4.5:1) on the
+   dark canvas, and keep accent-coloured text on the build-time lightened accent. */
+.waline-comment-container {
+    --waline-theme-color: var(--accent-text);
+    --waline-color: var(--white-90p);
+    --waline-info-color: var(--white-50p);
+    --waline-light-grey: var(--white-70p);
+    --waline-dark-grey: var(--white-70p);
+}
+
 /* 评论区容器与博客风格一致 */
 .waline-comment-container {
     margin-top: 3rem;
@@ -153,18 +164,13 @@
 
 /* 修改用户名样式 */
 .wl-nick {
-    color: rgb(var(--waline-accent-rgb) / 0.95) !important;
+    color: var(--waline-theme-color) !important;
     font-weight: 600;
     transition:
         background-color 180ms ease,
         border-color 180ms ease,
         color 180ms ease;
 }
-@media (hover: hover) and (pointer: fine) {
-    .wl-nick:hover {
-        color: rgb(var(--waline-accent-rgb) / 1) !important;
-    }
-}
 
 /* 评论内容样式 */
 .wl-content {
@@ -312,7 +318,7 @@
 }
 
 .wl-sort li.active {
-    color: rgb(var(--waline-accent-rgb) / 1);
+    color: var(--waline-theme-color);
     font-weight: 500;
 }
 
@@ -356,7 +362,7 @@
 }
 
 .wl-power a {
-    color: rgb(var(--waline-accent-rgb) / 0.9);
+    color: var(--waline-theme-color);
     text-decoration: none;
     transition:
         background-color 180ms ease,
@@ -365,7 +371,6 @@
 }
 @media (hover: hover) and (pointer: fine) {
     .wl-power a:hover {
-        color: rgb(var(--waline-accent-rgb) / 1);
         text-decoration: underline;
     }
 }
@@ -392,13 +397,6 @@
     outline: none;
 }
 
-.waline-comment-container *::-moz-selection {
-    background: rgb(var(--waline-accent-rgb) / 0.25);
-    color: inherit;
-    border: none;
-    outline: none;
-}
-
 /* 响应式调整 */
 @media (max-width: 768px) {
     .waline-comment-container {

package/src/styles/math.css

@@ -85,7 +85,9 @@ mover > :first-child {
 
 /* ===== Firefox fixes ===== */
 
-@-moz-document url-prefix() {
+/* `-moz-appearance` only resolves in Gecko, so this replaces the deprecated
+   `@-moz-document url-prefix()` gate with feature detection. */
+@supports (-moz-appearance: none) {
     /* Prevent flex-wrap */
     math {
         display: inline;

package/src/styles/motion.css

@@ -1,14 +1,4 @@
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-/* Swup animates one bounded introductory region through route-motion.ts.
-   Long documents stay visible; the shell is never part of an outgoing layer. */
+/* Page layout only: the router swaps containers without any route animation. */
 [data-stalux-home-content] {
     display: flex;
     flex-direction: column;
@@ -61,14 +51,3 @@
         }
     }
 }
-
-@layer components {
-    @keyframes stalux-link-avatar-spin {
-        from {
-            transform: rotate(0deg);
-        }
-        to {
-            transform: rotate(360deg);
-        }
-    }
-}

package/src/utils/accent-color.ts

@@ -4,6 +4,57 @@ const ACCENT_COLOR_PATTERN = /^#[\da-fA-F]{6}$/u;
 
 const ACCENT_OPACITIES = [90, 85, 80, 70, 60, 50, 40, 30, 20] as const;
 
+/** Page canvas the accent text has to stay legible on (see `--stalux-bg-color`). */
+const CANVAS_LUMINANCE = relativeLuminance([32, 32, 32]);
+
+/** WCAG AA for normal text is 4.5:1; keep a small margin for translucent surfaces. */
+const MIN_TEXT_CONTRAST = 4.6;
+
+function linearChannel(value: number): number {
+    const channel = value / 255;
+    return channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
+}
+
+function relativeLuminance([red, green, blue]: readonly number[]): number {
+    return (
+        0.2126 * linearChannel(red ?? 0) +
+        0.7152 * linearChannel(green ?? 0) +
+        0.0722 * linearChannel(blue ?? 0)
+    );
+}
+
+function contrastOnCanvas(color: readonly number[]): number {
+    const luminance = relativeLuminance(color);
+    const [lighter, darker] =
+        luminance > CANVAS_LUMINANCE
+            ? [luminance, CANVAS_LUMINANCE]
+            : [CANVAS_LUMINANCE, luminance];
+    return (lighter + 0.05) / (darker + 0.05);
+}
+
+function toHex([red, green, blue]: readonly number[]): string {
+    return `#${[red, green, blue]
+        .map((value) => (value ?? 0).toString(16).padStart(2, "0"))
+        .join("")}`;
+}
+
+/**
+ * Lighten the accent toward white until it clears WCAG AA as body text.
+ * Accents that already pass keep their exact value, so default themes are unchanged.
+ */
+export function accentTextColor(accentColor: string): string {
+    const hex = accentColor.slice(1);
+    const channels = [0, 2, 4].map((offset) => Number.parseInt(hex.slice(offset, offset + 2), 16));
+    if (contrastOnCanvas(channels) >= MIN_TEXT_CONTRAST) return accentColor.toLowerCase();
+
+    for (let step = 1; step <= 20; step++) {
+        const mix = step / 20;
+        const lifted = channels.map((value) => Math.round(value + (255 - value) * mix));
+        if (contrastOnCanvas(lifted) >= MIN_TEXT_CONTRAST) return toHex(lifted);
+    }
+    return "#ffffff";
+}
+
 /** Build the CSS custom properties shared by Stalux and its comment styles. */
 export function getAccentColorStyle(accentColor = "#EAB308"): string {
     if (!ACCENT_COLOR_PATTERN.test(accentColor)) {
@@ -19,6 +70,7 @@ export function getAccentColorStyle(accentColor = "#EAB308"): string {
     return [
         `--stalux-accent-color: ${accentColor.toLowerCase()}`,
         `--stalux-accent-rgb: ${rgb}`,
+        `--accent-text: ${accentTextColor(accentColor)}`,
         ...ACCENT_OPACITIES.map(
             (opacity) =>
                 `${productionStyleName(`--accent-${opacity}p`)}: rgb(${red} ${green} ${blue} / ${opacity / 100})`,

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/scripts/route-motion.ts

@@ -1,340 +0,0 @@
-import type { RouteMotionPreset } from "../utils/route-motion-policy";
-
-export interface RouteMotionEvent {
-    // Retained for integrations using the shared gates with a native transition.
-    // Stalux's Swup router leaves this unset and owns the animation lifecycle.
-    viewTransition?: {
-        ready?: PromiseLike<unknown>;
-        finished?: PromiseLike<unknown>;
-    };
-    signal?: AbortSignal;
-}
-
-export interface RouteMotionOptions {
-    skip?: boolean;
-    /** Animate the route's own content stage instead of a bounded heading area. */
-    content?: boolean;
-    preset?: RouteMotionPreset;
-    browserMotion?: boolean;
-    /** Releases the outgoing fill effect inside the entry cue's sync block. */
-    releaseOutgoing?: () => void;
-}
-
-export interface RouteMotion {
-    ready: Promise<void>;
-    finished: Promise<void>;
-    start: (heading: HTMLElement | null, options?: RouteMotionOptions) => void;
-    cancel: () => void;
-}
-
-interface HeadingMotion {
-    opacity: number;
-    duration: number;
-    x?: number;
-    y?: number;
-}
-
-// Legacy heading cues remain available to integrations. The router requests
-// one content animation; it never stacks a second animation on the heading.
-const headingMotions: Record<Exclude<RouteMotionPreset, "none">, HeadingMotion> = {
-    glide: { opacity: 0.86, duration: 50 },
-    article: { opacity: 0.86, duration: 50 },
-    enter: { opacity: 0.86, duration: 70, y: 6 },
-    up: { opacity: 0.9, duration: 60, y: -4 },
-    taxonomy: { opacity: 0.85, duration: 60 },
-    previous: { opacity: 0.9, duration: 70, x: -8 },
-    next: { opacity: 0.9, duration: 70, x: 8 },
-    panel: { opacity: 0.9, duration: 60, y: 4 },
-    home: { opacity: 0.9, duration: 60, y: 4 },
-    restore: { opacity: 0.96, duration: 40 },
-    error: { opacity: 0.9, duration: 40 },
-};
-
-const MAIN = "main[data-stalux-route]";
-const ARTICLE = "article.stalux-article";
-// Authored per page type by the theme, not inferred from layout: the article
-// body, archive list, tag cloud, post list, word list, link list, home block.
-const CONTENT = "[data-stalux-motion-content]";
-// The one node a page nominates as its cue stage. Preferred over measuring,
-// because measuring an article column forces a full layout of a document that
-// is tens of thousands of pixels tall, before it has ever been painted.
-const STAGE = "[data-stalux-motion-stage]";
-// A persist node marks the three-column article shell. Those sidebars keep
-// their identity across visits and must never travel with a route cue.
-const PERSIST = "[data-swup-persist]";
-
-interface StageMotion {
-    opacity: number;
-    /**
-     * Enter offset in px. Positive y enters from below, positive x from the right.
-     * Zero means a pure cross-fade: the column is replaced in place.
-     */
-    distance: number;
-    axis: "x" | "y";
-    duration: number;
-}
-
-// One entry per route kind, because the components are not interchangeable: an
-// article opens from below and going back up to an index pulls away upward.
-//
-// Article-to-article is the exception: the reader keeps the same shell (sidebars,
-// header) and only the column changes, so the column fades in place instead of
-// travelling. Sliding a 28,000px column sideways made the whole page look like it
-// jerked, and the shell already tells the reader where they are.
-const stageMotions: Record<Exclude<RouteMotionPreset, "none">, StageMotion> = {
-    previous: { opacity: 0, distance: 0, axis: "x", duration: 150 },
-    next: { opacity: 0, distance: 0, axis: "x", duration: 150 },
-    // Entering a different article without a reading-direction trigger.
-    article: { opacity: 0, distance: 0, axis: "y", duration: 150 },
-    // Reaching an article from any list or the home block.
-    enter: { opacity: 0, distance: 56, axis: "y", duration: 170 },
-    home: { opacity: 0, distance: 48, axis: "y", duration: 160 },
-    // Leaving an article for the archive or a taxonomy index.
-    up: { opacity: 0, distance: -44, axis: "y", duration: 150 },
-    // Moving between two taxonomy detail pages.
-    taxonomy: { opacity: 0, distance: 36, axis: "y", duration: 140 },
-    // About / links / words: single-panel pages.
-    panel: { opacity: 0, distance: 44, axis: "y", duration: 150 },
-    glide: { opacity: 0, distance: 40, axis: "y", duration: 140 },
-    // History traversal restores what the reader already saw.
-    restore: { opacity: 0, distance: -36, axis: "y", duration: 140 },
-    error: { opacity: 0, distance: 28, axis: "y", duration: 130 },
-};
-
-const laidOut = (element: HTMLElement): boolean => {
-    const rect = element.getBoundingClientRect();
-    return rect.width > 0 && rect.height > 0;
-};
-
-/**
- * The single node a route cue may animate for the current document.
- *
- * A page can nominate its stage; only when it does not is the largest authored
- * content stage measured. Measuring is the fallback, not the rule: on an article
- * the column is tens of thousands of pixels tall and measuring it forces a full
- * layout of the incoming document at the exact moment the entry cue needs to
- * start. Sidebars (persisted shells), the header and the footer never qualify.
- */
-export function getRouteStage(): HTMLElement | null {
-    const main = document.querySelector<HTMLElement>(MAIN);
-    if (!main?.isConnected) return null;
-    const authored = main.querySelector<HTMLElement>(STAGE);
-    if (authored?.isConnected && !authored.closest(PERSIST)) return authored;
-    const candidates: HTMLElement[] = [];
-    const article = main.querySelector<HTMLElement>(ARTICLE);
-    if (article) candidates.push(article);
-    for (const element of main.querySelectorAll<HTMLElement>(CONTENT)) candidates.push(element);
-
-    let stage: HTMLElement | null = null;
-    let area = 0;
-    for (const element of candidates) {
-        // A stage inside a persisted subtree is the shell itself.
-        if (!element.isConnected || element.closest(PERSIST)) continue;
-        const rect = element.getBoundingClientRect();
-        if (rect.width <= 0 || rect.height <= 0) continue;
-        const current = rect.width * rect.height;
-        if (current > area) {
-            area = current;
-            stage = element;
-        }
-    }
-    if (stage) return stage;
-    if (main.querySelector(PERSIST)) return null;
-    return laidOut(main) ? main : null;
-}
-
-/** Offset applied to the outgoing document, continuing the entry direction. */
-export function getStageExit(preset: RouteMotionPreset): StageMotion | null {
-    if (preset === "none") return null;
-    const motion = stageMotions[preset];
-    // Entering from below means leaving upward, so both halves read as one
-    // continuous flow instead of an enter/leave bounce.
-    return { ...motion, distance: -Math.round(motion.distance * 0.72) };
-}
-
-const motions = new WeakMap<object, RouteMotion>();
-const settle = (promise?: PromiseLike<unknown>): Promise<void> =>
-    Promise.resolve(promise).then(
-        () => undefined,
-        () => undefined,
-    );
-function completion() {
-    let resolve = () => {};
-    const promise = new Promise<void>((done) => {
-        resolve = done;
-    });
-    return { promise, resolve };
-}
-
-/** A route transition never captures a long article, list, or off-screen heading. */
-export function getRouteMotionTarget(focus: HTMLElement | null): HTMLElement | null {
-    if (!(focus?.isConnected && focus.hasAttribute("data-stalux-motion-focus"))) return null;
-    const visible = (element: HTMLElement, maxHeight: number) => {
-        const rect = element.getBoundingClientRect();
-        return (
-            rect.width > 0 &&
-            rect.height > 0 &&
-            rect.height <= maxHeight &&
-            rect.top < window.innerHeight &&
-            rect.bottom > 0 &&
-            rect.left < window.innerWidth &&
-            rect.right > 0
-        );
-    };
-    if (!visible(focus, Math.min(320, window.innerHeight / 2))) return null;
-    const region = focus.closest?.<HTMLElement>("[data-stalux-motion-region]");
-    return region?.isConnected && visible(region, Math.min(420, window.innerHeight * 0.6))
-        ? region
-        : focus;
-}
-
-const regionMotions: Record<Exclude<RouteMotionPreset, "none">, HeadingMotion> = {
-    glide: { opacity: 0.72, duration: 80 },
-    article: { opacity: 0.72, duration: 90, y: 4 },
-    enter: { opacity: 0.72, duration: 90, y: 6 },
-    up: { opacity: 0.8, duration: 80, y: -4 },
-    taxonomy: { opacity: 0.72, duration: 80, x: 6 },
-    previous: { opacity: 0.76, duration: 90, x: -8 },
-    next: { opacity: 0.76, duration: 90, x: 8 },
-    panel: { opacity: 0.76, duration: 80, y: 4 },
-    home: { opacity: 0.76, duration: 90, y: 4 },
-    restore: { opacity: 1, duration: 0 },
-    error: { opacity: 0.85, duration: 50 },
-};
-
-/** Share Swup's actual content animation with background and analytics consumers. */
-export function prepareRouteMotion(event: RouteMotionEvent): RouteMotion {
-    const native = event.viewTransition;
-    const key = native ?? event;
-    const existing = motions.get(key);
-    if (existing) return existing;
-
-    // Installation is a separate gate: before-swap consumers must not mistake
-    // the gap before Swup's incoming animation hook for a completed transition.
-    const installed = completion();
-    const animationDone = completion();
-    const canceled = completion();
-    let animation: Animation | undefined;
-    let started = false;
-    let disposed = false;
-    const clearAnimation = () => {
-        const active = animation;
-        animation = undefined;
-        try {
-            // Remove fill effects and restore the authored final styles. No
-            // inline transform/opacity survives completion, failure or abort.
-            active?.cancel();
-        } catch {
-            // Releasing an already detached effect must not hold up navigation.
-        }
-        animationDone.resolve();
-    };
-    const cancel = () => {
-        if (disposed) return;
-        disposed = true;
-        started = true;
-        clearAnimation();
-        installed.resolve();
-        canceled.resolve();
-        event.signal?.removeEventListener("abort", cancel);
-    };
-    const ready = Promise.race([
-        canceled.promise,
-        Promise.all([settle(native?.ready), installed.promise]).then(() => undefined),
-    ]);
-    const finished = Promise.race([
-        canceled.promise,
-        Promise.all([settle(native?.finished), animationDone.promise]).then(() => undefined),
-    ]);
-    const motion: RouteMotion = {
-        ready,
-        finished,
-        start(heading, options) {
-            if (started) return;
-            started = true;
-            // Every exit path must release the outgoing fill, or the swapped
-            // document stays transparent behind a cancelled cue.
-            const release = options?.releaseOutgoing;
-            try {
-                const preset = options?.preset ?? "glide";
-                const mobile = window.matchMedia?.("(max-width: 768px)").matches;
-                if (
-                    options?.skip ||
-                    options?.browserMotion ||
-                    preset === "none" ||
-                    (options?.content && preset === "restore") ||
-                    // History never replays an entry on a phone: the reader is
-                    // returning to a position, not arriving somewhere new.
-                    (mobile && preset === "restore") ||
-                    document.hidden ||
-                    window.matchMedia?.("(prefers-reduced-motion: reduce)").matches
-                ) {
-                    release?.();
-                    animationDone.resolve();
-                    return;
-                }
-                const stage = options?.content ? getRouteStage() : null;
-                const target = stage ?? getRouteMotionTarget(heading);
-                if (!target || typeof target.animate !== "function") {
-                    release?.();
-                    animationDone.resolve();
-                    return;
-                }
-                // Cancelling the outgoing fill and starting the entry cue must
-                // share one synchronous block. Split across frames, the reader
-                // sees the new document at full opacity for a frame first.
-                release?.();
-                if (stage) {
-                    const spec = stageMotions[preset];
-                    // Phones get a shorter throw; the same offset reads as a much
-                    // larger move on a narrow viewport.
-                    const distance = mobile ? Math.round(spec.distance * 0.6) : spec.distance;
-                    const from =
-                        spec.axis === "x"
-                            ? `translate3d(${distance}px, 0, 0)`
-                            : `translate3d(0, ${distance}px, 0)`;
-                    // A zero distance is a cross-fade in place. Authoring a
-                    // translate3d(0,0,0) would put a 28,000px column on its own
-                    // compositor layer for nothing.
-                    const keyframes: PropertyIndexedKeyframes = { opacity: [spec.opacity, 1] };
-                    if (distance !== 0) keyframes.transform = [from, "translate3d(0, 0, 0)"];
-                    animation = stage.animate(keyframes, {
-                        duration: mobile ? Math.round(spec.duration * 0.9) : spec.duration,
-                        // Strong ease-out: quick arrival, soft settle. The
-                        // built-in ease-out is too weak to read at this size.
-                        easing: "cubic-bezier(0.23, 1, 0.32, 1)",
-                        fill: "both",
-                    });
-                } else {
-                    const spec = options?.content ? regionMotions[preset] : headingMotions[preset];
-                    const keyframes: PropertyIndexedKeyframes = { opacity: [spec.opacity, 1] };
-                    // Phones use a pure fade. Explicit previous/next alone imply a
-                    // lateral reading direction; history never replays the entry.
-                    if (!mobile && (spec.x || spec.y)) {
-                        keyframes.transform = [
-                            `translate3d(${spec.x ?? 0}px, ${spec.y ?? 0}px, 0)`,
-                            "translate3d(0px, 0px, 0)",
-                        ];
-                    }
-                    animation = target.animate(keyframes, {
-                        duration: mobile ? (options?.content ? 60 : 40) : spec.duration,
-                        easing: "cubic-bezier(0.2, 0.7, 0.2, 1)",
-                        fill: "both",
-                    });
-                }
-                void animation.finished.then(clearAnimation, clearAnimation);
-            } catch {
-                release?.();
-                clearAnimation();
-            } finally {
-                installed.resolve();
-            }
-        },
-        cancel,
-    };
-    motions.set(key, motion);
-    if (event.signal?.aborted) cancel();
-    else event.signal?.addEventListener("abort", cancel, { once: true });
-    void finished.then(() => event.signal?.removeEventListener("abort", cancel));
-    return motion;
-}