From 82ce0f3154b44d4525cd686718c5b9bd1347930a Mon Sep 17 00:00:00 2001 From: nxxy335 Date: Mon, 2 Nov 2026 20:48:01 +0800 Subject: [PATCH] =?UTF-8?q?fix(v1.2.4):=20=E5=BD=BB=E5=BA=95=E4=BF=AE?= =?UTF-8?q?=E5=A4=8D=E9=A6=96=E9=A1=B5=E9=A1=B5=E8=84=9A=E8=A2=AB=E5=9B=BA?= =?UTF-8?q?=E5=AE=9A=20Hero=20=E7=9B=96=E4=BD=8F=E2=80=94=E2=80=94Hero=20z?= =?UTF-8?q?-index:-1=20+=20main=20z-index:auto?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- compat/assets/index@_@astro.riSIMXcv.css | 1 + docs/changelog.md | 24 ++++++++++++++++++------ package.json | 2 +- src/components/HeroSection.astro | 9 ++++++++- src/styles/main.scss | 13 +++++++------ theme.yaml | 2 +- 6 files changed, 36 insertions(+), 15 deletions(-) create mode 100644 compat/assets/index@_@astro.riSIMXcv.css diff --git a/compat/assets/index@_@astro.riSIMXcv.css b/compat/assets/index@_@astro.riSIMXcv.css new file mode 100644 index 0000000..20129ce --- /dev/null +++ b/compat/assets/index@_@astro.riSIMXcv.css @@ -0,0 +1 @@ +.hero[data-astro-cid-nlow4r3u]{position:fixed;inset:0;z-index:-1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 85%,var(--accent) 15%) 40%,color-mix(in srgb,var(--bg) 90%,var(--mist-pink) 10%) 70%,var(--bg) 100%);width:100%}.hero__bg[data-astro-cid-nlow4r3u]{position:absolute;inset:0;pointer-events:none}.hero__blur-overlay[data-astro-cid-nlow4r3u]{position:absolute;inset:0;z-index:1;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);will-change:backdrop-filter;pointer-events:none}.hero__orb[data-astro-cid-nlow4r3u]{position:absolute;border-radius:50%;filter:blur(80px);animation:breathe 5s ease-in-out infinite}.hero__orb--1[data-astro-cid-nlow4r3u]{width:420px;height:420px;top:-10%;right:-5%;background:radial-gradient(circle,rgba(212,118,78,.4) 0%,transparent 70%);animation-delay:0s;animation-duration:5s}.hero__orb--2[data-astro-cid-nlow4r3u]{width:350px;height:350px;bottom:-8%;left:-5%;background:radial-gradient(circle,rgba(220,140,160,.3) 0%,transparent 70%);animation-delay:-1.8s;animation-duration:6s}.hero__orb--3[data-astro-cid-nlow4r3u]{width:300px;height:300px;top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(180,150,200,.2) 0%,transparent 70%);animation-delay:-3.2s;animation-duration:4.5s}.hero__bg-image[data-astro-cid-nlow4r3u]{position:absolute;inset:0;background-size:cover;background-position:center;opacity:1}.hero__bg-image--dark[data-astro-cid-nlow4r3u],html.dark .hero__bg-image--light[data-astro-cid-nlow4r3u]{display:none}html.dark .hero__bg-image--dark[data-astro-cid-nlow4r3u]{display:block}.hero__content[data-astro-cid-nlow4r3u]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl);gap:var(--space-lg);transition:opacity .4s ease,transform .4s ease}.hero__title[data-astro-cid-nlow4r3u]{font-family:var(--font-sans);font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.03em;color:var(--hero-title-text, var(--ink));line-height:var(--leading-tight)}.hero__subtitle[data-astro-cid-nlow4r3u]{font-family:var(--font-body);font-size:var(--text-xl);color:var(--hero-subtitle-text, var(--ink-2));letter-spacing:.05em;line-height:var(--leading-normal)}.hero__description[data-astro-cid-nlow4r3u]{font-size:var(--text-lg);color:var(--hero-quote-text, var(--ink-2));line-height:var(--leading-relaxed);max-width:560px;text-align:center;transition:opacity .3s ease}.hero--fx-shadow[data-astro-cid-nlow4r3u] .hero__title[data-astro-cid-nlow4r3u],.hero--fx-shadow[data-astro-cid-nlow4r3u] .hero__subtitle[data-astro-cid-nlow4r3u],.hero--fx-shadow[data-astro-cid-nlow4r3u] .hero__description[data-astro-cid-nlow4r3u]{text-shadow:0 1px 2px rgba(0,0,0,.22),0 2px 10px rgba(0,0,0,.16)}html.dark .hero--fx-shadow[data-astro-cid-nlow4r3u] .hero__title[data-astro-cid-nlow4r3u],html.dark .hero--fx-shadow[data-astro-cid-nlow4r3u] .hero__subtitle[data-astro-cid-nlow4r3u],html.dark .hero--fx-shadow[data-astro-cid-nlow4r3u] .hero__description[data-astro-cid-nlow4r3u]{text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 12px rgba(0,0,0,.4)}.hero--fx-glow[data-astro-cid-nlow4r3u] .hero__title[data-astro-cid-nlow4r3u],.hero--fx-glow[data-astro-cid-nlow4r3u] .hero__subtitle[data-astro-cid-nlow4r3u],.hero--fx-glow[data-astro-cid-nlow4r3u] .hero__description[data-astro-cid-nlow4r3u]{text-shadow:0 0 10px rgba(255,255,255,.85),0 0 26px rgba(255,255,255,.5)}html.dark .hero--fx-glow[data-astro-cid-nlow4r3u] .hero__title[data-astro-cid-nlow4r3u],html.dark .hero--fx-glow[data-astro-cid-nlow4r3u] .hero__subtitle[data-astro-cid-nlow4r3u],html.dark .hero--fx-glow[data-astro-cid-nlow4r3u] .hero__description[data-astro-cid-nlow4r3u]{text-shadow:0 0 8px rgba(255,255,255,.45),0 0 24px rgba(255,255,255,.22)}.hero--fx-scrim[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{background:#ffffff73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:var(--space-2xl)}html.dark .hero--fx-scrim[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{background:#0006}.hero--fx-gradient[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{background:linear-gradient(135deg,#ffffff8c,#ffffff2e);border-radius:24px;padding:var(--space-2xl)}html.dark .hero--fx-gradient[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{background:linear-gradient(135deg,#00000080,#00000029)}.hero--fx-frame[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:color-mix(in srgb,var(--bg) 30%,transparent);border-radius:24px;padding:var(--space-2xl) var(--space-3xl);gap:var(--space-xl)}html.dark .hero--fx-frame[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{border-color:color-mix(in srgb,#ffffff 32%,transparent)}.hero--fx-frame[data-astro-cid-nlow4r3u] .hero__title[data-astro-cid-nlow4r3u]{letter-spacing:.08em}.hero--fx-frame[data-astro-cid-nlow4r3u] .hero__subtitle[data-astro-cid-nlow4r3u]{letter-spacing:.22em}.hero__scroll-indicator[data-astro-cid-nlow4r3u]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--ink-3);cursor:pointer;animation:scrollHint 2s ease-in-out infinite;transition:opacity .4s ease,color .2s ease,background .2s ease}.hero__scroll-indicator[data-astro-cid-nlow4r3u]:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.hero__scroll-indicator[data-astro-cid-nlow4r3u]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero--no-breath[data-astro-cid-nlow4r3u] .hero__orb[data-astro-cid-nlow4r3u]{animation:none}html.dark .hero[data-astro-cid-nlow4r3u]{background:linear-gradient(160deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 85%,var(--accent) 12%) 40%,var(--bg) 100%)}html.dark .hero__orb--1[data-astro-cid-nlow4r3u]{background:radial-gradient(circle,rgba(232,149,95,.25) 0%,transparent 70%)}html.dark .hero__orb--2[data-astro-cid-nlow4r3u]{background:radial-gradient(circle,rgba(200,120,140,.18) 0%,transparent 70%)}html.dark .hero__orb--3[data-astro-cid-nlow4r3u]{background:radial-gradient(circle,rgba(160,130,180,.12) 0%,transparent 70%)}@media(max-width:768px){.hero__title[data-astro-cid-nlow4r3u]{font-size:clamp(2.25rem,10vw,3.5rem)}.hero__orb--1[data-astro-cid-nlow4r3u]{width:260px;height:260px}.hero__orb--2[data-astro-cid-nlow4r3u]{width:220px;height:220px}.hero__orb--3[data-astro-cid-nlow4r3u]{width:180px;height:180px}.hero__content[data-astro-cid-nlow4r3u]{padding:var(--space-lg);gap:var(--space-md)}.hero--fx-scrim[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u],.hero--fx-gradient[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{padding:var(--space-xl) var(--space-lg)}.hero--fx-frame[data-astro-cid-nlow4r3u] .hero__content[data-astro-cid-nlow4r3u]{padding:var(--space-xl) var(--space-lg);gap:var(--space-lg)}.hero__description[data-astro-cid-nlow4r3u]{max-width:90vw}}.wi-welcome-popup[data-astro-cid-4xlqga3i]{position:fixed;z-index:9999;max-width:min(380px,calc(100vw - 32px));pointer-events:none;opacity:0;transform:translateY(-12px);transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo);will-change:opacity,transform}.wi-welcome-popup[data-astro-cid-4xlqga3i][data-position=top-left]{top:88px;left:24px}.wi-welcome-popup[data-astro-cid-4xlqga3i][data-position=top-right]{top:88px;right:24px}.wi-welcome-popup[data-astro-cid-4xlqga3i][data-position=bottom-left]{bottom:24px;left:24px;transform:translateY(12px)}.wi-welcome-popup[data-astro-cid-4xlqga3i][data-position=bottom-right]{bottom:24px;right:24px;transform:translateY(12px)}.wi-welcome-popup[data-astro-cid-4xlqga3i][data-position=top-center]{top:88px;left:50%;transform:translate(-50%) translateY(-12px)}.wi-welcome-popup--visible[data-astro-cid-4xlqga3i]{opacity:1;pointer-events:auto}.wi-welcome-popup--visible[data-astro-cid-4xlqga3i][data-position=top-left],.wi-welcome-popup--visible[data-astro-cid-4xlqga3i][data-position=top-right],.wi-welcome-popup--visible[data-astro-cid-4xlqga3i][data-position=bottom-left],.wi-welcome-popup--visible[data-astro-cid-4xlqga3i][data-position=bottom-right]{transform:translateY(0)}.wi-welcome-popup--visible[data-astro-cid-4xlqga3i][data-position=top-center]{transform:translate(-50%) translateY(0)}.wi-welcome-popup--leaving[data-astro-cid-4xlqga3i]{opacity:0;pointer-events:none}.wi-welcome-popup--leaving[data-astro-cid-4xlqga3i][data-position^=top]{transform:translateY(-12px)}.wi-welcome-popup--leaving[data-astro-cid-4xlqga3i][data-position=bottom-left],.wi-welcome-popup--leaving[data-astro-cid-4xlqga3i][data-position=bottom-right]{transform:translateY(12px)}.wi-welcome-popup--leaving[data-astro-cid-4xlqga3i][data-position=top-center]{transform:translate(-50%) translateY(-12px)}.wi-welcome-popup__inner[data-astro-cid-4xlqga3i]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9999px;background:color-mix(in srgb,var(--bg-raised) 92%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--rule);box-shadow:0 8px 24px -8px #0000001f,0 2px 8px -2px #0000000f;color:var(--ink);font-size:var(--text-sm);line-height:1.4}.wi-welcome-popup__icon[data-astro-cid-4xlqga3i]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.wi-welcome-popup__icon[data-astro-cid-4xlqga3i] svg[data-astro-cid-4xlqga3i]{animation:wi-welcome-popup-pulse 2s ease-in-out infinite}.wi-welcome-popup__content[data-astro-cid-4xlqga3i]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wi-welcome-popup__close[data-astro-cid-4xlqga3i]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:transparent;color:var(--ink-3);cursor:pointer;opacity:.6;transition:opacity .2s ease,background .2s ease,color .2s ease}.wi-welcome-popup__close[data-astro-cid-4xlqga3i]:hover{opacity:1;background:color-mix(in srgb,var(--ink-3) 12%,transparent);color:var(--ink)}.wi-welcome-popup__progress[data-astro-cid-4xlqga3i]{position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:1px;background:color-mix(in srgb,var(--accent) 30%,transparent);transform-origin:left center;transform:scaleX(1);opacity:.7}.wi-welcome-popup--visible[data-astro-cid-4xlqga3i] .wi-welcome-popup__progress[data-astro-cid-4xlqga3i]{opacity:1}@keyframes wi-welcome-popup-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(max-width:480px){.wi-welcome-popup[data-astro-cid-4xlqga3i][data-position]{max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){.wi-welcome-popup[data-astro-cid-4xlqga3i],.wi-welcome-popup--visible[data-astro-cid-4xlqga3i],.wi-welcome-popup--leaving[data-astro-cid-4xlqga3i],.wi-welcome-popup__icon[data-astro-cid-4xlqga3i] svg[data-astro-cid-4xlqga3i]{transition:opacity .2s ease!important;transform:none!important;animation:none!important}}.wi-home-content[data-astro-cid-j7pv25f6]{position:relative;z-index:1;background:var(--bg);min-height:100vh;padding-bottom:2rem}.wi-home-content--with-hero[data-astro-cid-j7pv25f6]{margin-top:100vh;margin-top:100dvh}.wi-home-pinned[data-astro-cid-j7pv25f6]{padding-block:2rem;background:var(--bg)}.wi-home-pinned[data-astro-cid-j7pv25f6]:not(:has(.wi-pinned__card)){display:none}.wi-section__header[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-xl)}.wi-section__title[data-astro-cid-j7pv25f6]{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;color:var(--ink);letter-spacing:var(--tracking-tight);display:flex;align-items:center;gap:.5rem}.wi-section__title[data-astro-cid-j7pv25f6]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.wi-pinned[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.wi-pinned__card[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--bg-raised);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.wi-pinned__card[data-astro-cid-j7pv25f6]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.wi-pinned__card[data-astro-cid-j7pv25f6]:first-child:nth-last-child(1){grid-column:1 / -1}.wi-pinned__card[data-astro-cid-j7pv25f6]:first-child:nth-last-child(1) .wi-pinned__cover[data-astro-cid-j7pv25f6]{aspect-ratio:21 / 9}.wi-pinned__card[data-astro-cid-j7pv25f6]:first-child:nth-last-child(1) .wi-pinned__title[data-astro-cid-j7pv25f6]{font-size:var(--text-2xl)}.wi-pinned__cover[data-astro-cid-j7pv25f6]{aspect-ratio:16 / 10;overflow:hidden}.wi-pinned__image[data-astro-cid-j7pv25f6]{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out-expo);border-radius:0}.wi-pinned__card[data-astro-cid-j7pv25f6]:hover .wi-pinned__image[data-astro-cid-j7pv25f6]{transform:scale(1.03)}.wi-pinned__body[data-astro-cid-j7pv25f6]{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.wi-pinned__meta[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.wi-pinned__category[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--accent);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600}.wi-pinned__category[data-astro-cid-j7pv25f6]:after{content:"·";margin-left:var(--space-sm);color:var(--ink-3)}.wi-pinned__date[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--ink-3);letter-spacing:var(--tracking-wide);text-transform:uppercase}.wi-pinned__title[data-astro-cid-j7pv25f6]{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700;color:var(--ink);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);transition:color var(--duration-fast) var(--ease-out-quart)}.wi-pinned__card[data-astro-cid-j7pv25f6]:hover .wi-pinned__title[data-astro-cid-j7pv25f6]{color:var(--accent)}.wi-pinned__excerpt[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);color:var(--ink-2);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.wi-pinned[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.wi-pinned__card[data-astro-cid-j7pv25f6]:first-child:nth-last-child(1) .wi-pinned__cover[data-astro-cid-j7pv25f6]{aspect-ratio:16 / 9}.wi-pinned__card[data-astro-cid-j7pv25f6]:first-child:nth-last-child(1) .wi-pinned__title[data-astro-cid-j7pv25f6]{font-size:var(--text-xl)}}.wi-home-posts[data-astro-cid-j7pv25f6]{padding-block:2rem;background:var(--bg);content-visibility:auto;contain-intrinsic-size:auto 600px}.wi-flow[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-lg)}.wi-flow__card[data-astro-cid-j7pv25f6]{display:flex;flex-direction:row;align-items:stretch;border-radius:16px;overflow:hidden;background:var(--bg-raised);box-shadow:var(--shadow-sm);color:inherit;position:relative;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.wi-flow__stretched-link[data-astro-cid-j7pv25f6]{position:absolute;inset:0;z-index:1}.wi-flow__card[data-astro-cid-j7pv25f6]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.wi-flow__card--with-cover[data-astro-cid-j7pv25f6] .wi-flow__body[data-astro-cid-j7pv25f6]{flex:1;min-width:0}.wi-flow__cover[data-astro-cid-j7pv25f6]{width:240px;flex-shrink:0;overflow:hidden}.wi-flow__image[data-astro-cid-j7pv25f6]{width:100%;height:100%;display:block;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out-expo);border-radius:0}.wi-flow__card[data-astro-cid-j7pv25f6]:hover .wi-flow__image[data-astro-cid-j7pv25f6]{transform:scale(1.03)}.wi-flow__body[data-astro-cid-j7pv25f6]{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex:1;justify-content:center}.wi-flow__meta[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.wi-flow__categories[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);font-weight:600}.wi-flow__categories[data-astro-cid-j7pv25f6]:after{content:"·";margin-left:var(--space-sm);margin-right:var(--space-sm);color:var(--ink-3)}.wi-flow__category-link[data-astro-cid-j7pv25f6]{color:var(--accent);text-decoration:none;position:relative;z-index:2;transition:color var(--duration-fast) var(--ease-out-quart)}.wi-flow__category-link[data-astro-cid-j7pv25f6]:hover{color:var(--accent-hover);text-decoration:underline}.wi-flow__category-link[data-astro-cid-j7pv25f6]+.wi-flow__category-link[data-astro-cid-j7pv25f6]:before{content:"、";color:var(--accent)}.wi-flow__date[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--ink-3);letter-spacing:var(--tracking-wide);text-transform:uppercase}.wi-flow__title-link[data-astro-cid-j7pv25f6]{text-decoration:none;position:relative;z-index:2}.wi-flow__title[data-astro-cid-j7pv25f6]{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;color:var(--ink);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);transition:color var(--duration-fast) var(--ease-out-quart)}.wi-flow__card[data-astro-cid-j7pv25f6]:hover .wi-flow__title[data-astro-cid-j7pv25f6]{color:var(--accent)}.wi-flow__excerpt[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);color:var(--ink-2);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-block-end:0}.wi-flow__footer[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:var(--space-xs)}.wi-flow__tags[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:4px}.wi-flow__tag-link[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--ink-3);text-decoration:none;padding:2px 8px;border-radius:4px;background:var(--bg);border:1px solid var(--rule);position:relative;z-index:2;transition:color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart);white-space:nowrap}.wi-flow__tag-link[data-astro-cid-j7pv25f6]:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.wi-flow__stats[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap}.wi-flow__stat[data-astro-cid-j7pv25f6]+.wi-flow__stat[data-astro-cid-j7pv25f6]:before{content:"·";margin-right:.5rem;color:var(--ink-3)}.wi-pagination[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:var(--space-xl);margin-top:var(--space-xl);border-top:1px solid var(--rule);font-size:var(--text-sm)}.wi-pagination__prev[data-astro-cid-j7pv25f6],.wi-pagination__next[data-astro-cid-j7pv25f6]{color:var(--ink-2);text-decoration:none;transition:color var(--duration-fast) var(--ease-out-quart)}.wi-pagination__prev[data-astro-cid-j7pv25f6]:hover,.wi-pagination__next[data-astro-cid-j7pv25f6]:hover{color:var(--accent)}.wi-pagination__info[data-astro-cid-j7pv25f6]{color:var(--ink-3)}.wi-infinite-scroll__loader[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) 0;color:var(--ink-3);font-size:var(--text-sm)}.wi-infinite-scroll__spinner[data-astro-cid-j7pv25f6]{width:18px;height:18px;border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:wi-spin .6s linear infinite}@keyframes wi-spin{to{transform:rotate(360deg)}}.wi-infinite-scroll__end[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--space-xl) 0;color:var(--ink-3);font-size:var(--text-sm)}@media(max-width:640px){.wi-flow__card[data-astro-cid-j7pv25f6]{flex-direction:column}.wi-flow__cover[data-astro-cid-j7pv25f6]{width:100%;aspect-ratio:16 / 9}.wi-flow__footer[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:flex-start;gap:.4rem}.wi-flow__tag-link[data-astro-cid-j7pv25f6]{padding:4px 10px}}@media(max-width:480px){.wi-pinned__card[data-astro-cid-j7pv25f6]{border-radius:12px}} diff --git a/docs/changelog.md b/docs/changelog.md index c6a2e1b..bd56473 100644 --- a/docs/changelog.md +++ b/docs/changelog.md @@ -1,15 +1,27 @@ # 更新日志 +## v1.2.4 + +### 问题修复 + +- 🐛 **彻底修复首页页脚被 Hero 盖住（v1.2.3 的修复不完整）**：仅取消 main 的 + 层叠上下文（`z-index: auto`）不足以让固定 Hero 稳定落在页脚之下。现改为 + **双保险**： + 1. `.hero` 由 `z-index: 0` 改为 `z-index: -1`，作为固定全屏背景沉到根层叠 + 上下文的负 z 层，绘制在一切正常内容（含页脚）之下——这是固定背景的规范做法； + 2. 保留首页 main `z-index: auto`（仍是必须项：否则 main 若保持 `z-index: 1` + 会成为层叠上下文，把负 z 的 Hero 困在自己内部、整块仍压在页脚之上）。 + 页脚因此始终保持无 z-index 的状态，既不会被 Hero 盖住，也不会回退到早期 + 「页脚盖住评论区翻页下拉」的问题。经无头浏览器在真实构建产物上验证： + 滚到页底时 `elementFromPoint` 命中 `footer-inner`，页脚完整可见。 + ## v1.2.3 ### 问题修复 -- 🐛 **修复首页页脚被 Hero 盖住**：`.wi-main` 的 `z-index: 1` 会把整个内容区 - （含 `position: fixed` 的全屏 Hero 背景）抬到页脚之上，滚动到页面底部时 - 页脚被 Hero 的模糊背景和下滑箭头挡住，完全看不到。首页现在取消 main 的 - 层叠上下文（`z-index: auto`）：Hero 落回根层级先绘制，页脚在 DOM 中靠后 - 自然盖住 Hero；内容区滚动时仍正常覆盖 Hero，其他页面（如评论区翻页下拉 - 高于页脚）的层级行为保持不变 +- 🐛 **初步修复首页页脚被 Hero 盖住（不完整，已被 v1.2.4 取代）**：取消首页 + main 的层叠上下文（`z-index: auto`）。这一项单独作用时仍不够稳健， + 请直接参考 v1.2.4 的完整修复。 ## v1.2.2 diff --git a/package.json b/package.json index d09ec39..2453369 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "version": "1.2.3", + "version": "1.2.4", "type": "module", "engines": { "node": ">=22.12.0" diff --git a/src/components/HeroSection.astro b/src/components/HeroSection.astro index 0cb70d5..750a898 100644 --- a/src/components/HeroSection.astro +++ b/src/components/HeroSection.astro @@ -197,7 +197,14 @@ .hero { position: fixed; inset: 0; - z-index: 0; + /* 固定全屏背景必须沉到最底层（z-index:-1）： + 它是 position:fixed 的全屏英雄区，滚动时永远铺满视口。 + 若不设负值，它会被绘制在普通流/定位元素（如页脚）之上， + 滚到页底时盖住页脚。负值让它处于根层叠上下文的「负 z」层， + 在所有正常内容（含页脚）之下；首屏内容区 .wi-home-content + 用 margin-top:100vh + 不透明背景盖住它，符合设计意图。 + 同时页脚保持无 z-index，不会回退到之前「页脚盖住评论区翻页」的问题。 */ + z-index: -1; display: flex; align-items: center; justify-content: center; diff --git a/src/styles/main.scss b/src/styles/main.scss index 92b3046..0e37aa9 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -212,12 +212,13 @@ table { overflow-x: hidden; overflow-x: clip; /* 首页必须取消 main 的层叠上下文（z-index: auto + 无其他触发属性）： - Hero 是 position:fixed 的全屏背景（z-index:0）且位于 main 内部， - main 若保持 z-index:1，整个 main（含 Hero）会被抬到页脚之上—— - 滚动到页面底部时页脚被固定 Hero 盖住，只看到模糊的 Hero 背景。 - 取消后 Hero 落回根层级（z-index:0，先绘制），页脚在 DOM 中靠后 - （z-index:auto）自然盖住 Hero；内容区 .wi-home-content 仍有 - z-index:1，滚动时照常覆盖 Hero。其他页面维持 z-index:1 不变， + Hero 是 position:fixed 的全屏背景（z-index:-1），位于 main 内部。 + 若 main 保持 z-index:1，它会成为层叠上下文，把内部负值 z 的 Hero + 困在自己上下文底部，而 main 整体又被抬到页脚之上——滚动到页底时 + 页脚仍被 Hero 盖住。取消 main 的层叠上下文后，Hero 的 z-index:-1 + 会落入根层叠上下文的负 z 层（绘制在一切正常内容之下）， + 页脚（无 z-index、DOM 靠后）自然盖住它；内容区 .wi-home-content + 仍有 z-index:1，滚动时照常覆盖 Hero。其他页面维持 z-index:1 不变， 评论区翻页下拉仍高于页脚。 */ z-index: auto; } diff --git a/theme.yaml b/theme.yaml index f1e9850..faafc47 100644 --- a/theme.yaml +++ b/theme.yaml @@ -28,7 +28,7 @@ spec: description: 微信读书书架（依赖微信读书插件） screenshot: file: weread.html - version: "1.2.3" + version: "1.2.4" requires: ">=2.26.0" license: - name: "GPL-3.0"