body.zgds-home-page--v3 {
    --ui-red-deep: #541818;
    --ui-red: #931e1d;
    --ui-red-soft: #a8423a;
    --ui-gold: #c9a45a;
    --ui-gold-light: #e8cc82;
    --ui-paper: #f7f0e4;
    --ui-surface: #fffdf8;
    --ui-border: #e0d0b8;
    --ui-ink: #2a1810;
    --ui-muted: #6b5a48;
    --ui-nav-w: 16.25rem;
    --ui-main-gap: 1.75rem;
    --ui-col-inset: 0.45rem;
    --ui-stage-max: 88rem;
    --ui-stage-pad: clamp(1rem, 2.2vw, 1.5rem);
    --ui-tools-rail-w: 13.75rem;
    --ui-tools-rail-reserve: calc(var(--ui-tools-rail-w) + 1.75rem);
    --ui-radius: 0.5rem;
    --ui-header-offset: 14rem;

    --period0: #541818;
    --period1: #931e1d;
    --period2: #883021;
    --period3: #40494f;
    --period4: #3b3a37;

    --ui-font-sans: "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    --ui-font-serif: "STKaiti", "KaiTi", "Noto Serif SC", "Source Han Serif SC", serif;
    --ui-text-2xs: 0.6875rem;
    --ui-text-xs: 0.75rem;
    --ui-text-sm: 0.8125rem;
    --ui-text-base: 0.9375rem;
    --ui-text-md: 1rem;
    --ui-text-lg: 1.125rem;
    --ui-leading-tight: 1.35;
    --ui-leading-normal: 1.55;
    --ui-leading-relaxed: 1.65;

    --ui-shadow-soft: 0 4px 18px rgba(42, 18, 18, 0.08);
    --ui-shadow-panel: 0 8px 32px rgba(42, 18, 18, 0.12), 0 2px 8px rgba(42, 18, 18, 0.06);
    --ui-shadow-lift: 0 12px 40px rgba(42, 18, 18, 0.16), 0 4px 12px rgba(42, 18, 18, 0.08);
    --ui-rim-gold: linear-gradient(135deg, rgba(212, 184, 122, 0.65) 0%, rgba(240, 216, 120, 0.35) 50%, rgba(212, 184, 122, 0.55) 100%);
    --ui-rim-inner: inset 0 1px 0 rgba(255, 255, 255, 0.88), inset 0 -1px 0 rgba(184, 148, 79, 0.14);
    background-color: var(--ui-paper);
    background-image:
        linear-gradient(180deg, rgba(250, 247, 239, 0.96) 0%, rgba(245, 238, 225, 0.92) 100%),
        url('../sucai/hall-paper-texture.webp');
    background-size: cover;
    background-attachment: scroll;
    color: var(--ui-ink);
    font-family: var(--ui-font-sans);
    font-size: var(--ui-text-base);
    line-height: var(--ui-leading-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.bg-period0 { background-color: var(--period0); }
.bg-period1 { background-color: var(--period1); }
.bg-period2 { background-color: var(--period2); }
.bg-period3 { background-color: var(--period3); }
.bg-period4 { background-color: var(--period4); }

body.zgds-home-page--v3.zgds-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
}

html:has(body.zgds-home-page--v3) {
    margin: 0;
    padding: 0;
}

.zgds-home-page--v3 .zgds-home-shell {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: 0;
}

.zgds-home-page--v3 .gzd-hd:not(.gzd-v3-hd) {
    position: sticky;
    top: 0;
    z-index: 100;
    overflow: visible;
    background: var(--ui-red-deep);
    border-bottom: none;
    box-shadow: 0 8px 32px rgba(26, 8, 8, 0.45);
}
.zgds-home-page--v3 .gzd-vault-hd__ribbon {
    position: relative;
    z-index: 3;
    height: 4px;
    background: repeating-linear-gradient(
        90deg,
        var(--ui-gold) 0,
        var(--ui-gold-light) 12px,
        #f0e0b8 24px,
        var(--ui-gold) 36px
    );
}
.zgds-home-page--v3 .gzd-vault-hd__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-color: var(--ui-red-deep);
    background-image:
        radial-gradient(ellipse 60% 120% at 78% 45%, rgba(212, 184, 122, 0.28), transparent 58%),
        linear-gradient(105deg, rgba(42, 14, 14, 0.88) 0%, rgba(90, 32, 32, 0.62) 42%, rgba(42, 14, 14, 0.85) 100%),
        url('../sucai/header.png');
    background-position: center, center, 72% center;
    background-size: cover, cover, cover;
    background-repeat: no-repeat;
}
.zgds-home-page--v3 .gzd-vault-hd__shell {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.5rem 0 0.75rem;
}

.zgds-home-page--v3 .gzd-vault-hd__ip-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.35rem 0 0.15rem;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-vault-hd__shell {
        gap: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .zgds-home-page--v3 .gzd-vault-hd__ip-bar {
        padding-top: 0.45rem;
    }
}
.zgds-home-page--v3 .gzd-vault-hd__main {
    position: relative;
}

.zgds-home-page--v3 .gzd-vault-hd__main--centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
}
.zgds-home-page--v3 .gzd-vault-hd__search-wrap {
    width: 100%;
    max-width: min(54rem, 100%);
    margin-inline: auto;
}
.zgds-home-page--v3 .gzd-vault-hd__search-wrap .gzd-vault-hd__search {
    width: 100%;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-vault-hd__main--centered {
        gap: 1rem;
    }
}
.zgds-home-page--v3 .gzd-vault-hd__brand-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    text-align: center;
    width: 100%;
}
.zgds-home-page--v3 .gzd-hd__brand {
    display: block;
    width: fit-content;
    max-width: 100%;
    text-decoration: none;
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.45));
    transition: transform 0.2s ease;
}
.zgds-home-page--v3 a.gzd-hd__brand:hover {
    transform: scale(1.01);
}
.zgds-home-page--v3 .gzd-hd__logo {
    display: block;
    height: clamp(4rem, 10.5vw, 6.5rem);
    width: auto;
    max-width: min(100%, 48rem);
    margin-inline: auto;
    aspect-ratio: 714 / 153;
    object-fit: contain;
    object-position: center;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-hd__logo {
        height: clamp(5rem, 7vw, 7rem);
    }
}

.zgds-home-page--v3 .gzd-vault-hd__slogan {
    display: inline-flex;
    align-items: center;
    gap: clamp(0.75rem, 2.5vw, 1.375rem);
    padding: 0.45rem clamp(1.25rem, 4vw, 2.25rem);
    background: linear-gradient(90deg, transparent 0%, rgba(201, 162, 39, 0.14) 18%, rgba(201, 162, 39, 0.2) 50%, rgba(201, 162, 39, 0.14) 82%, transparent 100%);
    border-radius: 999px;
    border: 1px solid rgba(212, 184, 122, 0.35);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.zgds-home-page--v3 .gzd-vault-hd__slogan-text {
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: clamp(0.9375rem, 2.2vw, 1.25rem);
    font-weight: 500;
    letter-spacing: clamp(0.2rem, 1.2vw, 0.42rem);
    color: rgba(255, 248, 235, 0.96);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-vault-hd__slogan-divider {
    width: 2px;
    height: 1.5rem;
    flex-shrink: 0;
    background: linear-gradient(180deg, transparent 0%, var(--ui-gold-light) 25%, var(--ui-gold) 50%, var(--ui-gold-light) 75%, transparent 100%);
    border-radius: 1px;
}

.zgds-home-page--v3 .gzd-portal-welcome:not(.gzd-portal-welcome--header):not(.gzd-portal-welcome--home-header) {
    display: inline-flex;
    align-items: center;
    gap: clamp(0.35rem, 1.1vw, 0.62rem);
    padding: 0.42rem 1rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(212, 184, 122, 0.38);
    border-radius: 999px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.zgds-home-page--v3 .gzd-portal-welcome__unit {
    color: rgba(255, 248, 235, 0.97);
}
.zgds-home-page--v3 .gzd-portal-welcome__ip {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--ui-gold-light);
}

.zgds-home-page--v3 .gzd-hd__search {
    position: relative;
    isolation: isolate;
    margin-top: 0;
    padding: 0.85rem 0.95rem 0.9rem;
    border: 1px solid rgba(88, 48, 22, 0.38);
    border-radius: 0.42rem;
    background-color: #faf6ec;
    background-image:
        radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255, 252, 240, 0.95) 0%, transparent 58%),
        repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(122, 62, 26, 0.012) 3px, rgba(122, 62, 26, 0.012) 4px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.35) 100%),
        url('../sucai/atelier-parchment.webp');
    background-size: cover, auto, cover, cover;
    box-shadow:
        0 1px 0 rgba(255, 250, 238, 0.9) inset,
        0 10px 32px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
.zgds-home-page--v3 .gzd-search-shell__grain,
.zgds-home-page--v3 .gzd-search-shell__rim {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-search-shell__grain {
    inset: 0;
    opacity: 0.38;
    background: repeating-linear-gradient(90deg, transparent 0, transparent 4px, rgba(90, 48, 18, 0.008) 4px, rgba(90, 48, 18, 0.008) 5px);
}
.zgds-home-page--v3 .gzd-search-shell__rim {
    inset: 0.38rem;
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 0.26rem;
}
.zgds-home-page--v3 .gzd-search-shell__corner {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-color: rgba(166, 133, 37, 0.52);
    border-style: solid;
    border-width: 0;
    pointer-events: none;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-search-shell__corner--tl { top: 0.45rem; left: 0.45rem; border-top-width: 2px; border-left-width: 2px; }
.zgds-home-page--v3 .gzd-search-shell__corner--tr { top: 0.45rem; right: 0.45rem; border-top-width: 2px; border-right-width: 2px; }
.zgds-home-page--v3 .gzd-search-shell__corner--bl { bottom: 0.45rem; left: 0.45rem; border-bottom-width: 2px; border-left-width: 2px; }
.zgds-home-page--v3 .gzd-search-shell__corner--br { bottom: 0.45rem; right: 0.45rem; border-bottom-width: 2px; border-right-width: 2px; }
.zgds-home-page--v3 .gzd-vault-hd__search-head,
.zgds-home-page--v3 .gzd-hd__search-row {
    position: relative;
    z-index: 2;
}
.zgds-home-page--v3 .gzd-vault-hd__search::before,
.zgds-home-page--v3 .gzd-vault-hd__search::after {
    display: none;
}
.zgds-home-page--v3 .gzd-vault-hd__search-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.55rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px dashed rgba(166, 133, 37, 0.28);
}
.zgds-home-page--v3 .gzd-vault-hd__main--centered .gzd-vault-hd__search-head {
    justify-content: center;
    text-align: center;
}
.zgds-home-page--v3 .gzd-vault-hd__search-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9375rem;
    font-weight: 800;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-vault-hd__search-kicker .zgds-gzd-icon {
    color: var(--ui-gold);
}
.zgds-home-page--v3 .gzd-vault-hd__search-tip {
    font-size: 0.75rem;
    color: var(--ui-muted);
    font-weight: 600;
}
.zgds-home-page--v3 .gzd-hd__search-row {
    display: grid;
    gap: 0.5rem;
    align-items: stretch;
}
@media (min-width: 768px) {
    .zgds-home-page--v3 .gzd-hd__search-row {
        grid-template-columns: auto 8.5rem 1fr auto;
    }
}
.zgds-home-page--v3 .zgds-search-type:not(.gzd-v3-search__mode) {
    display: inline-flex;
    border-radius: var(--ui-radius);
    overflow: hidden;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface);
}
.zgds-home-page--v3 .zgds-search-type:not(.gzd-v3-search__mode) .zgds-search-type__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.75rem;
    min-height: 2.75rem;
    border: none;
    background: transparent;
    color: var(--ui-muted);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}
.zgds-home-page--v3 .zgds-search-type:not(.gzd-v3-search__mode) .zgds-search-type__btn--active,
.zgds-home-page--v3 .zgds-search-type:not(.gzd-v3-search__mode) .zgds-search-type__btn[aria-pressed="true"] {
    background: var(--ui-red);
    color: #fff;
}
.zgds-home-page--v3 .custom-select-container { position: relative; }
.zgds-home-page--v3 .custom-select {
    width: 100%;
    min-height: 2.75rem;
    padding: 0 2rem 0 0.65rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    font-size: 0.875rem;
}
.zgds-home-page--v3 .custom-select-arrow {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-hd__input-wrap { position: relative; }
.zgds-home-page--v3 .gzd-hd__input-icon {
    position: absolute;
    left: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-hd__input {
    width: 100%;
    min-height: 2.75rem;
    padding: 0 0.75rem 0 2rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    font-size: 1rem;
}
.zgds-home-page--v3 .gzd-hd__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.75rem;
    padding: 0 1.1rem;
    border: none;
    border-radius: var(--ui-radius);
    background: var(--ui-gold);
    color: var(--ui-red-deep);
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-hd__submit:hover {
    background: var(--ui-gold-light);
    box-shadow: 0 4px 14px rgba(184, 148, 79, 0.45);
}
.zgds-home-page--v3 .gzd-hd__submit {
    box-shadow: 0 2px 8px rgba(74, 24, 24, 0.25);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}
.zgds-home-page--v3 .gzd-hd__submit:active { transform: scale(0.98); }

.zgds-home-page--v3 .gzd-workspace {
    position: relative;
    flex: 1;
    padding: 1.15rem 0 1.75rem;
}
.zgds-home-page--v3 .gzd-workspace::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.035;
    background: url('../sucai/gzd/gzd-watermark-shi.svg') 92% 8% / 8rem no-repeat,
                url('../sucai/gzd/gzd-watermark-dang.svg') 4% 92% / 7rem no-repeat;
}
.zgds-home-page--v3 .gzd-workspace__stage,
.zgds-home-page--v3 .gzd-v3-main__stage {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: min(var(--ui-stage-max), calc(100vw - 1.5rem));
    margin-inline: auto;
    padding-inline: var(--ui-stage-pad);
    box-sizing: border-box;
}
@media (min-width: 70rem) {
    .zgds-home-page--v3 .gzd-workspace--with-tools {
        padding-right: var(--ui-tools-rail-reserve);
    }
    .zgds-home-page--v3 .gzd-workspace__stage,
    .zgds-home-page--v3 .gzd-v3-main__stage {
        max-width: min(
            var(--ui-stage-max),
            calc(100vw - var(--ui-tools-rail-reserve) - var(--ui-stage-pad) * 2)
        );
    }
    .zgds-home-page--v3 .gzd-workspace--with-tools .gzd-v3-main__content,
    .zgds-home-page--v3 .gzd-workspace--with-tools .zgds-home-shell {
        width: 100%;
        max-width: none;
        margin-inline: 0;
        padding-inline: 0;
    }
}
@media (max-width: 69.9375rem) {
    .zgds-home-page--v3 .gzd-workspace--with-tools .zgds-home-shell {
        max-width: none;
    }
}
.zgds-home-page--v3 .gzd-workspace__grid {
    display: grid;
    gap: var(--ui-main-gap);
    align-items: start;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-workspace__grid,
    .zgds-home-page--v3 .gzd-v3-main__grid {
        grid-template-columns: var(--ui-nav-w) 1fr;
        gap: var(--ui-main-gap);
    }

    .zgds-home-page--v3 .zgds-home-layout--timeline-hidden {
        grid-template-columns: var(--ui-nav-w) 1fr;
        gap: var(--ui-main-gap);
    }
    .zgds-home-page--v3 .zgds-home-layout--timeline-hidden #timeline-container {
        display: block !important;
        opacity: 1;
        pointer-events: auto;
        width: auto;
        overflow: visible;
    }
}

@media (min-width: 1024px) {
    .zgds-home-page--v3 #timeline-container {
        display: block;
        align-self: start;
        position: sticky;
        top: calc(var(--ui-header-offset, 7.5rem) + 0.5rem);
        max-height: calc(100vh - var(--ui-header-offset, 7.5rem) - 1rem);
        max-height: calc(100dvh - var(--ui-header-offset, 7.5rem) - 1rem);
        padding-right: var(--ui-col-inset);
    }
    .zgds-home-page--v3 #timeline-container .gzd-nav {
        max-height: inherit;
        min-height: 18rem;
    }
}
@media (max-width: 1023px) {
    .zgds-home-page--v3 #timeline-container { display: none; }
    .zgds-home-page--v3 #timeline-dock,
    .zgds-home-page--v3 #close-timeline { display: none !important; }
}

.zgds-home-page--v3 #main-content {
    scroll-margin-top: calc(var(--ui-header-offset, 7.5rem) + 0.75rem);
}

.zgds-home-page--v3 .gzd-nav {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: inherit;
    isolation: isolate;
    background: var(--ui-surface);
    border: 1px solid rgba(212, 184, 122, 0.5);
    border-left: 4px solid var(--ui-gold);
    border-radius: var(--ui-radius);
    box-shadow: 0 6px 24px rgba(42, 18, 18, 0.1);
    overflow: hidden;
}

.zgds-home-page--v3 .gzd-nav--archive,
.zgds-home-page--v3 .gzd-nav--party {
    border: 1px solid rgba(196, 160, 98, 0.42);
    border-left: none;
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(250, 244, 232, 0.96) 100%),
        url('../sucai/zgds/zgds-nav-panel-bg.svg');
    background-size: cover, cover;
    background-position: center, center;
    box-shadow:
        0 6px 22px rgba(74, 24, 24, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.zgds-home-page--v3 .gzd-nav__deco {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-nav__deco--spine {
    top: 0;
    left: 0;
    bottom: 0;
    width: 0.45rem;
    z-index: 3;
    background: linear-gradient(180deg, #6b2828 0%, #8b3838 50%, #6b2828 100%);
    border-radius: var(--ui-radius) 0 0 var(--ui-radius);
    box-shadow: inset -1px 0 0 rgba(196, 160, 98, 0.4);
}
.zgds-home-page--v3 .gzd-nav__deco--wm {
    right: 0.25rem;
    bottom: 1.25rem;
    width: 5.5rem;
    height: 5.5rem;
    opacity: 0.55;
    background: url('../sucai/zgds/zgds-nav-watermark-year.svg') center / contain no-repeat;
}

.zgds-home-page--v3 .gzd-nav__spine { display: none; }
.zgds-home-page--v3 .gzd-nav__watermark { display: none; }
.zgds-home-page--v3 .gzd-nav__corner { display: none; }
.zgds-home-page--v3 .gzd-nav__head-ribbon { display: none; }
.zgds-home-page--v3 .gzd-nav__emblema { display: none; }
.zgds-home-page--v3 .gzd-nav::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(90deg, transparent 5%, var(--ui-red) 20%, var(--ui-gold) 50%, var(--ui-red) 80%, transparent 95%);
    opacity: 0.5;
}
.zgds-home-page--v3 .gzd-nav__head {
    position: relative;
    z-index: 2;
    padding: 2.65rem 0.85rem 0.7rem 1rem;
    border-bottom: 1px solid rgba(196, 160, 98, 0.32);
    background:
        linear-gradient(180deg, rgba(122, 40, 40, 0.06) 0%, rgba(255, 253, 248, 0.98) 55%, rgba(255, 253, 248, 0.98) 100%),
        url('../sucai/zgds/zgds-nav-head-band.svg') center top / 100% 2.25rem no-repeat;
}
.zgds-home-page--v3 .gzd-nav__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0 auto 0.45rem;
    border-radius: 0.4rem;
    background: rgba(255, 252, 245, 0.92);
    border: 1px solid rgba(196, 160, 98, 0.45);
    box-shadow: 0 2px 6px rgba(90, 24, 24, 0.08);
}
.zgds-home-page--v3 .gzd-nav__mark img {
    width: 2.1rem;
    height: 2.1rem;
    object-fit: contain;
}
.zgds-home-page--v3 .gzd-nav__title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--ui-red-deep);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
}
.zgds-home-page--v3 .gzd-nav__subtitle {
    margin: 0.3rem 0 0;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-align: center;
    color: rgba(122, 53, 53, 0.72);
}
.zgds-home-page--v3 .gzd-nav__hint {
    margin: 0.35rem 0 0;
    font-size: 0.75rem;
    text-align: center;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-nav__close {
    display: block;
    margin: 0.55rem auto 0;
}
.zgds-home-page--v3 .gzd-nav__hint--drawer {
    padding: 0 0.85rem 0.35rem;
    margin: 0;
    font-size: 0.6875rem;
    line-height: 1.5;
    color: #5c4a38;
    text-align: left;
}
.zgds-home-page--v3 .gzd-nav__toolbar {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem 0.55rem 1rem;
    background: linear-gradient(180deg, rgba(252, 246, 234, 0.95) 0%, rgba(255, 255, 255, 0.88) 100%);
    border-bottom: 1px solid rgba(212, 184, 122, 0.35);
}
.zgds-home-page--v3 .gzd-nav__status {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-nav__status strong {
    color: var(--ui-red);
    font-size: 1rem;
}
.zgds-home-page--v3 .gzd-nav__tools {
    display: flex;
    gap: 0.4rem;
}
.zgds-home-page--v3 .gzd-nav__scroll {
    position: relative;
    z-index: 2;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0.55rem 0.65rem 0.85rem 1rem;
    -webkit-overflow-scrolling: touch;
    background:
        linear-gradient(90deg, rgba(122, 53, 53, 0.03) 0, transparent 0.65rem),
        url('../sucai/zgds/zgds-nav-rail-line.svg') 0.75rem 0 / 0.5rem 100% no-repeat;
}
.zgds-home-page--v3 .gzd-nav--archive .zgds-timeline-track::before,
.zgds-home-page--v3 .gzd-nav--party .zgds-timeline-track::before {
    display: none;
}

.zgds-home-page--v3 .timeline-group {
    margin-bottom: 0.4rem;
    border: 1px solid rgba(212, 184, 122, 0.42);
    border-radius: 0.35rem;
    overflow: hidden;
    background: linear-gradient(180deg, #fffef9 0%, #faf6ec 100%);
    box-shadow: 0 2px 6px rgba(74, 24, 24, 0.05);
}
.zgds-home-page--v3 .gzd-nav--archive .timeline-group,
.zgds-home-page--v3 .gzd-nav--party .timeline-group {
    border-left: 2px solid rgba(122, 53, 53, 0.28);
}
.zgds-home-page--v3 .timeline-group-header {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.65rem;
    border: none;
    background: linear-gradient(90deg, rgba(122, 40, 40, 0.05) 0%, rgba(252, 246, 234, 0.95) 100%);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    min-height: 2.75rem;
    color: var(--ui-ink);
    transition: background 0.15s ease;
}
.zgds-home-page--v3 .timeline-group-header:hover {
    background: linear-gradient(90deg, rgba(122, 40, 40, 0.1) 0%, #f5efe4 100%);
}
.zgds-home-page--v3 .timeline-group-header__index {
    font-size: 0.625rem;
    font-weight: 800;
    color: var(--ui-gold);
    font-variant-numeric: tabular-nums;
    min-width: 1.25rem;
}
.zgds-home-page--v3 .timeline-group-header__node {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
}
.zgds-home-page--v3 .gzd-nav--archive .timeline-group-header__node,
.zgds-home-page--v3 .gzd-nav--party .timeline-group-header__node {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 0 3px rgba(196, 160, 98, 0.3);
}
.zgds-home-page--v3 .timeline-group-header__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}
.zgds-home-page--v3 .timeline-group-header__name {
    font-weight: 700;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .timeline-group-header__range {
    font-size: 0.6875rem;
    color: var(--ui-muted);
    font-weight: 500;
}
.zgds-home-page--v3 .timeline-group-header__meta {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}
.zgds-home-page--v3 .timeline-group-header__count {
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: var(--ui-paper);
    border: 1px solid var(--ui-border);
    color: var(--ui-muted);
}
.zgds-home-page--v3 .timeline-group-header__chevron {
    color: var(--ui-muted);
    transition: transform 0.2s ease;
}
.zgds-home-page--v3 .timeline-group-header__chevron.is-open {
    transform: rotate(180deg);
}
.zgds-home-page--v3 .timeline-group-years__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.15rem 0.35rem;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .timeline-group-years__inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.zgds-home-page--v3 .timeline-group-years {
    display: none;
    padding: 0.25rem 0.5rem 0.5rem;
    border-top: 1px solid var(--ui-border);
}
.zgds-home-page--v3 .timeline-group-years.is-open,
.zgds-home-page--v3 .timeline-group-years.expanded { display: block; }
.zgds-home-page--v3 .zgds-year-check {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.45rem;
    border-radius: 0.25rem;
    cursor: pointer;
    min-height: 2.25rem;
    font-size: 0.8125rem;
}
.zgds-home-page--v3 .zgds-year-check:hover { background: var(--ui-paper); }
.zgds-home-page--v3 .gzd-nav--party .zgds-year-check:hover {
    background: rgba(122, 40, 40, 0.06);
}
.zgds-home-page--v3 .gzd-nav--party .zgds-year-check:has(.year-checkbox:checked) {
    background: rgba(122, 53, 53, 0.08);
    border-radius: 0.25rem;
}
.zgds-home-page--v3 .year-checkbox { accent-color: var(--ui-red); }

.zgds-home-page--v3 .zgds-hall-btn {
    min-height: 2.25rem;
    padding: 0.3rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
}
.zgds-home-page--v3 .zgds-hall-btn--line {
    background: #fff;
    border-color: var(--ui-border);
    color: var(--ui-red);
}
.zgds-home-page--v3 .zgds-hall-btn--fill {
    background: var(--ui-red);
    color: #fff;
    border-color: var(--ui-red);
}
.zgds-home-page--v3 .zgds-hall-btn--wide {
    width: 100%;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.zgds-home-page--v3 .gzd-catalog.gzd-archive-shell {
    position: relative;
    isolation: isolate;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 0.42rem;
    border: 1px solid rgba(88, 48, 22, 0.34);
    background:
        radial-gradient(ellipse 120% 70% at 50% 0%, rgba(255, 252, 240, 0.95) 0%, transparent 58%),
        repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(122, 62, 26, 0.01) 3px, rgba(122, 62, 26, 0.01) 4px),
        linear-gradient(180deg, #fdf8ec 0%, #f8f0dc 50%, #f3e8cf 100%);
    box-shadow:
        0 1px 0 rgba(255, 250, 238, 0.9) inset,
        0 8px 28px rgba(42, 18, 18, 0.08),
        0 2px 8px rgba(42, 18, 18, 0.05);
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-archive-shell__grain,
.zgds-home-page--v3 .gzd-archive-shell__rim,
.zgds-home-page--v3 .gzd-archive-shell__watermark {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-archive-shell__grain {
    inset: 0;
    opacity: 0.35;
    background: repeating-linear-gradient(90deg, transparent 0, transparent 4px, rgba(90, 48, 18, 0.007) 4px, rgba(90, 48, 18, 0.007) 5px);
}
.zgds-home-page--v3 .gzd-archive-shell__rim {
    inset: 0.38rem;
    border: 1px solid rgba(201, 162, 39, 0.2);
    border-radius: 0.26rem;
}
.zgds-home-page--v3 .gzd-archive-shell__watermark {
    top: 12%;
    right: 4%;
    width: 5.5rem;
    height: 5.5rem;
    opacity: 0.045;
    background: url('../sucai/gzd/gzd-watermark-dang.svg') center / contain no-repeat;
}
.zgds-home-page--v3 .gzd-archive-shell__corner {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-color: rgba(166, 133, 37, 0.48);
    border-style: solid;
    border-width: 0;
    pointer-events: none;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-archive-shell__corner--tl { top: 0.45rem; left: 0.45rem; border-top-width: 2px; border-left-width: 2px; }
.zgds-home-page--v3 .gzd-archive-shell__corner--tr { top: 0.45rem; right: 0.45rem; border-top-width: 2px; border-right-width: 2px; }
.zgds-home-page--v3 .gzd-archive-shell__corner--bl { bottom: 0.45rem; left: 0.45rem; border-bottom-width: 2px; border-left-width: 2px; }
.zgds-home-page--v3 .gzd-archive-shell__corner--br { bottom: 0.45rem; right: 0.45rem; border-bottom-width: 2px; border-right-width: 2px; }
.zgds-home-page--v3 .gzd-catalog__deck {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.zgds-home-page--v3 .gzd-catalog {
    min-width: 0;
}
.zgds-home-page--v3 .gzd-filter-strip {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.75rem 1rem 0.7rem;
    background:
        linear-gradient(180deg, rgba(252, 246, 230, 0.92) 0%, rgba(255, 255, 255, 0.88) 100%);
    border-bottom: 1px dashed rgba(166, 133, 37, 0.28);
}
.zgds-home-page--v3 .gzd-filter-strip__ribbon {
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    height: 0.2rem;
    border-radius: 0.12rem 0.12rem 0 0;
    background: linear-gradient(90deg, #8b4a23 0%, #d4b04a 22%, #f0d878 50%, #d4b04a 78%, #8b4a23 100%);
    box-shadow: 0 1px 3px rgba(90, 48, 18, 0.15);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-filter-strip__row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-filter-strip__label {
    flex-shrink: 0;
    min-width: 3.25rem;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-filter-strip__chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0 0 0.1rem;
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-filter-strip__chips::-webkit-scrollbar {
    height: 4px;
}
.zgds-home-page--v3 .gzd-filter-strip__chips .zgds-hall-intro__period-btn,
.zgds-home-page--v3 .gzd-filter-strip__chips .gzd-vault-chip {
    flex-shrink: 0;
    white-space: nowrap;
}
.zgds-home-page--v3 #main-content {
    padding: 0.85rem 0.9rem 0.9rem;
}

.zgds-home-page--v3 .gzd-journal-stage {
    position: relative;
    isolation: isolate;
    margin-top: 0.25rem;
    padding: 0.85rem 0.75rem 0.75rem;
    border-radius: 0.35rem;
    border: 1px dashed rgba(166, 133, 37, 0.28);
    background:
        linear-gradient(180deg, rgba(255, 254, 248, 0.92) 0%, rgba(252, 246, 232, 0.88) 100%);
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-journal-stage__grain,
.zgds-home-page--v3 .gzd-journal-stage__watermark,
.zgds-home-page--v3 .gzd-journal-stage__shelf {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-journal-stage__grain {
    inset: 0;
    opacity: 0.35;
    background: repeating-linear-gradient(90deg, transparent 0, transparent 5px, rgba(90, 48, 18, 0.006) 5px, rgba(90, 48, 18, 0.006) 6px);
}
.zgds-home-page--v3 .gzd-journal-stage__watermark {
    inset: 0;
    background: url('../sucai/zgds/zgds-catalog-list-watermark.svg') center 60% / 14rem no-repeat;
    opacity: 0.55;
}
.zgds-home-page--v3 .gzd-journal-stage__shelf {
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.35rem;
    background: linear-gradient(90deg, #8b4a23 0%, #d4b04a 30%, #f0d878 50%, #d4b04a 70%, #8b4a23 100%);
    opacity: 0.35;
}
.zgds-home-page--v3 .gzd-journal-stage .zgds-journal-grid,
.zgds-home-page--v3 .gzd-journal-stage .zgds-hall-catalog__foot {
    position: relative;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-journal-stage .zgds-hall-catalog__foot {
    margin-top: 0.85rem;
}

.zgds-home-page--v3 .gzd-catalog__quick {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.85rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 247, 239, 0.85) 100%),
        url('../sucai/atelier-parchment.webp');
    background-size: cover;
    border: 1px solid rgba(212, 184, 122, 0.4);
    border-top: 2px solid var(--ui-gold);
    border-radius: var(--ui-radius);
    box-shadow: 0 3px 16px rgba(42, 18, 18, 0.06);
}
.zgds-home-page--v3 .gzd-catalog__quick-head {
    margin-bottom: 0.65rem;
}
.zgds-home-page--v3 .gzd-catalog__quick-title {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 800;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-catalog__quick-title .zgds-gzd-icon {
    color: var(--ui-gold);
}
.zgds-home-page--v3 .gzd-catalog__quick-desc {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-quick-grid {
    display: grid;
    gap: 0.75rem;
}
@media (min-width: 768px) {
    .zgds-home-page--v3 .gzd-quick-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}
.zgds-home-page--v3 .gzd-quick-panel__label {
    margin: 0 0 0.4rem;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-quick-panel__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.zgds-home-page--v3 .gzd-quick-panel__list--periods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-quick-panel__list--periods {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.zgds-home-page--v3 .gzd-period-stripe {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    margin-bottom: 0.2rem;
}
.zgds-home-page--v3 .zgds-hall-intro__period-btn {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0.4rem 0.5rem;
    min-height: 2.5rem;
    border: 1px solid var(--ui-border);
    border-radius: 0.375rem;
    background: #fff;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
}
.zgds-home-page--v3 .zgds-hall-intro__period-btn.is-active,
.zgds-home-page--v3 .zgds-hall-intro__period-btn[aria-pressed="true"] {
    background: var(--ui-red);
    color: #fff;
    border-color: var(--ui-red);
}
.zgds-home-page--v3 .gzd-vault-chip,
.zgds-home-page--v3 [data-vault-keyword] {
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--ui-border);
    border-radius: 999px;
    background: #fff;
    color: var(--ui-red);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-vault-chip:hover,
.zgds-home-page--v3 [data-vault-keyword]:hover {
    border-color: var(--ui-gold);
    background: var(--ui-paper);
}
.zgds-home-page--v3 .gzd-vault-chip.is-active,
.zgds-home-page--v3 [data-vault-keyword].is-active {
    background: var(--ui-red);
    color: #fff;
    border-color: var(--ui-red);
}
.zgds-home-page--v3 .gzd-quick-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}
.zgds-home-page--v3 .gzd-quick-row__label {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--ui-red-deep);
    min-width: 4rem;
}
.zgds-home-page--v3 .gzd-quick-row__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (max-width: 639px) {
    .zgds-home-page--v3 .gzd-quick-row__list {
        flex-wrap: nowrap;
        overflow-x: auto;
        max-width: 100%;
        padding-bottom: 0.2rem;
    }
}
.zgds-home-page--v3 .zgds-hall-head {
    margin-bottom: 0.65rem;
    padding: 0.65rem 0.75rem;
    background:
        linear-gradient(180deg, rgba(255, 252, 245, 0.96) 0%, rgba(250, 247, 239, 0.9) 100%);
    border: 1px solid rgba(212, 184, 122, 0.32);
    border-left: 3px solid var(--ui-gold);
    border-radius: 0.35rem;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .zgds-hall-head {
        position: sticky;
        top: calc(var(--ui-header-offset, 7.5rem) + 0.35rem);
        z-index: 12;
        box-shadow: 0 2px 10px rgba(42, 18, 18, 0.05);
    }
}
.zgds-home-page--v3 .zgds-hall-head__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--ui-border);
}
.zgds-home-page--v3 .zgds-hall-head__title {
    margin: 0 0 0.25rem;
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 700;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .zgds-hall-head__desc {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .zgds-hall-head__count strong { color: var(--ui-red); }
.zgds-home-page--v3 .zgds-sort-select {
    min-height: 2.25rem;
    padding: 0 0.5rem;
    border: 1px solid var(--ui-border);
    border-radius: 0.375rem;
    font-size: 0.8125rem;
}
.zgds-home-page--v3 .zgds-view-toggle {
    display: inline-flex;
    border: 1px solid var(--ui-border);
    border-radius: 0.375rem;
    overflow: hidden;
}
.zgds-home-page--v3 .zgds-view-toggle__btn {
    min-width: 2.5rem;
    min-height: 2.25rem;
    border: none;
    background: #fff;
    cursor: pointer;
}
.zgds-home-page--v3 .zgds-view-toggle__btn.is-active {
    background: var(--ui-red);
    color: #fff;
}

.zgds-home-page--v3 .zgds-journal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 9.5rem), 1fr));
    gap: 0.8rem;
}
@media (min-width: 768px) {
    .zgds-home-page--v3 .zgds-journal-grid {
        grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    }
}
@media (min-width: 1280px) {
    .zgds-home-page--v3 .zgds-journal-grid {
        grid-template-columns: repeat(auto-fill, minmax(9.75rem, 1fr));
        gap: 0.75rem;
    }
}
.zgds-home-page--v3 .zgds-journal-grid--list {
    grid-template-columns: 1fr;
}

.zgds-home-page--v3 .zgds-journal-card,
.zgds-home-page--v3 .zgds-mag-card {
    background: linear-gradient(180deg, #fffef8 0%, #faf7ef 100%);
    border: 1px solid rgba(212, 184, 122, 0.38);
    border-top: 2px solid rgba(218, 176, 48, 0.35);
    border-radius: 0.35rem;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(42, 18, 18, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    cursor: pointer;
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}
.zgds-home-page--v3 .zgds-journal-card:hover,
.zgds-home-page--v3 .zgds-mag-card:hover {
    box-shadow: 0 6px 18px rgba(42, 18, 18, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transform: translateY(-3px);
    border-color: rgba(218, 176, 48, 0.48);
}
.zgds-home-page--v3 .zgds-mag-card__visual {
    aspect-ratio: 3/4;
    background:
        linear-gradient(145deg, var(--ui-paper) 0%, #f0e8d6 100%);
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(212, 184, 122, 0.22);
}
.zgds-home-page--v3 .zgds-mag-card__visual::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--ui-gold-light) 0%, var(--ui-gold) 50%, var(--ui-red-soft) 100%);
    opacity: 0.75;
}
.zgds-home-page--v3 .zgds-mag-card__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.zgds-home-page--v3 .zgds-mag-card__period {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    padding: 0.1rem 0.4rem;
    font-size: 0.625rem;
    color: #fff;
    border-radius: 0.25rem;
    font-weight: 700;
}
.zgds-home-page--v3 .zgds-mag-card__info { padding: 0.65rem 0.75rem 0.75rem; }
.zgds-home-page--v3 .zgds-journal-card__title {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.zgds-home-page--v3 .zgds-journal-card__meta {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--ui-muted);
}

.zgds-home-page--v3 .zgds-journal-list-card {
    display: grid;
    grid-template-columns: 4px 4rem 1fr auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.55rem 0.75rem;
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    cursor: pointer;
}
.zgds-home-page--v3 .zgds-mag-row__accent { align-self: stretch; border-radius: 2px; }

.zgds-home-page--v3 .zgds-empty-state {
    grid-column: 1 / -1;
    padding: 2rem 1rem;
    text-align: center;
    border: 1px dashed var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
}
.zgds-home-page--v3 .zgds-year-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}
.zgds-home-page--v3 .zgds-year-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.45rem;
    background: var(--ui-paper);
    border: 1px solid var(--ui-border);
    border-radius: 999px;
    font-size: 0.75rem;
}
.zgds-home-page--v3 .zgds-hall-catalog__foot {
    margin-top: 1rem;
    text-align: center;
}

.zgds-home-page--v3 .gzd-mobile-only { display: block; }
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-mobile-only { display: none !important; }
}
.zgds-home-page--v3 .zgds-hall-fab {
    position: fixed;
    right: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 90;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    border: 2px solid var(--ui-gold);
    background: linear-gradient(145deg, #5c2424 0%, var(--ui-red-deep) 100%);
    color: #fff;
    box-shadow: 0 4px 20px rgba(42, 18, 18, 0.35), 0 0 0 4px rgba(184, 148, 79, 0.15);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.zgds-home-page--v3 .zgds-hall-fab:hover {
    box-shadow: 0 6px 24px rgba(42, 18, 18, 0.4), 0 0 12px rgba(184, 148, 79, 0.35);
}
.zgds-home-page--v3 .zgds-mobile-drawer {
    position: fixed;
    inset: 0;
    z-index: 200;
}
.zgds-home-page--v3 .zgds-mobile-drawer__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(20, 8, 8, 0.5);
}
.zgds-home-page--v3 .zgds-mobile-drawer__panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(88vw, 22rem);
    background: var(--ui-surface);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
    transform: translateX(-105%);
    transition: transform 0.25s ease;
    overflow-y: auto;
}
.zgds-home-page--v3 .zgds-mobile-drawer.is-open .zgds-mobile-drawer__panel {
    transform: translateX(0);
}

.zgds-home-page--v3 .gzd-ft {
    margin-top: auto;
    padding: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.8125rem;
    border: none;
}
.zgds-home-page--v3 .gzd-vault-ft__body {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #3a1212 0%, var(--ui-red-deep) 35%, #2e0e0e 100%);
    border-top: none;
    box-shadow: 0 -6px 24px rgba(42, 18, 18, 0.12);
}
.zgds-home-page--v3 .gzd-vault-ft__body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(212, 184, 122, 0.35) 20%,
        rgba(212, 184, 122, 0.55) 50%,
        rgba(212, 184, 122, 0.35) 80%,
        transparent 100%
    );
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-vault-ft__texture {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.18;
    background-image: url('../sucai/hall-paper-texture.webp');
    background-size: cover;
    background-position: center;
    mix-blend-mode: soft-light;
}
.zgds-home-page--v3 .gzd-vault-ft__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: min(var(--ui-stage-max), 100%);
    margin-inline: auto;
    padding: 1.1rem var(--ui-stage-pad) 0.85rem;
    box-sizing: border-box;
}
.zgds-home-page--v3 .gzd-vault-ft__head-row {
    display: grid;
    gap: 1.15rem;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
@media (min-width: 960px) {
    .zgds-home-page--v3 .gzd-vault-ft__head-row {
        grid-template-columns: minmax(0, 1.1fr) auto minmax(0, 0.95fr);
        gap: clamp(1.25rem, 2.8vw, 2.25rem);
        align-items: center;
    }
    .zgds-home-page--v3 .gzd-vault-ft__brand-col {
        justify-self: stretch;
        padding-right: 0;
    }
    .zgds-home-page--v3 .gzd-vault-ft__ku-col {
        justify-self: center;
        width: 100%;
        max-width: 19.5rem;
        padding-inline: clamp(0.5rem, 1.2vw, 1rem);
    }
    .zgds-home-page--v3 .gzd-vault-ft__qr-col {
        justify-self: stretch;
        padding-left: 0;
        text-align: right;
        align-items: flex-end;
    }
    .zgds-home-page--v3 .gzd-vault-ft__qr-col .gzd-vault-ft__section-title {
        text-align: right;
    }
    .zgds-home-page--v3 .gzd-vault-ft__qr-grid {
        justify-content: flex-end;
    }
}
@media (max-width: 959px) {
    .zgds-home-page--v3 .gzd-vault-ft__ku-col {
        order: 3;
        padding-top: 0.35rem;
    }
    .zgds-home-page--v3 .gzd-vault-ft__qr-col {
        order: 2;
    }
    .zgds-home-page--v3 .gzd-ft-ku--head {
        max-width: 19.5rem;
        margin-inline: auto;
    }
}
.zgds-home-page--v3 .gzd-vault-ft__ku-col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    overflow: visible;
    width: 100%;
    text-align: center;
}
.zgds-home-page--v3 .gzd-vault-ft__ku-col .gzd-ft-ku--head {
    width: 100%;
    max-width: 19.5rem;
    margin-inline: auto;
}
.zgds-home-page--v3 .gzd-vault-ft__section-title {
    margin: 0 0 0.65rem;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--ui-gold-light);
}
.zgds-home-page--v3 .gzd-vault-ft__brand-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.55rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-vault-ft__brand-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.32rem;
}
.zgds-home-page--v3 .gzd-vault-ft__logo {
    height: clamp(1.85rem, 4.2vw, 2.65rem);
    width: auto;
    max-width: min(100%, 22rem);
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.38));
}
.zgds-home-page--v3 .gzd-vault-ft__motto {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: rgba(255, 248, 235, 0.82);
}
.zgds-home-page--v3 .gzd-vault-ft__motto-dot {
    width: 0.32rem;
    height: 0.32rem;
    flex-shrink: 0;
    background: var(--ui-gold-light);
    transform: rotate(45deg);
    opacity: 0.85;
}
.zgds-home-page--v3 .gzd-vault-ft__tagline {
    margin: 0;
    font-size: 0.71875rem;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.55;
    max-width: 28rem;
}
.zgds-home-page--v3 .gzd-vault-ft__qr-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 0.85rem;
}
.zgds-home-page--v3 .gzd-vault-ft__qr img {
    display: block;
    width: 3.85rem;
    height: 3.85rem;
    border-radius: 0.35rem;
    border: 2px solid rgba(212, 184, 122, 0.45);
    background: #fff;
    padding: 0.18rem;
}
.zgds-home-page--v3 .gzd-vault-ft__ku-col .gzd-ft__copy {
    margin: 0;
    padding: 0 0.25rem;
    border-top: none;
    text-align: center;
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-normal);
    color: rgba(255, 255, 255, 0.58);
    letter-spacing: 0.04em;
    width: 100%;
    max-width: 19.5rem;
}

.zgds-home-page--v3 .gzd-ft-ku {
    margin: 0;
}
.zgds-home-page--v3 .gzd-resources-shell {
    position: relative;
    isolation: isolate;
    border-radius: 0.42rem;
    border: 1px solid rgba(88, 48, 22, 0.42);
    box-shadow:
        0 1px 0 rgba(255, 250, 238, 0.9) inset,
        0 10px 32px rgba(0, 0, 0, 0.22),
        0 4px 14px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    background:
        radial-gradient(ellipse 120% 70% at 50% 0%, rgba(255, 252, 240, 0.95) 0%, transparent 58%),
        repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(122, 62, 26, 0.01) 3px, rgba(122, 62, 26, 0.01) 4px),
        linear-gradient(180deg, #fdf8ec 0%, #f8f0dc 50%, #f3e8cf 100%);
}
.zgds-home-page--v3 .gzd-resources-shell__grain,
.zgds-home-page--v3 .gzd-resources-shell__rim {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-resources-shell__grain {
    inset: 0;
    opacity: 0.4;
    background: repeating-linear-gradient(90deg, transparent 0, transparent 4px, rgba(90, 48, 18, 0.007) 4px, rgba(90, 48, 18, 0.007) 5px);
}
.zgds-home-page--v3 .gzd-resources-shell__rim {
    inset: 0.38rem;
    border: 1px solid rgba(201, 162, 39, 0.22);
    border-radius: 0.26rem;
}
.zgds-home-page--v3 .gzd-resources-shell__corner {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-color: rgba(166, 133, 37, 0.5);
    border-style: solid;
    border-width: 0;
    pointer-events: none;
    z-index: 2;
}
.zgds-home-page--v3 .gzd-resources-shell__corner--tl { top: 0.45rem; left: 0.45rem; border-top-width: 2px; border-left-width: 2px; }
.zgds-home-page--v3 .gzd-resources-shell__corner--tr { top: 0.45rem; right: 0.45rem; border-top-width: 2px; border-right-width: 2px; }
.zgds-home-page--v3 .gzd-resources-shell__corner--bl { bottom: 0.45rem; left: 0.45rem; border-bottom-width: 2px; border-left-width: 2px; }
.zgds-home-page--v3 .gzd-resources-shell__corner--br { bottom: 0.45rem; right: 0.45rem; border-bottom-width: 2px; border-right-width: 2px; }
.zgds-home-page--v3 .gzd-resources-shell__rod {
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    height: 0.2rem;
    border-radius: 0.12rem 0.12rem 0 0;
    background: linear-gradient(90deg, #8b4a23 0%, #d4b04a 22%, #f0d878 50%, #d4b04a 78%, #8b4a23 100%);
    box-shadow: 0 1px 3px rgba(90, 48, 18, 0.18);
    pointer-events: none;
    z-index: 3;
}
.zgds-home-page--v3 .gzd-resources-shell__band {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.5625rem 1.125rem 0.5rem;
    border-bottom: 1px dashed rgba(166, 133, 37, 0.34);
    background:
        radial-gradient(ellipse 70% 120% at 50% 0%, rgba(255, 252, 240, 0.55) 0%, transparent 70%),
        linear-gradient(180deg, rgba(252, 246, 230, 0.9) 0%, rgba(247, 237, 210, 0.55) 100%);
}
.zgds-home-page--v3 .gzd-resources-shell__band-side {
    flex: 1 1 0;
    min-width: 1.5rem;
    height: 1px;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-resources-shell__band-side--l {
    background: linear-gradient(90deg, transparent 0%, rgba(201, 162, 39, 0.12) 18%, rgba(201, 162, 39, 0.42) 100%);
}
.zgds-home-page--v3 .gzd-resources-shell__band-side--r {
    background: linear-gradient(270deg, transparent 0%, rgba(201, 162, 39, 0.12) 18%, rgba(201, 162, 39, 0.42) 100%);
}
.zgds-home-page--v3 .gzd-resources-shell__band-core {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.4rem 1.125rem 0.38rem;
    border: 1px solid rgba(201, 162, 39, 0.38);
    border-radius: 0.3rem;
    background: linear-gradient(180deg, rgba(255, 252, 245, 0.96) 0%, rgba(247, 237, 210, 0.88) 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 3px 10px rgba(90, 48, 18, 0.08);
}
.zgds-home-page--v3 .gzd-resources-shell__band-core::before,
.zgds-home-page--v3 .gzd-resources-shell__band-core::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.375rem;
    height: 0.375rem;
    border: 1px solid rgba(201, 162, 39, 0.35);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-resources-shell__band-core::before { left: 0.42rem; }
.zgds-home-page--v3 .gzd-resources-shell__band-core::after { right: 0.42rem; }
.zgds-home-page--v3 .gzd-resources-shell__seal {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    font-family: "Ma Shan Zheng", "STKaiti", "KaiTi", serif;
    font-size: 1.0625rem;
    font-weight: 700;
    color: #fff9f0;
    background: linear-gradient(145deg, #a68525 0%, #8b4a23 48%, #7a3e1a 100%);
    border: 1.5px solid rgba(229, 196, 109, 0.5);
    border-radius: 0.24rem;
    box-shadow: 0 2px 6px rgba(90, 48, 18, 0.24), inset 0 1px 0 rgba(255, 248, 232, 0.28);
}
.zgds-home-page--v3 .gzd-resources-shell__title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 1.0625rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-indent: 0.22em;
    color: #5a3012;
    white-space: nowrap;
    line-height: 1.2;
}
.zgds-home-page--v3 .gzd-resources-shell__stage {
    position: relative;
    z-index: 1;
    padding: 0.75rem 0.65rem 0.85rem;
    background: radial-gradient(ellipse 88% 100% at 50% 0%, rgba(255, 252, 244, 0.96) 0%, rgba(247, 237, 210, 0.88) 100%);
}
.zgds-home-page--v3 .gzd-resources-shell__stage::before,
.zgds-home-page--v3 .gzd-resources-shell__stage::after {
    content: "";
    position: absolute;
    top: 0.35rem;
    bottom: 0.4rem;
    width: clamp(1.25rem, 2.5vw, 2rem);
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-resources-shell__stage::before {
    left: 0;
    background: linear-gradient(90deg, rgba(247, 237, 210, 0.92), transparent);
}
.zgds-home-page--v3 .gzd-resources-shell__stage::after {
    right: 0;
    background: linear-gradient(270deg, rgba(247, 237, 210, 0.92), transparent);
}
.zgds-home-page--v3 .gzd-resources-fan {
    position: relative;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-ft-ku__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 640px) {
    .zgds-home-page--v3 .gzd-ft-ku__list {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-ft-ku__list {
        grid-template-columns: repeat(9, minmax(0, 1fr));
        gap: 0.55rem;
        align-items: end;
    }
    .zgds-home-page--v3 .gzd-ft-ku__list > li:nth-child(1),
    .zgds-home-page--v3 .gzd-ft-ku__list > li:nth-child(9) { transform: translateY(2px); }
    .zgds-home-page--v3 .gzd-ft-ku__list > li:nth-child(2),
    .zgds-home-page--v3 .gzd-ft-ku__list > li:nth-child(8) { transform: translateY(1px); }
}
.zgds-home-page--v3 .gzd-ft-ku__list > li {
    min-width: 0;
}
.zgds-home-page--v3 .gzd-ft-ku__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    height: 100%;
    padding: 0.55rem 0.35rem 0.5rem;
    text-decoration: none;
    border-radius: 3px 3px 7px 7px;
    background: linear-gradient(168deg, #fffef8 0%, #f7eed8 52%, #efe2c4 100%);
    border: 1px solid rgba(166, 133, 37, 0.34);
    border-top: 2px solid rgba(218, 176, 48, 0.48);
    box-shadow: 0 2px 5px rgba(90, 48, 18, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.zgds-home-page--v3 .gzd-ft-ku__card:hover {
    transform: translateY(-3px);
    z-index: 2;
    border-color: rgba(218, 176, 48, 0.62);
    box-shadow: 0 6px 16px rgba(90, 48, 18, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
.zgds-home-page--v3 .gzd-ft-ku__card--current {
    border-color: rgba(122, 53, 53, 0.5);
    background: linear-gradient(168deg, #fff8f0 0%, #f5e8d0 52%, #edd9b8 100%);
    box-shadow: 0 0 0 2px rgba(184, 148, 79, 0.4), 0 5px 16px rgba(90, 48, 18, 0.12);
}
.zgds-home-page--v3 .gzd-ft-ku__fold {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.65rem;
    height: 0.65rem;
    background: linear-gradient(225deg, rgba(255, 255, 255, 0.55) 0%, rgba(201, 162, 39, 0.25) 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-ft-ku__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.35rem;
    background: linear-gradient(145deg, #fffdf6 0%, rgba(255, 255, 255, 0.96) 100%);
    border: 1px solid rgba(122, 62, 26, 0.1);
    box-shadow: 0 2px 6px rgba(122, 62, 26, 0.06);
    transition: transform 0.15s ease;
}
.zgds-home-page--v3 .gzd-ft-ku__card:hover .gzd-ft-ku__icon {
    transform: scale(1.06);
}
.zgds-home-page--v3 .gzd-ft-ku__icon img {
    width: 2.1rem;
    height: 2.1rem;
    object-fit: contain;
    display: block;
}
.zgds-home-page--v3 .gzd-ft-ku__name {
    margin-top: 0.4rem;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: clamp(0.6875rem, 1.8vw, 0.875rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.02em;
    color: #4a2818;
}
.zgds-home-page--v3 .gzd-ft-ku__card--current .gzd-ft-ku__name {
    color: #6b1f1f;
}

.zgds-home-page--v3 .gzd-ft-ku--head {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 0.75rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(212, 184, 122, 0.22);
    background: rgba(0, 0, 0, 0.12);
    overflow: visible;
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__head-title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-align: center;
    width: 100%;
    color: var(--ui-gold-light);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix-wrap {
    --gzd-ft-ku-icon: 2.75rem;
    --gzd-ft-ku-gap: 0.58rem;
    display: grid;
    grid-template-columns: repeat(5, var(--gzd-ft-ku-icon));
    column-gap: var(--gzd-ft-ku-gap);
    row-gap: 0.52rem;
    justify-content: start;
    align-content: start;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix {
    display: contents;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (max-width: 479px) {
    .zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix-wrap {
        --gzd-ft-ku-icon: 2.45rem;
        --gzd-ft-ku-gap: 0.48rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0.15rem;
    }
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix-cell {
    flex: 0 0 auto;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry {
    position: relative;
    display: grid;
    place-items: center;
    width: var(--gzd-ft-ku-icon, 2.7rem);
    height: var(--gzd-ft-ku-icon, 2.7rem);
    padding: 0;
    text-decoration: none;
    border-radius: 0.5rem;
    border: 1px solid rgba(212, 184, 122, 0.26);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.06) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease,
        box-shadow 0.15s ease;
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry:hover,
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry:focus-visible {
    z-index: 2;
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(212, 184, 122, 0.45);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry--current {
    border-color: rgba(212, 184, 122, 0.48);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.08) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry--current::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.22rem;
    width: 0.875rem;
    height: 2px;
    border-radius: 1px;
    background: rgba(212, 184, 122, 0.75);
    transform: translateX(-50%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry--current:hover,
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry--current:focus-visible {
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry-img {
    width: 1.65rem;
    height: 1.65rem;
    object-fit: contain;
    display: block;
    pointer-events: none;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.18));
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry-tip {
    position: absolute;
    bottom: calc(100% + 0.42rem);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    padding: 0.22rem 0.5rem;
    border-radius: 0.28rem;
    border: 1px solid rgba(212, 184, 122, 0.45);
    background: rgba(28, 10, 10, 0.94);
    color: #fff8eb;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.16s ease,
        transform 0.16s ease,
        visibility 0.16s ease;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
    z-index: 3;
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry-tip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(28, 10, 10, 0.94);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry:hover .gzd-ft-ku__entry-tip,
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry:focus-visible .gzd-ft-ku__entry-tip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry:focus-visible {
    outline: 2px solid var(--ui-gold-light);
    outline-offset: 2px;
}
@media (hover: none) {
    .zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry:active .gzd-ft-ku__entry-tip {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
}

.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix--row2 .gzd-ft-ku__entry-tip {
    bottom: auto;
    top: calc(100% + 0.42rem);
    transform: translateX(-50%) translateY(-4px);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix--row2 .gzd-ft-ku__entry-tip::after {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: rgba(28, 10, 10, 0.94);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix--row2 .gzd-ft-ku__entry:hover .gzd-ft-ku__entry-tip,
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix--row2 .gzd-ft-ku__entry:focus-visible .gzd-ft-ku__entry-tip,
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__matrix--row2 .gzd-ft-ku__entry:active .gzd-ft-ku__entry-tip {
    transform: translateX(-50%) translateY(0);
}

.zgds-home-page--v3 .gzd-ft-ku--footer,
.zgds-home-page--v3 .gzd-ft-ku--compact {
    padding: 0.85rem 1rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(212, 184, 122, 0.38);
    background:
        radial-gradient(ellipse 100% 80% at 50% 0%, rgba(255, 252, 240, 0.16) 0%, transparent 65%),
        rgba(0, 0, 0, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__compact-head,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__compact-head {
    margin-bottom: 0.75rem;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__compact-title,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__compact-title {
    font-size: 0.875rem;
    letter-spacing: 0.14em;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__list,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    align-items: stretch;
}
@media (min-width: 640px) {
    .zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__list,
    .zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__list {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.7rem;
    }
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__list,
    .zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__list {
        grid-template-columns: repeat(9, minmax(0, 1fr));
        gap: 0.75rem;
    }
    .zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__list > li,
    .zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__list > li {
        transform: none !important;
    }
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__list > li,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__list > li {
    display: flex;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__card,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__card {
    flex: 1;
    width: 100%;
    min-height: 4.25rem;
    padding: 0.4rem 0.3rem 0.38rem;
    border-radius: 3px 3px 6px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__card:hover,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__card:hover {
    transform: translateY(-2px);
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__icon,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__icon {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 252, 245, 0.92);
    border: 1px solid rgba(212, 184, 122, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__icon img,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__icon img {
    width: 1.35rem;
    height: 1.35rem;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__name,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__name {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 1.8em;
    margin-top: 0.28rem;
    font-size: 0.625rem;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-align: center;
    word-break: keep-all;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__fold,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__fold {
    width: 0.4rem;
    height: 0.4rem;
}
.zgds-home-page--v3 .gzd-ft-ku__compact-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0;
}
.zgds-home-page--v3 .gzd-ft-ku__compact-seal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.75rem;
    font-weight: 800;
    color: rgba(255, 248, 232, 0.95);
    background: linear-gradient(145deg, #a68525 0%, #8b4a23 48%, #7a3e1a 100%);
    border: 1px solid rgba(229, 196, 109, 0.45);
    border-radius: 0.22rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.zgds-home-page--v3 .gzd-ft-ku__compact-title {
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--ui-gold-light);
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-vault-ft__qr {
    margin: 0;
    text-align: center;
}
.zgds-home-page--v3 .gzd-vault-ft__qr figcaption {
    margin-top: 0.32rem;
    font-size: 0.65625rem;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.35;
}
.zgds-home-page--v3 .gzd-vault-ft__brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-vault-ft__qr-col {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
}
@media (min-width: 960px) {
    .zgds-home-page--v3 .gzd-vault-ft__qr-col {
        align-items: flex-end;
    }
}

@media (max-width: 767px) {
    .zgds-home-page--v3 .gzd-vault-hd__bg {
        background-position: center, center, 68% center;
    }
    .zgds-home-page--v3 .gzd-vault-hd__slogan {
        gap: 0.65rem;
        padding-inline: 1rem;
    }
    .zgds-home-page--v3 .gzd-vault-hd__slogan-text {
        letter-spacing: 0.18rem;
        font-size: 0.875rem;
    }
    .zgds-home-page--v3 .gzd-ft-ku__list > li:nth-child(n) {
        transform: none;
    }
}

.zgds-home-page--v3 .gzd-vault-ft__mail {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--ui-gold-light);
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
}
.zgds-home-page--v3 .gzd-vault-ft__mail:hover {
    color: #fff;
}

.zgds-home-page--v3 .zgds-skip-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 0.75rem 1.15rem;
    min-height: 2.75rem;
    background: var(--ui-red-deep);
    color: #fff;
    font-weight: 600;
    transform: translateY(-120%);
    text-decoration: none;
    border-radius: 0 0 0.35rem 0;
}
.zgds-home-page--v3 .zgds-skip-link:focus,
.zgds-home-page--v3 .zgds-skip-link:focus-visible {
    transform: translateY(0);
    outline: 3px solid #fff;
    outline-offset: 2px;
}
.zgds-home-page--v3 .focus-outline:focus-visible {
    outline: 3px solid var(--ui-gold-light);
    outline-offset: 3px;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit:focus-visible {
    fill: rgba(255, 255, 255, 0.18);
    filter: drop-shadow(0 0 0 3px rgba(232, 204, 130, 0.95)) drop-shadow(0 0 10px rgba(255, 248, 235, 0.55));
}
.zgds-home-page--v3 .zgds-sr-only,
.zgds-home-page--v3 .zgds-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.zgds-home-page--v3 .hidden { display: none !important; }
.zgds-home-page--v3 .zgds-fx-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    z-index: 9998;
    background: var(--ui-gold);
}

.zgds-home-page--v3 .zgds-loading-row,
.zgds-home-page--v3 #initial-loading-indicator,
.zgds-home-page--v3 #more-loading-indicator {
    grid-column: 1 / -1;
    padding: 2rem;
    text-align: center;
    color: var(--ui-muted);
    font-size: 0.875rem;
}
.zgds-home-page--v3 .zgds-gzd-icon--spin {
    animation: zgdsIconSpin 0.85s linear infinite;
}
@keyframes zgdsIconSpin { to { transform: rotate(360deg); } }
.zgds-home-page--v3 .zgds-empty-state__icon .zgds-gzd-icon {
    width: 2.25rem;
    height: 2.25rem;
    color: var(--ui-gold);
}
.zgds-home-page--v3 .custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--ui-gold) transparent;
}
.zgds-home-page--v3 .count-animation {
    animation: gzdCountBump 0.4s ease;
}
@keyframes gzdCountBump {
    50% { transform: scale(1.06); color: var(--ui-red-soft); }
}
.zgds-home-page--v3 #documents-container-wrapper.is-loading,
.zgds-home-page--v3 #documents-container-wrapper[aria-busy="true"] {
    opacity: 0.65;
    pointer-events: none;
}
.zgds-home-page--v3 .zgds-hall-head.is-highlight,
.zgds-home-page--v3 .zgds-hall-head__main.is-highlight {
    animation: gzdHeadPulse 1s ease;
}
@keyframes gzdHeadPulse {
    50% { box-shadow: 0 0 0 3px rgba(184, 148, 79, 0.35); }
}
.zgds-home-page--v3 .zgds-mobile-timeline-fab__badge.is-visible { display: inline-block; }
.zgds-home-page--v3 .mobile-touch-target { min-height: 2.75rem; min-width: 2.75rem; }

.zgds-home-page--v3 .gzd-tools-rail {
    z-index: 70;
}
@media (min-width: 70rem) {
    .zgds-home-page--v3 .gzd-tools-rail {
        position: fixed;
        right: max(0.5rem, env(safe-area-inset-right, 0px));
        top: 50%;
        transform: translateY(-50%);
        width: var(--ui-tools-rail-w);
        max-height: min(88vh, 36rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        pointer-events: auto;
    }
    .zgds-home-page--v3 .gzd-v3-main__stage .gzd-tools-rail {
        flex: none;
    }
}
@media (max-width: 69.9375rem) {
    .zgds-home-page--v3 .gzd-workspace--with-tools {
        padding-right: 0;
    }
    .zgds-home-page--v3 .gzd-v3-main__stage {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    .zgds-home-page--v3 .gzd-tools-rail {
        position: static;
        transform: none;
        width: 100%;
        max-height: none;
        order: 2;
        margin-top: 0.25rem;
        padding-inline: clamp(0.75rem, 2.5vw, 1.5rem);
    }
}
.zgds-home-page--v3 .gzd-tools-rail .tools-card {
    position: relative;
    overflow: hidden;
    padding: clamp(0.75rem, 1.4vh, 0.875rem);
    border-radius: calc(var(--ui-radius) + 2px);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(253, 248, 232, 0.96) 100%);
    border: 1px solid rgba(201, 162, 39, 0.18);
    box-shadow: 0 6px 24px rgba(122, 62, 26, 0.08), 0 2px 8px rgba(122, 62, 26, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.zgds-home-page--v3 .gzd-tools-rail .tools-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #8b6914 30%, var(--ui-gold) 50%, #8b6914 70%, transparent 100%);
    opacity: 0.5;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-tools-rail .tools-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-tools-rail .tools-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    margin-bottom: 0.625rem;
    padding-top: 0.125rem;
}
.zgds-home-page--v3 .gzd-tools-rail .tools-title {
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 1rem;
    font-weight: 600;
    color: #4a2818;
    letter-spacing: 0.1rem;
    text-shadow: 0 1px 2px rgba(122, 62, 26, 0.06);
}
.zgds-home-page--v3 .gzd-tools-rail .tools-list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin: 0;
    padding: 0;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item {
    display: flex;
    align-items: center;
    gap: 0.5625rem;
    width: 100%;
    padding: 0.5625rem;
    border: 1px solid transparent;
    border-radius: var(--ui-radius);
    background: linear-gradient(135deg, rgba(201, 162, 39, 0.02) 0%, transparent 100%);
    color: var(--ui-ink);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(201, 162, 39, 0.06) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.15s ease;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item:hover {
    background: linear-gradient(135deg, rgba(201, 162, 39, 0.12) 0%, rgba(122, 62, 26, 0.06) 100%);
    transform: translateX(-4px);
    border-color: rgba(201, 162, 39, 0.25);
    box-shadow: 0 3px 12px rgba(122, 62, 26, 0.08);
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item:hover::before { opacity: 1; }
.zgds-home-page--v3 .gzd-tools-rail .tool-icon-box {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--ui-radius);
    background: linear-gradient(145deg, #fffdf6 0%, #f3efe6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(122, 62, 26, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    flex-shrink: 0;
    border: 1px solid rgba(122, 62, 26, 0.05);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item:hover .tool-icon-box {
    background: linear-gradient(145deg, rgba(201, 162, 39, 0.12) 0%, rgba(201, 162, 39, 0.05) 100%);
    transform: scale(1.05);
    box-shadow: 0 3px 10px rgba(201, 162, 39, 0.12);
}
.zgds-home-page--v3 .gzd-tools-rail .tool-icon {
    width: 1.625rem;
    height: 1.625rem;
    object-fit: contain;
    filter: drop-shadow(0 1px 3px rgba(122, 62, 26, 0.15));
    transition: filter 0.15s ease;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item:hover .tool-icon {
    filter: drop-shadow(0 2px 5px rgba(122, 62, 26, 0.2));
}
.zgds-home-page--v3 .gzd-tools-rail .tool-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-name {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #4a2818;
    letter-spacing: 0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-desc {
    font-size: 0.8125rem;
    color: var(--ui-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item.special::after {
    content: "特色";
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.2rem 0.6rem;
    background: linear-gradient(180deg, #fff9f0 0%, #f3e2c4 100%);
    color: #8b3224;
    font-size: 0.6875rem;
    border-radius: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    border: 1px solid rgba(166, 133, 37, 0.55);
    box-shadow: 0 2px 6px rgba(90, 48, 18, 0.12);
    pointer-events: none;
}

.zgds-home-page--v3 .gzd-nianhao-dialog {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.zgds-home-page--v3 .gzd-nianhao-dialog:not([hidden]) {
    display: flex;
}
.zgds-home-page--v3 .gzd-nianhao-dialog__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(26, 8, 8, 0.55);
}
.zgds-home-page--v3 .gzd-nianhao-dialog__panel {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(92vw, 56rem);
    height: min(88vh, 40rem);
    border-radius: calc(var(--ui-radius) + 2px);
    overflow: hidden;
    background: var(--ui-surface);
    border: 2px solid rgba(212, 184, 122, 0.55);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
}
.zgds-home-page--v3 .gzd-nianhao-dialog__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    background: linear-gradient(180deg, var(--ui-red-deep) 0%, #5a2020 100%);
    color: #fff;
    border-bottom: 2px solid var(--ui-gold);
}
.zgds-home-page--v3 .gzd-nianhao-dialog__title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 1rem;
    letter-spacing: 0.08em;
}
.zgds-home-page--v3 .gzd-nianhao-dialog__close {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0.35rem;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}
.zgds-home-page--v3 .gzd-nianhao-dialog__frame {
    flex: 1;
    width: 100%;
    border: none;
    background: #fff;
}

.zgds-home-page--v3 .gzd-vault-hd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 4;
    background: linear-gradient(90deg, transparent 5%, var(--ui-gold) 35%, var(--ui-gold-light) 50%, var(--ui-gold) 65%, transparent 95%);
}

body.zgds-home-page--v3:has(.gzd-v3-hd) {
    --ui-nav-w: 18.5rem;
    --ui-header-offset: 0.75rem;
}

.zgds-home-page--v3 .gzd-v3-hd {
    position: relative;
    top: 0;
    margin: 0;
    z-index: 50;
    overflow: hidden;
    background: var(--ui-red-deep);
    box-shadow: 0 4px 20px rgba(26, 8, 8, 0.35);
}
.zgds-home-page--v3 .gzd-v3-hd__ribbon {
    position: relative;
    z-index: 3;
    flex-shrink: 0;
    margin: 0;
    height: 5px;
    line-height: 0;
    background: linear-gradient(
        90deg,
        var(--period0) 0%,
        var(--period0) 21.35%,
        var(--ui-gold-light) 21.35%,
        var(--ui-gold-light) 21.55%,
        var(--period1) 21.55%,
        var(--period1) 40.69%,
        var(--ui-gold-light) 40.69%,
        var(--ui-gold-light) 40.89%,
        var(--period2) 40.89%,
        var(--period2) 60.55%,
        var(--ui-gold-light) 60.55%,
        var(--ui-gold-light) 60.75%,
        var(--period3) 60.75%,
        var(--period3) 80.27%,
        var(--ui-gold-light) 80.27%,
        var(--ui-gold-light) 80.47%,
        var(--period4) 80.47%,
        var(--period4) 100%
    );
    box-shadow: 0 1px 0 rgba(255, 248, 235, 0.15);
}
.zgds-home-page--v3 .gzd-v3-hd__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 55% 100% at 80% 40%, rgba(212, 184, 122, 0.22), transparent 55%),
        linear-gradient(105deg, rgba(42, 14, 14, 0.9) 0%, rgba(74, 24, 24, 0.65) 45%, rgba(42, 14, 14, 0.88) 100%),
        url('../sucai/header.png') 72% center / cover no-repeat;
}
.zgds-home-page--v3 .gzd-v3-hd__glow {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 70% 80% at 50% 0%, rgba(212, 184, 122, 0.14), transparent 62%),
        radial-gradient(circle at 12% 88%, rgba(184, 148, 79, 0.08), transparent 28%),
        radial-gradient(circle at 92% 78%, rgba(184, 148, 79, 0.06), transparent 24%);
}
.zgds-home-page--v3 .gzd-v3-hd__inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0 0.85rem;
}

.zgds-home-page--v3 .gzd-v3-hd__masthead {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}
.zgds-home-page--v3 .gzd-v3-hd__brand-row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: clamp(4rem, 11vw, 8rem);
    padding-inline: clamp(0.5rem, 2vw, 1rem);
    padding-top: 0.15rem;
}
.zgds-home-page--v3 .gzd-v3-hd__brand-link,
.zgds-home-page--v3 .gzd-v3-hd__brand-mark {
    display: block;
    line-height: 0;
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-v3-hd__brand-mark {
    cursor: default;
}
.zgds-home-page--v3 .gzd-v3-hd__brand-mark:hover {
    transform: none;
}
.zgds-home-page--v3 .gzd-v3-hd__logo,
.zgds-home-page--v3 .gzd-v3-hd .gzd-hd__logo {
    display: block;
    height: clamp(4.25rem, 12vw, 8rem);
    width: auto;
    max-width: min(100%, 56rem);
    aspect-ratio: 714 / 153;
    object-fit: contain;
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.45));
}
.zgds-home-page--v3 .gzd-v3-hd__ip {
    position: absolute;
    top: 0.5rem;
    right: clamp(0.4rem, 1.1vw, 0.8rem);
    z-index: 6;
    display: flex;
    justify-content: flex-end;
    max-width: min(48%, 22rem);
}
.zgds-home-page--v3 .gzd-v3-hd__ip .gzd-portal-welcome--header {
    padding-top: 0.15rem;
}
.zgds-home-page--v3 .gzd-v3-hd__ip .gzd-portal-welcome__unit {
    max-width: 13rem;
}
.zgds-home-page--v3 .gzd-v3-hd__ip .gzd-portal-welcome__ip {
    color: var(--ui-gold-light);
}

.zgds-home-page--v3 .gzd-v3-hd__slogan {
    display: inline-flex;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 1rem);
    margin: 0;
    padding: 0;
}
.zgds-home-page--v3 .gzd-v3-hd__slogan-wing {
    width: clamp(2rem, 8vw, 4.5rem);
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ui-gold-light) 40%, var(--ui-gold) 100%);
    opacity: 0.85;
}
.zgds-home-page--v3 .gzd-v3-hd__slogan-wing--r {
    background: linear-gradient(270deg, transparent, var(--ui-gold-light) 40%, var(--ui-gold) 100%);
}
.zgds-home-page--v3 .gzd-v3-hd__slogan-text {
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: clamp(0.875rem, 2vw, 1.125rem);
    font-weight: 500;
    letter-spacing: 0.32em;
    color: rgba(255, 248, 235, 0.96);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-v3-hd__slogan-gem {
    width: 0.4rem;
    height: 0.4rem;
    flex-shrink: 0;
    background: var(--ui-gold-light);
    transform: rotate(45deg);
    box-shadow: 0 0 6px rgba(212, 184, 122, 0.55);
    opacity: 0.9;
}

.zgds-home-page--v3 .gzd-v3-hd__search {
    position: relative;
    width: 100%;
    max-width: min(56rem, 100%);
    margin-inline: auto;
    padding: 0.65rem 0.75rem 0.7rem;
    border-radius: calc(var(--ui-radius) + 2px);
    border: 1px solid rgba(212, 184, 122, 0.45);
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.97) 0%, rgba(250, 244, 232, 0.94) 100%),
        url('../sucai/atelier-parchment.webp');
    background-size: cover;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.zgds-home-page--v3 .gzd-v3-hd__search::before,
.zgds-home-page--v3 .gzd-v3-hd__search::after {
    content: "";
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    pointer-events: none;
    opacity: 0.55;
    background: url('../sucai/zgds/zgds-nav-head-ribbon.svg') center / contain no-repeat;
}
.zgds-home-page--v3 .gzd-v3-hd__search::before {
    top: 0.35rem;
    left: 0.35rem;
}
.zgds-home-page--v3 .gzd-v3-hd__search::after {
    top: 0.35rem;
    right: 0.35rem;
    transform: scaleX(-1);
}
.zgds-home-page--v3 .gzd-v3-hd__search-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem 0.75rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px dashed rgba(166, 133, 37, 0.28);
}
.zgds-home-page--v3 .gzd-v3-hd__search-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 800;
    color: var(--ui-red-deep);
    letter-spacing: 0.06em;
}
.zgds-home-page--v3 .gzd-v3-hd__search-kicker .zgds-gzd-icon {
    color: var(--ui-gold);
}
.zgds-home-page--v3 .gzd-v3-hd__search-tip {
    font-size: 0.6875rem;
    color: var(--ui-muted);
}
@media (min-width: 768px) {
    .zgds-home-page--v3 .gzd-v3-hd__inner {
        gap: 0.85rem;
        padding-bottom: 1rem;
    }
    .zgds-home-page--v3 .gzd-v3-hd__logo,
    .zgds-home-page--v3 .gzd-v3-hd .gzd-hd__logo {
        height: clamp(5.5rem, 10.5vw, 8.25rem);
    }
    .zgds-home-page--v3 .gzd-v3-hd .gzd-hd__search-row {
        grid-template-columns: auto 9.5rem 1fr auto;
        gap: 0.6rem;
    }
    .zgds-home-page--v3 .gzd-v3-hd__search-head {
        justify-content: center;
        text-align: center;
    }
}
@media (max-width: 639px) {
    .zgds-home-page--v3 .gzd-v3-hd__brand-row {
        min-height: clamp(3.5rem, 18vw, 5rem);
        padding-inline: 0;
        padding-top: 0.5rem;
    }
    .zgds-home-page--v3 .gzd-v3-hd__logo,
    .zgds-home-page--v3 .gzd-v3-hd .gzd-hd__logo {
        height: clamp(3.25rem, 16vw, 4.5rem);
        max-width: 100%;
    }
    .zgds-home-page--v3 .gzd-v3-hd__ip {
        top: 0.4rem;
        right: clamp(0.4rem, 1.1vw, 0.65rem);
        max-width: calc(100% - 0.75rem);
    }
    .zgds-home-page--v3 .gzd-v3-hd__ip .gzd-portal-welcome--header {
        font-size: 0.75rem;
    }
}
.zgds-home-page--v3 .gzd-v3-hd::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    z-index: 4;
    background: linear-gradient(90deg, transparent 5%, var(--ui-gold) 35%, var(--ui-gold-light) 50%, var(--ui-gold) 65%, transparent 95%);
}

.zgds-home-page--v3 .gzd-v3-main {
    padding: 0.65rem 0 1rem;
}
.zgds-home-page--v3 .gzd-v3-main__content {
    width: 100%;
}
.zgds-home-page--v3 .gzd-v3-main__grid {
    display: grid;
    gap: var(--ui-main-gap);
    align-items: start;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-v3-main__grid {
        grid-template-columns: var(--ui-nav-w) minmax(0, 1fr);
        gap: var(--ui-main-gap);
    }
    .zgds-home-page--v3 .gzd-v3-main__ribbon {
        grid-column: 1 / -1;
    }
    .zgds-home-page--v3 #timeline-container {
        padding-right: var(--ui-col-inset);
    }
    .zgds-home-page--v3 .gzd-v3-catalog {
        position: relative;
        margin-left: 0;
        padding-left: var(--ui-col-inset);
        box-shadow: 0 6px 24px rgba(42, 18, 18, 0.09);
    }
    .zgds-home-page--v3 .gzd-v3-catalog::before {
        content: "";
        position: absolute;
        left: calc(var(--ui-col-inset) * -0.5 - 0.5px);
        top: 0.75rem;
        bottom: 0.75rem;
        width: 1px;
        background: linear-gradient(180deg, transparent 0%, rgba(212, 184, 122, 0.5) 20%, rgba(184, 148, 79, 0.65) 50%, rgba(212, 184, 122, 0.5) 80%, transparent 100%);
        pointer-events: none;
    }
}

.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) {
    border-left: 3px solid var(--ui-gold);
    background:
        linear-gradient(180deg, #fffef9 0%, #faf6ec 100%),
        url('../sucai/zgds/zgds-nav-panel-bg.svg');
    background-size: cover, cover;
    box-shadow: 0 4px 18px rgba(42, 18, 18, 0.08);
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav)::after {
    opacity: 0.35;
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .gzd-nav__head {
    background:
        linear-gradient(180deg, rgba(122, 40, 40, 0.05) 0%, rgba(255, 253, 248, 0.96) 100%),
        url('../sucai/zgds/zgds-nav-head-band.svg') center top / 100% 2rem no-repeat;
}
.zgds-home-page--v3 .gzd-v3-nav__emblem {
    display: flex;
    justify-content: center;
    margin-bottom: 0.35rem;
}
.zgds-home-page--v3 .gzd-v3-nav__emblem img {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(74, 24, 24, 0.12));
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .gzd-nav__scroll {
    background:
        linear-gradient(90deg, rgba(122, 53, 53, 0.04) 0, transparent 0.5rem),
        url('../sucai/zgds/zgds-nav-timeline-rail.svg') 0.7rem 0 / 0.45rem 100% no-repeat;
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .zgds-timeline-track {
    position: relative;
    padding-left: 0.15rem;
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .zgds-timeline-track::after {
    content: "";
    position: absolute;
    right: 0.15rem;
    bottom: 0.25rem;
    width: 3.5rem;
    height: 3.5rem;
    pointer-events: none;
    opacity: 0.35;
    background: url('../sucai/zgds/zgds-nav-watermark-year.svg') center / contain no-repeat;
}

.zgds-home-page--v3 .gzd-v3-catalog {
    min-width: 0;
    background: var(--ui-surface);
    border: 1px solid rgba(212, 184, 122, 0.42);
    border-radius: var(--ui-radius);
    box-shadow: 0 4px 20px rgba(42, 18, 18, 0.07);
    overflow: visible;
}
.zgds-home-page--v3 .gzd-v3-catalog #main-content {
    padding: 0.6rem 0.65rem 0.85rem;
}
.zgds-home-page--v3 .gzd-v3-catalog .zgds-hall-head {
    margin-bottom: 0.75rem;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3:has(.gzd-v3-hd) .zgds-hall-head {
        top: 0.5rem;
    }
}

.zgds-home-page--v3 .gzd-v3-filter {
    position: relative;
    padding: 0.75rem 0.85rem 0.65rem;
    background:
        linear-gradient(180deg, rgba(252, 246, 234, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%),
        url('../sucai/zgds/zgds-nav-panel-texture.svg');
    background-size: cover, 12rem;
    border-bottom: 1px solid rgba(212, 184, 122, 0.35);
}
.zgds-home-page--v3 .gzd-v3-filter__ribbon {
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    height: 0.2rem;
    border-radius: 0.12rem 0.12rem 0 0;
    background: linear-gradient(90deg, #8b4a23 0%, #d4b04a 22%, #f0d878 50%, #d4b04a 78%, #8b4a23 100%);
    box-shadow: 0 1px 3px rgba(90, 48, 18, 0.12);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-filter__row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-filter__row + .gzd-v3-filter__row {
    margin-top: 0.45rem;
    padding-top: 0.45rem;
    border-top: 1px dashed rgba(212, 184, 122, 0.28);
}
.zgds-home-page--v3 .gzd-v3-filter__label {
    flex-shrink: 0;
    min-width: 3.5rem;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-v3-filter__chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0 0 0.1rem;
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-filter__chips li {
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-v3-filter__chips .zgds-hall-intro__period-btn {
    min-width: 4.5rem;
    padding: 0.35rem 0.45rem;
    min-height: 2.25rem;
}
.zgds-home-page--v3 .gzd-v3-filter__chips .gzd-vault-chip {
    white-space: nowrap;
}

.zgds-home-page--v3 .zgds-timeline-track {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.zgds-home-page--v3 .zgds-timeline-item {
    border: 1px solid rgba(212, 184, 122, 0.4);
    border-radius: 0.35rem;
    overflow: hidden;
    background: linear-gradient(180deg, #fffef9 0%, #faf6ec 100%);
    box-shadow: 0 1px 4px rgba(74, 24, 24, 0.05);
}
.zgds-home-page--v3 .zgds-timeline-item__header {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.5rem 0.55rem;
    border: none;
    background: linear-gradient(90deg, rgba(122, 40, 40, 0.06) 0%, rgba(252, 246, 234, 0.95) 100%);
    font: inherit;
    text-align: left;
    cursor: pointer;
    min-height: 2.65rem;
    color: var(--ui-ink);
    transition: background 0.15s ease;
}
.zgds-home-page--v3 .zgds-timeline-item__header:hover {
    background: linear-gradient(90deg, rgba(122, 40, 40, 0.1) 0%, #f5efe4 100%);
}
.zgds-home-page--v3 .zgds-timeline-item__marker {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 0 3px rgba(196, 160, 98, 0.25);
}
.zgds-home-page--v3 .zgds-timeline-item__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}
.zgds-home-page--v3 .zgds-timeline-item__name {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ui-red-deep);
    line-height: 1.25;
}
.zgds-home-page--v3 .zgds-timeline-item__range {
    font-size: 0.6875rem;
    color: var(--ui-muted);
    font-weight: 500;
}
.zgds-home-page--v3 .zgds-timeline-item__toggle {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 1px solid rgba(212, 184, 122, 0.45);
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.85);
    color: var(--ui-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.zgds-home-page--v3 .zgds-timeline-item__toggle:hover {
    background: var(--ui-paper);
    border-color: var(--ui-gold);
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .zgds-timeline-item__toggle svg {
    transition: transform 0.2s ease;
}
.zgds-home-page--v3 .zgds-timeline-item__content {
    padding: 0.35rem 0.5rem 0.55rem;
    border-top: 1px solid rgba(212, 184, 122, 0.32);
    background: rgba(255, 255, 255, 0.65);
}
.zgds-home-page--v3 .zgds-timeline-item__desc {
    margin: 0 0 0.4rem;
    padding: 0.35rem 0.4rem;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ui-muted);
    background: rgba(250, 247, 239, 0.8);
    border-radius: 0.25rem;
    border-left: 2px solid var(--ui-gold);
}
.zgds-home-page--v3 .zgds-year-checkboxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.1rem 0.25rem;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .zgds-year-checkboxes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.zgds-home-page--v3 .zgds-year-checkbox {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.35rem;
    border-radius: 0.25rem;
    cursor: pointer;
    min-height: 2rem;
    font-size: 0.75rem;
    user-select: none;
    transition: background 0.12s ease;
}
.zgds-home-page--v3 .zgds-year-checkbox:hover {
    background: rgba(122, 40, 40, 0.05);
}
.zgds-home-page--v3 .zgds-year-checkbox input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.zgds-home-page--v3 .zgds-year-checkbox__box {
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
    border: 1.5px solid rgba(122, 53, 53, 0.45);
    border-radius: 0.2rem;
    background: #fff;
    transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
.zgds-home-page--v3 .zgds-year-checkbox:has(input:checked) {
    background: rgba(122, 53, 53, 0.07);
}
.zgds-home-page--v3 .zgds-year-checkbox:has(input:checked) .zgds-year-checkbox__box {
    background: var(--ui-red);
    border-color: var(--ui-red);
    box-shadow: inset 0 0 0 2px #fff;
}
.zgds-home-page--v3 .zgds-year-checkbox:has(input:focus-visible) .zgds-year-checkbox__box {
    outline: 2px solid var(--ui-gold);
    outline-offset: 1px;
}
.zgds-home-page--v3 .zgds-year-checkbox__label {
    line-height: 1.2;
    color: var(--ui-ink);
    font-weight: 500;
}
.zgds-home-page--v3 .zgds-year-checkbox:has(input:checked) .zgds-year-checkbox__label {
    color: var(--ui-red-deep);
    font-weight: 700;
}

.zgds-home-page--v3 .zgds-journal-card {
    position: relative;
    display: flex;
    flex-direction: column;
}
.zgds-home-page--v3 .zgds-journal-card__period-stripe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 2;
}
.zgds-home-page--v3 .zgds-journal-card__cover {
    position: relative;
    aspect-ratio: 3 / 4;
    background: linear-gradient(145deg, var(--ui-paper) 0%, #ebe2d0 100%);
    overflow: hidden;
    border-bottom: 1px solid rgba(212, 184, 122, 0.22);
}
.zgds-home-page--v3 .zgds-journal-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.zgds-home-page--v3 .zgds-journal-card__cover:empty::after,
.zgds-home-page--v3 .zgds-journal-card__cover:not(:has(img))::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, transparent 40%, rgba(184, 148, 79, 0.08) 100%),
        url('../sucai/zgds/zgds-catalog-list-watermark.svg') center / 50% no-repeat;
    opacity: 0.5;
}
.zgds-home-page--v3 .zgds-journal-card__content {
    padding: 0.55rem 0.6rem 0.65rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.zgds-home-page--v3 .zgds-journal-card__year {
    font-weight: 700;
    color: var(--ui-red);
}
.zgds-home-page--v3 .zgds-journal-card__divider {
    margin: 0 0.15rem;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .zgds-journal-card__publisher {
    margin: 0.15rem 0 0;
    font-size: 0.6875rem;
    color: var(--ui-muted);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.zgds-home-page--v3 .zgds-journal-card__index {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    z-index: 3;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.3rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(42, 18, 18, 0.72);
    border: 1px solid rgba(212, 184, 122, 0.45);
    color: var(--ui-gold-light);
    font-size: 0.625rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.zgds-home-page--v3 .zgds-loading-state,
.zgds-home-page--v3 .zgds-error-state {
    grid-column: 1 / -1;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .zgds-loading-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}
.zgds-home-page--v3 .zgds-error-state {
    border: 1px dashed rgba(122, 53, 53, 0.35);
    border-radius: var(--ui-radius);
    background: rgba(255, 248, 248, 0.8);
    color: var(--ui-red);
}
.zgds-home-page--v3 .zgds-loading-spinner {
    width: 2rem;
    height: 2rem;
    border: 2px solid rgba(184, 148, 79, 0.25);
    border-top-color: var(--ui-red);
    border-radius: 50%;
    animation: gzdV3Spin 0.75s linear infinite;
}
@keyframes gzdV3Spin {
    to { transform: rotate(360deg); }
}
.zgds-home-page--v3 .zgds-error-state__icon .zgds-gzd-icon,
.zgds-home-page--v3 .zgds-empty-state__icon .zgds-gzd-icon {
    width: 2.25rem;
    height: 2.25rem;
    color: var(--ui-gold);
}

.zgds-home-page--v3 .gzd-v3-stage {
    position: relative;
    isolation: isolate;
    margin-top: 0.35rem;
    padding: 0.75rem 0.5rem 0.5rem;
    border-radius: 0.35rem;
    border: 1px dashed rgba(166, 133, 37, 0.26);
    background: linear-gradient(180deg, rgba(255, 254, 248, 0.94) 0%, rgba(252, 246, 232, 0.88) 100%);
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-v3-stage__watermark {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: url('../sucai/zgds/zgds-catalog-list-watermark.svg') center 65% / min(14rem, 55%) no-repeat;
    opacity: 0.4;
}
.zgds-home-page--v3 .gzd-v3-stage #documents-container,
.zgds-home-page--v3 .gzd-v3-stage .zgds-hall-catalog__foot {
    position: relative;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-v3-stage .zgds-hall-catalog__foot {
    margin-top: 0.75rem;
}

@media (max-width: 639px) {
    .zgds-home-page--v3 .gzd-v3-hd .gzd-hd__search-row {
        grid-template-columns: 1fr;
    }
    .zgds-home-page--v3 .gzd-v3-hd__search {
        padding: 0.55rem 0.6rem 0.6rem;
    }
    .zgds-home-page--v3 .gzd-v3-filter__label {
        min-width: 3rem;
        font-size: 0.625rem;
    }
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-v3-main__grid {
        gap: var(--ui-main-gap);
    }
    #timeline-container + .gzd-v3-catalog,
    #timeline-container + #home-content-col {
        margin-left: 0;
    }
    .zgds-home-page--v3 .gzd-v3-catalog .zgds-hall-head {
        padding: 0.75rem 0.85rem;
        border-radius: 0.35rem;
        background:
            linear-gradient(180deg, rgba(255, 252, 245, 0.98) 0%, rgba(250, 247, 239, 0.92) 100%),
            url('../sucai/zgds/zgds-nav-head-band.svg') left top / 100% 1.5rem no-repeat;
    }
    .zgds-home-page--v3 .zgds-journal-grid {
        gap: 0.85rem;
    }
}
.zgds-home-page--v3 .gzd-v3-hd .zgds-search-type__btn {
    min-height: 2.125rem;
    font-size: 0.75rem;
}
.zgds-home-page--v3 .gzd-v3-hd .gzd-hd__search:not(.gzd-v3-search) .gzd-hd__input {
    min-height: 2.25rem;
    font-size: 0.875rem;
}
.zgds-home-page--v3 .gzd-v3-hd .gzd-hd__search:not(.gzd-v3-search) .gzd-hd__submit {
    min-height: 2.25rem;
    padding-inline: 0.85rem;
}
.zgds-home-page--v3 .gzd-v3-filter__chips .zgds-hall-intro__period-btn:hover,
.zgds-home-page--v3 .gzd-v3-filter__chips .gzd-vault-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(74, 24, 24, 0.08);
}
.zgds-home-page--v3 .zgds-timeline-item[data-period] .zgds-timeline-item__header {
    border-left: 3px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.zgds-home-page--v3 .zgds-timeline-item[data-period="period0"] .zgds-timeline-item__header { border-left-color: var(--period0); }
.zgds-home-page--v3 .zgds-timeline-item[data-period="period1"] .zgds-timeline-item__header { border-left-color: var(--period1); }
.zgds-home-page--v3 .zgds-timeline-item[data-period="period2"] .zgds-timeline-item__header { border-left-color: var(--period2); }
.zgds-home-page--v3 .zgds-timeline-item[data-period="period3"] .zgds-timeline-item__header { border-left-color: var(--period3); }
.zgds-home-page--v3 .zgds-timeline-item[data-period="period4"] .zgds-timeline-item__header { border-left-color: var(--period4); }
.zgds-home-page--v3 .zgds-journal-card:focus-visible {
    outline: 2px solid var(--ui-gold);
    outline-offset: 2px;
}
.zgds-home-page--v3 .zgds-journal-card__cover::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 72%, rgba(42, 18, 18, 0.06) 100%);
}

.zgds-home-page--v3 .gzd-v3-search {
    --gzd-v3-search-control-h: 2.5rem;
    position: relative;
    width: 100%;
    max-width: min(58rem, 100%);
    margin-inline: auto;
    padding: 0.75rem 0.85rem 0.8rem;
    border-radius: 0.55rem;
    border: 1px solid rgba(212, 184, 122, 0.5);
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(250, 244, 232, 0.95) 100%),
        url('../sucai/atelier-parchment.webp');
    background-size: cover;
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(184, 148, 79, 0.12);
    overflow: visible;
}
.zgds-home-page--v3 .gzd-v3-search::before,
.zgds-home-page--v3 .gzd-v3-search::after {
    display: none;
}
.zgds-home-page--v3 .gzd-v3-search__ribbon {
    position: absolute;
    top: 0;
    left: 1.25rem;
    right: 1.25rem;
    height: 0.26rem;
    border-radius: 0.12rem 0.12rem 0 0;
    background: linear-gradient(
        90deg,
        var(--period0) 0%,
        var(--period0) 21.35%,
        var(--ui-gold-light) 21.35%,
        var(--ui-gold-light) 21.55%,
        var(--period1) 21.55%,
        var(--period1) 40.69%,
        var(--ui-gold-light) 40.69%,
        var(--ui-gold-light) 40.89%,
        var(--period2) 40.89%,
        var(--period2) 60.55%,
        var(--ui-gold-light) 60.55%,
        var(--ui-gold-light) 60.75%,
        var(--period3) 60.75%,
        var(--period3) 80.27%,
        var(--ui-gold-light) 80.27%,
        var(--ui-gold-light) 80.47%,
        var(--period4) 80.47%,
        var(--period4) 100%
    );
    box-shadow: 0 2px 6px rgba(90, 48, 18, 0.22);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-search__head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.6rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px dashed rgba(166, 133, 37, 0.32);
}
.zgds-home-page--v3 .gzd-v3-search__title {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-v3-search__title .zgds-gzd-icon {
    color: var(--ui-gold);
    filter: drop-shadow(0 1px 2px rgba(184, 148, 79, 0.35));
}
.zgds-home-page--v3 .gzd-v3-search__body {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: stretch;
    overflow: visible;
}
@media (min-width: 768px) {
    .zgds-home-page--v3 .gzd-v3-search__body {
        flex-wrap: nowrap;
        align-items: stretch;
    }
    .zgds-home-page--v3 .gzd-v3-search__field {
        flex: 0 0 10.5rem;
    }
    .zgds-home-page--v3 .gzd-v3-search__input {
        flex: 1 1 auto;
        min-width: 0;
    }
}
.zgds-home-page--v3 .gzd-v3-search__body.is-switching .gzd-v3-search__field,
.zgds-home-page--v3 .gzd-v3-search__body.is-switching .gzd-v3-search__input {
    animation: gzdSearchFieldPulse 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes gzdSearchFieldPulse {
    0% { transform: scale(1); }
    40% { transform: scale(1.01); }
    100% { transform: scale(1); }
}

.zgds-home-page--v3 .gzd-v3-search__mode {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-self: stretch;
    flex: 0 0 auto;
    min-width: 9.5rem;
    height: var(--gzd-v3-search-control-h);
    box-sizing: border-box;
    padding: 2px;
    border-radius: 999px;
    border: 1px solid rgba(184, 148, 79, 0.45);
    background: rgba(255, 252, 245, 0.95);
    box-shadow: inset 0 1px 3px rgba(90, 48, 18, 0.06);
    isolation: isolate;
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-v3-search__mode-track {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    width: calc(50% - 2px);
    border-radius: 999px;
    background: linear-gradient(145deg, #8b3838 0%, var(--ui-red-deep) 55%, #5a2020 100%);
    box-shadow: 0 2px 8px rgba(74, 24, 24, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: transform 0.3s cubic-bezier(0.34, 1.15, 0.64, 1);
    z-index: 0;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-search__mode[data-active="article"] .gzd-v3-search__mode-track {
    transform: translateX(100%);
}
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 100%;
    padding: 0 0.65rem;
    border: none;
    background: transparent;
    color: var(--ui-muted);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: color 0.22s ease, transform 0.15s ease;
}
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn .zgds-gzd-icon {
    width: 1rem;
    height: 1rem;
    opacity: 0.75;
    transition: opacity 0.22s ease, transform 0.22s ease;
}
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn:hover:not([aria-pressed="true"]) {
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn:hover .zgds-gzd-icon {
    opacity: 1;
    transform: scale(1.08);
}
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn--active,
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn[aria-pressed="true"] {
    background: transparent;
    color: #fff;
}
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn[aria-pressed="true"] .zgds-gzd-icon {
    opacity: 1;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}

.zgds-home-page--v3 .gzd-v3-search__field {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    min-width: 0;
    position: relative;
    z-index: 3;
    overflow: visible;
}

.zgds-home-page--v3 .gzd-v3-search__dropdown {
    position: relative;
    flex: 1;
    display: flex;
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    height: 100%;
    min-height: var(--gzd-v3-search-control-h);
    box-sizing: border-box;
    padding: 0 0.55rem 0 0.65rem;
    border: 1px solid rgba(212, 184, 122, 0.48);
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #fff 0%, #faf6ec 100%);
    color: var(--ui-ink);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: inset 0 1px 2px rgba(90, 48, 18, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-trigger:hover {
    border-color: rgba(184, 148, 79, 0.65);
    background: linear-gradient(180deg, #fffef9 0%, #f5efe4 100%);
    box-shadow: 0 2px 8px rgba(74, 24, 24, 0.06);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-trigger:focus-visible {
    outline: none;
    border-color: var(--ui-gold);
    box-shadow: 0 0 0 3px rgba(184, 148, 79, 0.28);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-value {
    flex: 1;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-arrow {
    display: grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: rgba(184, 148, 79, 0.12);
    color: var(--ui-red-deep);
    flex-shrink: 0;
    transition: background 0.18s ease, transform 0.22s ease;
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-trigger:hover .gzd-v3-search__dropdown-arrow {
    background: rgba(184, 148, 79, 0.22);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown.is-open .gzd-v3-search__dropdown-arrow {
    background: rgba(122, 53, 53, 0.12);
    transform: rotate(180deg);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-menu {
    position: absolute;
    z-index: 40;
    top: calc(100% + 0.3rem);
    left: 0;
    right: 0;
    margin: 0;
    padding: 0.3rem;
    list-style: none;
    border: 1px solid rgba(212, 184, 122, 0.55);
    border-radius: 0.45rem;
    background: linear-gradient(180deg, #fffef9 0%, #f8f2e6 100%);
    box-shadow:
        0 8px 24px rgba(42, 18, 18, 0.14),
        0 2px 6px rgba(74, 24, 24, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
    animation: gzd-dropdown-in 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-menu--portal {
    position: fixed !important;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    animation: gzd-dropdown-in 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown.is-open .gzd-v3-search__dropdown-trigger {
    border-color: var(--ui-gold);
    box-shadow: 0 0 0 3px rgba(184, 148, 79, 0.22);
    background: linear-gradient(180deg, #fffef9 0%, #f5efe4 100%);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-menu[hidden] {
    display: none !important;
}
@keyframes gzd-dropdown-in {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-option {
    padding: 0.45rem 0.55rem;
    border-radius: 0.3rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ui-ink);
    cursor: pointer;
    transition: background 0.14s ease, color 0.14s ease, padding-left 0.14s ease;
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-option:hover {
    background: rgba(250, 244, 232, 0.95);
    padding-left: 0.7rem;
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-option.is-selected {
    background: linear-gradient(135deg, rgba(122, 53, 53, 0.1) 0%, rgba(184, 148, 79, 0.14) 100%);
    color: var(--ui-red-deep);
    font-weight: 700;
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-option.is-selected::before {
    content: "✓";
    margin-right: 0.35rem;
    font-size: 0.6875rem;
    color: var(--ui-gold);
}
.zgds-home-page--v3 .gzd-v3-search__dropdown-option.is-focused {
    background: rgba(250, 244, 232, 0.95);
    outline: 2px solid rgba(184, 148, 79, 0.45);
    outline-offset: -2px;
}

.zgds-home-page--v3 .gzd-v3-search__input {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: stretch;
}
.zgds-home-page--v3 .gzd-v3-search__input-icon {
    position: absolute;
    left: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(184, 148, 79, 0.75);
    transition: color 0.18s ease, transform 0.18s ease;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-search .gzd-hd__input,
.zgds-home-page--v3 .gzd-v3-search__input-field {
    width: 100%;
    height: var(--gzd-v3-search-control-h);
    min-height: var(--gzd-v3-search-control-h);
    max-height: var(--gzd-v3-search-control-h);
    padding: 0 0.85rem 0 2.15rem;
    border: 1px solid rgba(212, 184, 122, 0.48);
    border-radius: 0.4rem;
    background: linear-gradient(180deg, #fff 0%, #faf6ec 100%);
    color: var(--ui-ink);
    font-size: 0.875rem;
    font-weight: 500;
    box-sizing: border-box;
    box-shadow: inset 0 1px 2px rgba(90, 48, 18, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.zgds-home-page--v3 .gzd-v3-search__input-field::placeholder {
    color: rgba(107, 90, 72, 0.55);
    font-weight: 400;
}
.zgds-home-page--v3 .gzd-v3-search__input-field:hover {
    border-color: rgba(184, 148, 79, 0.65);
    background: #fffef9;
}
.zgds-home-page--v3 .gzd-v3-search__input-field:focus {
    outline: none;
    border-color: var(--ui-gold);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(184, 148, 79, 0.25);
}
.zgds-home-page--v3 .gzd-v3-search__input:focus-within .gzd-v3-search__input-icon {
    color: var(--ui-red);
}

.zgds-home-page--v3 .gzd-v3-search .gzd-hd__submit,
.zgds-home-page--v3 .gzd-v3-search__submit {
    display: flex;
    align-items: stretch;
    align-self: center;
    height: var(--gzd-v3-search-control-h);
    min-height: var(--gzd-v3-search-control-h);
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: transparent;
    cursor: pointer;
    overflow: visible;
    box-shadow: none;
    transform: none;
    transition: none;
}
.zgds-home-page--v3 .gzd-v3-search .gzd-hd__submit:hover,
.zgds-home-page--v3 .gzd-v3-search .gzd-hd__submit:active,
.zgds-home-page--v3 .gzd-v3-search__submit:hover,
.zgds-home-page--v3 .gzd-v3-search__submit:active {
    background: transparent;
    box-shadow: none;
    transform: none;
}
.zgds-home-page--v3 .gzd-v3-search__submit-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    height: 100%;
    min-height: var(--gzd-v3-search-control-h);
    padding: 0 1.15rem;
    border-radius: 0.4rem;
    background: linear-gradient(145deg, #d4b87a 0%, var(--ui-gold) 40%, #a67c3a 100%);
    color: var(--ui-red-deep);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    white-space: nowrap;
    border: 1px solid rgba(166, 133, 37, 0.55);
    box-sizing: border-box;
    box-shadow:
        0 3px 12px rgba(74, 24, 24, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
    transition: box-shadow 0.18s ease, filter 0.18s ease, background 0.18s ease;
}
.zgds-home-page--v3 .gzd-v3-search__submit:hover .gzd-v3-search__submit-inner {
    filter: brightness(1.05);
    box-shadow: 0 4px 14px rgba(74, 24, 24, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.zgds-home-page--v3 .gzd-v3-search__submit:active .gzd-v3-search__submit-inner {
    filter: brightness(0.97);
    box-shadow: 0 2px 6px rgba(74, 24, 24, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.zgds-home-page--v3 .gzd-v3-search__submit .zgds-gzd-icon {
    filter: drop-shadow(0 1px 1px rgba(255, 255, 255, 0.35));
}

@media (max-width: 767px) {
    .zgds-home-page--v3 .gzd-v3-search {
        padding: 0.65rem 0.65rem 0.7rem;
    }
    .zgds-home-page--v3 .gzd-v3-search__body {
        flex-direction: column;
    }
    .zgds-home-page--v3 .gzd-v3-search__mode {
        width: 100%;
        min-width: 0;
    }
    .zgds-home-page--v3 .gzd-v3-search__field {
        width: 100%;
    }
    .zgds-home-page--v3 .gzd-v3-search__input {
        width: 100%;
    }
    .zgds-home-page--v3 .gzd-v3-search__submit {
        width: 100%;
    }
    .zgds-home-page--v3 .gzd-v3-search__submit-inner {
        width: 100%;
    }
}

.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) {
    border: 1px solid rgba(212, 184, 122, 0.38);
    border-left: 3px solid var(--ui-gold);
    background: linear-gradient(180deg, #fffef9 0%, #f8f2e8 100%);
    box-shadow: 0 2px 14px rgba(42, 18, 18, 0.06);
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .gzd-nav__head {
    background: linear-gradient(180deg, rgba(122, 40, 40, 0.04) 0%, #fffef9 100%);
    border-bottom: 1px solid rgba(212, 184, 122, 0.28);
    padding-bottom: 0.75rem;
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .gzd-v3-nav__emblem img {
    width: 2.15rem;
    height: 2.15rem;
    opacity: 0.88;
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .gzd-nav__title {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .gzd-nav__scroll {
    background: transparent;
    padding: 0.5rem 0.55rem 0.75rem 0.65rem;
}
.zgds-home-page--v3 .gzd-v3-nav:not(.gzd-era-nav) .zgds-timeline-track::after {
    opacity: 0.22;
    width: 2.75rem;
    height: 2.75rem;
}

.zgds-home-page--v3 .zgds-timeline-track {
    gap: 0.5rem;
}
.zgds-home-page--v3 .zgds-timeline-item {
    border: 1px solid rgba(212, 184, 122, 0.32);
    border-radius: 0.4rem;
    background: #fff;
    box-shadow: 0 1px 3px rgba(74, 24, 24, 0.04);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.zgds-home-page--v3 .zgds-timeline-item.is-open {
    border-color: rgba(184, 148, 79, 0.45);
    box-shadow: 0 3px 12px rgba(74, 24, 24, 0.08);
}
.zgds-home-page--v3 .zgds-timeline-item__header {
    padding: 0.55rem 0.5rem;
    min-height: 2.5rem;
    background: transparent;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease;
}
.zgds-home-page--v3 .zgds-timeline-item__header:hover {
    background: rgba(250, 244, 232, 0.85);
}
.zgds-home-page--v3 .zgds-timeline-item__marker {
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(196, 160, 98, 0.2);
}
.zgds-home-page--v3 .zgds-timeline-item__name {
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.8125rem;
    letter-spacing: 0.04em;
}
.zgds-home-page--v3 .zgds-timeline-item__range {
    font-size: 0.625rem;
    letter-spacing: 0.02em;
}
.zgds-home-page--v3 .zgds-timeline-item__toggle {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 50%;
    background: rgba(250, 244, 232, 0.9);
    color: var(--ui-muted);
    transition: background 0.18s ease, color 0.18s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.zgds-home-page--v3 .zgds-timeline-item__toggle:hover {
    background: rgba(184, 148, 79, 0.18);
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .zgds-timeline-item__toggle.is-open svg {
    transform: rotate(180deg);
}
.zgds-home-page--v3 .zgds-timeline-item__toggle svg {
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.zgds-home-page--v3 .zgds-timeline-item__content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 0.45rem;
    border-top: 1px solid transparent;
    background: rgba(252, 248, 240, 0.6);
    transition:
        max-height 0.34s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.26s ease,
        padding 0.34s ease,
        border-color 0.2s ease;
}
.zgds-home-page--v3 .zgds-timeline-item.is-open .zgds-timeline-item__content {
    max-height: 1200px;
    opacity: 1;
    padding: 0.45rem 0.45rem 0.55rem;
    border-top-color: rgba(212, 184, 122, 0.28);
}
.zgds-home-page--v3 .zgds-timeline-item__desc {
    margin-bottom: 0.45rem;
    padding: 0.35rem 0.45rem;
    font-size: 0.625rem;
    line-height: 1.5;
    color: var(--ui-muted);
    background: rgba(255, 255, 255, 0.7);
    border-left: 2px solid rgba(184, 148, 79, 0.45);
    border-radius: 0.2rem;
}

.zgds-home-page--v3 .zgds-year-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}
.zgds-home-page--v3 .zgds-year-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0.22rem 0.55rem;
    min-height: 1.65rem;
    border-radius: 999px;
    border: 1px solid rgba(212, 184, 122, 0.45);
    background: #fff;
    font-size: 0.6875rem;
    font-variant-numeric: tabular-nums;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.zgds-home-page--v3 .zgds-year-checkbox:hover {
    border-color: rgba(184, 148, 79, 0.55);
    background: #fffef8;
    box-shadow: 0 1px 4px rgba(74, 24, 24, 0.06);
}
.zgds-home-page--v3 .gzds-year-checkbox__box {
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
    border: 1.5px solid rgba(122, 53, 53, 0.45);
    border-radius: 0.2rem;
    background: #fff;
    transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
.zgds-home-page--v3 .zgds-year-checkbox__label {
    font-weight: 500;
    color: var(--ui-ink);
    letter-spacing: 0.02em;
}
.zgds-home-page--v3 .zgds-year-checkbox:has(input:checked) {
    background: linear-gradient(145deg, var(--ui-red) 0%, #6b2828 100%);
    border-color: var(--ui-red-deep);
    box-shadow: 0 2px 6px rgba(74, 24, 24, 0.18);
}
.zgds-home-page--v3 .zgds-year-checkbox:has(input:checked) .zgds-year-checkbox__label {
    color: #fff;
    font-weight: 600;
}
.zgds-home-page--v3 .zgds-year-checkbox:has(input:focus-visible) {
    outline: 2px solid var(--ui-gold);
    outline-offset: 2px;
}

.zgds-home-page--v3 .gzd-bookshelf {
    --gzd-book-w: clamp(5.75rem, 7.5vw, 8.5rem);
    --gzd-book-h: calc(var(--gzd-book-w) * 1.38);
    --gzd-book-spine: calc(var(--gzd-book-w) * 0.145);
    --gzd-book-pages: calc(var(--gzd-book-w) * 0.038);
    --gzd-cover-title-size: clamp(0.8125rem, calc(var(--gzd-book-w) * 0.115), 1.0625rem);
    --gzd-spine-year-size: clamp(0.6875rem, calc(var(--gzd-book-w) * 0.095), 0.875rem);
    --gzd-shelf-cols: 5;
    --gzd-shelf-plank-h: 0.88rem;
    position: relative;
    border: 1px solid rgba(90, 48, 18, 0.42);
    border-radius: 0.45rem;
    overflow: visible;
    box-shadow:
        inset 0 1px 0 rgba(255, 248, 220, 0.1),
        inset 0 0 0 1px rgba(255, 248, 220, 0.04),
        0 4px 18px rgba(42, 18, 18, 0.12);
}
.zgds-home-page--v3 .gzd-bookshelf--list {
    --gzd-book-w: clamp(5.5rem, 7.5vw, 7.85rem);
    --gzd-book-h: calc(var(--gzd-book-w) * 1.38);
}
.zgds-home-page--v3 .gzd-bookshelf--grid {
    background:
        linear-gradient(90deg, rgba(28, 14, 8, 0.55) 0%, rgba(28, 14, 8, 0.08) 3.5%, transparent 6%, transparent 94%, rgba(28, 14, 8, 0.08) 96.5%, rgba(28, 14, 8, 0.55) 100%),
        repeating-linear-gradient(90deg, transparent 0, transparent 18px, rgba(255, 248, 220, 0.015) 18px, rgba(255, 248, 220, 0.015) 19px),
        linear-gradient(180deg, #2a1810 0%, #4a3020 12%, #3d2818 55%, #2e1c12 100%);
}
.zgds-home-page--v3 .gzd-bookshelf--list {
    background:
        linear-gradient(90deg, rgba(28, 14, 8, 0.5) 0%, rgba(28, 14, 8, 0.06) 3.5%, transparent 6%, transparent 94%, rgba(28, 14, 8, 0.06) 96.5%, rgba(28, 14, 8, 0.5) 100%),
        repeating-linear-gradient(90deg, transparent 0, transparent 18px, rgba(255, 248, 220, 0.012) 18px, rgba(255, 248, 220, 0.012) 19px),
        linear-gradient(180deg, #2a1810 0%, #4a3020 12%, #3d2818 55%, #2e1c12 100%);
    padding: 0;
}
.zgds-home-page--v3 .gzd-bookshelf::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 90% 45% at 50% 0%, rgba(255, 248, 220, 0.12) 0%, transparent 58%),
        radial-gradient(ellipse 70% 40% at 50% 100%, rgba(0, 0, 0, 0.28) 0%, transparent 72%);
    z-index: 0;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-shelf-stack,
.zgds-home-page--v3 .gzd-bookshelf .gzd-shelf-list {
    position: relative;
    z-index: 1;
}

.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-shelf-stack {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.15rem 1.1rem 0.75rem;
}
.zgds-home-page--v3 .gzd-shelf-tier {
    position: relative;
}
.zgds-home-page--v3 .gzd-shelf-tier__books {
    display: grid;
    grid-template-columns: repeat(var(--gzd-shelf-cols), minmax(0, 1fr));
    align-items: end;
    justify-items: center;
    gap: 0.55rem 1.05rem;
    min-height: calc(var(--gzd-book-h) + 0.75rem);
    padding: 0.25rem 0.45rem 0.3rem;
}
.zgds-home-page--v3 .gzd-shelf-tier__plank {
    position: relative;
    height: var(--gzd-shelf-plank-h);
    margin-top: 0.08rem;
    border-radius: 0 0 3px 3px;
    background:
        url('../sucai/gzd/gzd-shelf-strip.svg') center center / 100% 100% no-repeat,
        linear-gradient(180deg, #a07040 0%, #503020 38%, #382018 100%);
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 248, 220, 0.22),
        inset 0 -2px 4px rgba(0, 0, 0, 0.25);
}
.zgds-home-page--v3 .gzd-shelf-tier__plank::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 6px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.22) 0%, transparent 100%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    overflow: visible;
    position: relative;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book:hover {
    z-index: 8;
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book__list-info {
    display: none;
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book:hover {
    transform: none;
    box-shadow: none;
    border: none;
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book__volume {
    margin-bottom: 0;
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book__slot {
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    perspective: 960px;
    perspective-origin: 50% 88%;
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book:hover .gzd-book__slot::after {
    opacity: 0.55;
    transform: scaleX(1.08);
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book__slot::after {
    transition: opacity 0.28s ease, transform 0.28s ease;
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: -0.12rem;
    height: 0.4rem;
    border-radius: 50%;
    background: radial-gradient(ellipse 100% 100% at 50% 0%, rgba(0, 0, 0, 0.38) 0%, transparent 74%);
    z-index: 0;
    pointer-events: none;
}
@media (max-width: 1100px) {
    .zgds-home-page--v3 .gzd-bookshelf--grid {
        --gzd-shelf-cols: 4;
    }
}
@media (max-width: 860px) {
    .zgds-home-page--v3 .gzd-bookshelf--grid {
        --gzd-shelf-cols: 3;
        --gzd-book-w: clamp(4.85rem, 11vw, 6.5rem);
    }
    .zgds-home-page--v3 .gzd-bookshelf--list {
        --gzd-book-w: clamp(5rem, 12vw, 6.75rem);
    }
}
@media (max-width: 560px) {
    .zgds-home-page--v3 .gzd-bookshelf {
        --gzd-book-w: clamp(4.35rem, 20vw, 5.65rem);
    }
    .zgds-home-page--v3 .gzd-bookshelf--grid {
        --gzd-shelf-cols: 2;
    }
    .zgds-home-page--v3 .gzd-bookshelf--list {
        --gzd-book-w: clamp(4.5rem, 22vw, 5.85rem);
    }
    .zgds-home-page--v3 .gzd-bookshelf--grid .gzd-shelf-stack,
    .zgds-home-page--v3 .gzd-bookshelf--list .gzd-shelf-list {
        padding: 0.85rem 0.55rem 0.6rem;
        gap: 0.65rem;
    }
    .zgds-home-page--v3 .gzd-shelf-tier__books {
        gap: 0.45rem 0.65rem;
        padding-inline: 0.2rem;
    }
    .zgds-home-page--v3 .gzd-shelf-tier--list .gzd-shelf-tier__row {
        gap: 0.55rem 0.65rem;
    }
    .zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__list-info {
        padding: 0.5rem 0.55rem 0.55rem;
    }
    .zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__list-info .zgds-journal-card__title {
        font-size: 0.8125rem;
    }
}

.zgds-home-page--v3 .gzd-bookshelf--list .gzd-shelf-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.15rem 1.1rem 0.75rem;
}
.zgds-home-page--v3 .gzd-shelf-tier--list {
    position: relative;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-shelf-tier__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: end;
    gap: 0.75rem 0.85rem;
    min-height: calc(var(--gzd-book-h) + 0.35rem);
    padding: 0 0.15rem 0.08rem;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: auto;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    overflow: visible;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__slot {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    perspective: 960px;
    perspective-origin: 50% 88%;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__slot::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: -0.1rem;
    height: 0.38rem;
    border-radius: 50%;
    background: radial-gradient(ellipse 100% 100% at 50% 0%, rgba(0, 0, 0, 0.35) 0%, transparent 74%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__list-info {
    align-self: center;
    margin-bottom: calc(var(--gzd-shelf-plank-h) * 0.35);
    padding: 0.6rem 0.7rem 0.65rem;
    border-radius: 0.4rem;
    border: 1px solid rgba(212, 184, 122, 0.48);
    background: linear-gradient(145deg, rgba(255, 254, 248, 0.97) 0%, rgba(252, 246, 234, 0.93) 100%);
    box-shadow:
        0 4px 14px rgba(42, 18, 18, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
.zgds-home-page--v3 .gzd-book__list-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    margin-bottom: 0.35rem;
}
.zgds-home-page--v3 .gzd-book__period-tag {
    display: inline-flex;
    align-items: center;
    min-height: 1.125rem;
    padding: 0.08rem 0.42rem;
    border-radius: 999px;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(255, 248, 230, 0.96);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.zgds-home-page--v3 .gzd-book__list-year {
    font-family: var(--ui-font-serif);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__cover-foot,
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__hovercard {
    display: none;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book:hover .gzd-book__volume {
    transform: rotateY(-1deg) rotateX(-5deg) translateY(-5px) translateZ(14px);
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__list-info .zgds-journal-card__title {
    font-family: var(--ui-font-serif);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.04em;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__list-info .zgds-journal-card__meta {
    margin-top: 0.28rem;
    font-family: var(--ui-font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
}
.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book__list-info .zgds-journal-card__publisher {
    margin-top: 0.25rem;
    font-family: var(--ui-font-sans);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.45;
}

.zgds-home-page--v3 .gzd-bookshelf .gzd-book__volume {
    position: relative;
    width: var(--gzd-book-w);
    height: var(--gzd-book-h);
    margin-bottom: 0;
    transform-style: preserve-3d;
    transform: rotateY(var(--book-y, -4deg));
    transform-origin: bottom center;
    transition: transform 0.3s cubic-bezier(0.34, 1.1, 0.64, 1);
    z-index: 1;
    backface-visibility: hidden;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__volume {
    transform: rotateY(-1deg) rotateX(-5deg) translateY(-6px) translateZ(16px);
    z-index: 6;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__spine {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--gzd-book-spine);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 0 0 3px;
    box-shadow:
        inset -5px 0 10px rgba(0, 0, 0, 0.42),
        inset 2px 0 0 rgba(255, 255, 255, 0.1),
        2px 0 6px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__spine::before {
    content: "";
    position: absolute;
    right: 2px;
    top: 7%;
    bottom: 7%;
    width: 1px;
    background: linear-gradient(180deg, transparent 0%, rgba(240, 216, 120, 0.72) 18%, rgba(212, 176, 74, 0.85) 50%, rgba(240, 216, 120, 0.72) 82%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__spine::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0%, transparent 42%, rgba(255, 255, 255, 0.06) 100%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__spine-year {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: var(--ui-font-serif);
    font-size: var(--gzd-spine-year-size);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(255, 248, 230, 0.94);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 1;
    max-height: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 0.65rem 0.12rem 0.18rem;
    background: linear-gradient(180deg, transparent 0%, rgba(18, 8, 4, 0.55) 38%, rgba(12, 4, 2, 0.9) 100%);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--ui-font-serif);
    font-size: var(--gzd-cover-title-size);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.06em;
    color: #fff8e8;
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72);
    pointer-events: auto;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-title:hover {
    color: var(--ui-gold-light);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__hovercard {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.35rem);
    transform: translateX(-50%) translateY(6px);
    z-index: 10;
    min-width: 9.5rem;
    max-width: 13.25rem;
    padding: 0.5rem 0.62rem;
    border-radius: 0.35rem;
    border: 1px solid rgba(212, 184, 122, 0.55);
    background: linear-gradient(145deg, rgba(255, 254, 248, 0.98) 0%, rgba(252, 246, 234, 0.96) 100%);
    box-shadow: 0 6px 18px rgba(42, 18, 18, 0.18);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__hovercard::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: rgba(252, 246, 234, 0.96);
    border-right: 1px solid rgba(212, 184, 122, 0.45);
    border-bottom: 1px solid rgba(212, 184, 122, 0.45);
    transform: rotate(45deg);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__hovercard,
.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__hovercard {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__hovercard-title {
    margin: 0;
    font-family: var(--ui-font-serif);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.04em;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__hovercard-meta {
    margin: 0.24rem 0 0;
    font-family: var(--ui-font-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ui-muted);
    line-height: 1.42;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__hovercard-pub {
    margin: 0.2rem 0 0;
    font-family: var(--ui-font-sans);
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(107, 90, 72, 0.92);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__cover {
    position: absolute;
    left: var(--gzd-book-spine);
    top: 0;
    width: calc(var(--gzd-book-w) - var(--gzd-book-spine) - var(--gzd-book-pages));
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(145deg, #f8f2e8 0%, #d8cfc0 100%);
    overflow: hidden;
    box-shadow:
        inset 12px 0 18px -10px rgba(0, 0, 0, 0.28),
        inset -1px 0 0 rgba(255, 255, 255, 0.35),
        3px 4px 14px rgba(42, 18, 18, 0.22),
        0 1px 0 rgba(255, 255, 255, 0.38);
    border-bottom: none;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-inner {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 0 3px 3px 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-shine {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
    background:
        linear-gradient(128deg, rgba(255, 255, 255, 0.32) 0%, transparent 36%, transparent 68%, rgba(0, 0, 0, 0.14) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 18%);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__pages {
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 4px;
    width: var(--gzd-book-pages);
    z-index: 3;
    transform-origin: left center;
    transform: rotateY(86deg);
    border-radius: 0 1px 1px 0;
    background:
        repeating-linear-gradient(180deg, #faf6ee 0, #f2ebe0 1px, #e8dfd0 2px, #f5efe4 3px),
        linear-gradient(90deg, #ece4d6 0%, #faf6ee 100%);
    box-shadow:
        inset -2px 0 4px rgba(0, 0, 0, 0.1),
        1px 0 2px rgba(0, 0, 0, 0.08);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period0"] .zgds-journal-card__cover {
    box-shadow:
        inset 10px 0 16px -8px rgba(0, 0, 0, 0.22),
        2px 3px 10px rgba(42, 18, 18, 0.2),
        inset 0 -2px 0 rgba(107, 83, 68, 0.45);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period1"] .zgds-journal-card__cover {
    box-shadow:
        inset 10px 0 16px -8px rgba(0, 0, 0, 0.22),
        2px 3px 10px rgba(42, 18, 18, 0.2),
        inset 0 -2px 0 rgba(184, 56, 56, 0.42);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period2"] .zgds-journal-card__cover {
    box-shadow:
        inset 10px 0 16px -8px rgba(0, 0, 0, 0.22),
        2px 3px 10px rgba(42, 18, 18, 0.2),
        inset 0 -2px 0 rgba(166, 92, 42, 0.42);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period3"] .zgds-journal-card__cover {
    box-shadow:
        inset 10px 0 16px -8px rgba(0, 0, 0, 0.22),
        2px 3px 10px rgba(42, 18, 18, 0.2),
        inset 0 -2px 0 rgba(61, 90, 128, 0.42);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period4"] .zgds-journal-card__cover {
    box-shadow:
        inset 10px 0 16px -8px rgba(0, 0, 0, 0.22),
        2px 3px 10px rgba(42, 18, 18, 0.2),
        inset 0 -2px 0 rgba(122, 48, 72, 0.42);
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__cover img,
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.32s cubic-bezier(0.34, 1.1, 0.64, 1);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .zgds-journal-card__cover img,
.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__cover-inner img {
    transform: scale(1.035);
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__cover::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, rgba(0, 0, 0, 0.22) 0%, transparent 24%, transparent 86%, rgba(255, 255, 255, 0.1) 100%);
    z-index: 2;
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__foredge {
    position: absolute;
    right: calc(var(--gzd-book-pages) * 0.35);
    top: 3px;
    bottom: 3px;
    width: 7px;
    z-index: 4;
    transform-origin: left center;
    transform: rotateY(78deg);
    background: linear-gradient(180deg, #fffdf6 0%, #ece4d6 42%, #d4cabc 100%);
    box-shadow:
        1px 0 4px rgba(0, 0, 0, 0.14),
        inset -1px 0 2px rgba(0, 0, 0, 0.06);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__topedge {
    position: absolute;
    left: var(--gzd-book-spine);
    right: calc(var(--gzd-book-pages) * 0.2);
    top: 0;
    height: 6px;
    z-index: 4;
    transform-origin: bottom center;
    transform: rotateX(72deg);
    background: linear-gradient(90deg, rgba(50, 28, 20, 0.35) 0%, rgba(245, 238, 224, 0.96) 38%, rgba(255, 252, 246, 1) 100%);
    border-radius: 1px 3px 0 0;
    box-shadow: 0 -1px 2px rgba(255, 255, 255, 0.35);
}
.zgds-home-page--v3 .gzd-bookshelf .gzd-book__shadow {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 1px;
    height: 8px;
    z-index: 0;
    background: radial-gradient(ellipse 85% 100% at 50% 0%, rgba(0, 0, 0, 0.38) 0%, transparent 74%);
    transform: rotateX(90deg) scaleX(0.95);
    transform-origin: top center;
    pointer-events: none;
    filter: blur(0.5px);
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__index {
    display: none;
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.38;
    color: var(--ui-red-deep);
    letter-spacing: 0.02em;
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease;
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__title a:hover {
    color: var(--ui-red);
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__meta {
    margin-top: 0.22rem;
    font-size: 0.65625rem;
    color: var(--ui-muted);
    line-height: 1.38;
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__year {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #8b3224;
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__publisher {
    margin-top: 0.22rem;
    font-size: 0.59375rem;
    color: rgba(107, 90, 72, 0.92);
    line-height: 1.38;
}
@media (prefers-reduced-motion: reduce) {
    .zgds-home-page--v3 .gzd-bookshelf .gzd-book__volume,
    .zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__volume {
        transform: rotateY(var(--book-y, -4deg));
        transition: none;
    }
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card:hover {
    transform: none;
    box-shadow: none;
    border: none;
}

.zgds-home-page--v3 .gzd-ft-ku--footer,
.zgds-home-page--v3 .gzd-ft-ku--compact {
    padding: 0.65rem 0.75rem 0.7rem;
    border-radius: 0.4rem;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__compact-head,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__compact-head {
    margin-bottom: 0.55rem;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__compact-title,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__compact-title {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
}
.zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__compact-seal,
.zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__compact-seal {
    width: 1.35rem;
    height: 1.35rem;
    font-size: 0.6875rem;
}
@media (min-width: 1024px) {
    .zgds-home-page--v3 .gzd-ft-ku--footer .gzd-ft-ku__list,
    .zgds-home-page--v3 .gzd-ft-ku--compact .gzd-ft-ku__list {
        gap: 0.5rem;
    }
}

.zgds-home-page--v3 .gzd-era-aside {
    min-width: 0;
    width: 100%;
    max-width: var(--ui-nav-w);
    justify-self: start;
}
.zgds-home-page--v3 .gzd-era-aside__inner {
    width: 100%;
    max-width: var(--ui-nav-w);
}
.zgds-home-page--v3 #timeline-container.gzd-era-aside {
    padding-right: var(--ui-col-inset);
}
.zgds-home-page--v3 .gzd-era-nav {
    position: relative;
    height: auto;
    width: 100%;
}
.zgds-home-page--v3 .gzd-era-nav__shell {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    align-self: flex-start;
    overflow: hidden;
    border: 1px solid rgba(212, 184, 122, 0.42);
    border-left: 4px solid var(--ui-gold);
    border-radius: 0.55rem;
    background:
        radial-gradient(ellipse 120% 80% at 0% 0%, rgba(184, 148, 79, 0.08), transparent 55%),
        linear-gradient(180deg, #fffef9 0%, #f6efe2 100%),
        url('../sucai/zgds/zgds-nav-panel-bg.svg');
    background-size: cover, cover, cover;
    box-shadow:
        0 6px 28px rgba(42, 18, 18, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.zgds-home-page--v3 .gzd-era-nav__glow {
    position: absolute;
    top: -2rem;
    left: -1rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(184, 148, 79, 0.18) 0%, transparent 70%);
    pointer-events: none;
    animation: gzd-era-glow 6s ease-in-out infinite alternate;
}
@keyframes gzd-era-glow {
    from { opacity: 0.5; transform: scale(1); }
    to { opacity: 0.85; transform: scale(1.08); }
}
.zgds-home-page--v3 .gzd-era-nav__spine {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--ui-gold-light) 0%, var(--ui-gold) 35%, var(--ui-red) 65%, var(--ui-gold) 100%);
    pointer-events: none;
    box-shadow: 2px 0 8px rgba(184, 148, 79, 0.25);
    z-index: 2;
}
.zgds-home-page--v3 .gzd-era-nav__watermark {
    position: absolute;
    right: 0.25rem;
    top: 0.75rem;
    bottom: auto;
    width: 4rem;
    height: 4rem;
    pointer-events: none;
    opacity: 0.14;
    background: url('../sucai/zgds/zgds-nav-watermark-scroll.svg') center / contain no-repeat;
}
.zgds-home-page--v3 .gzd-era-nav__head {
    position: relative;
    z-index: 1;
    padding: 2.1rem 0.6rem 0.5rem 0.65rem;
    background:
        linear-gradient(180deg, rgba(122, 40, 40, 0.06) 0%, rgba(255, 253, 248, 0.98) 55%, rgba(255, 253, 248, 0.98) 100%),
        url('../sucai/zgds/zgds-nav-head-band.svg') center top / 100% 2.25rem no-repeat;
    border-bottom: 1px solid rgba(212, 184, 122, 0.32);
}
.zgds-home-page--v3 .gzd-era-nav__brand {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}
.zgds-home-page--v3 .gzd-era-nav__icon-img {
    width: 3.25rem;
    height: 3.25rem;
    object-fit: contain;
    display: block;
}
.zgds-home-page--v3 .gzd-era-nav__brand-text {
    flex: 1;
    min-width: 0;
    padding-left: 0.55rem;
    border-left: 3px solid rgba(184, 148, 79, 0.45);
}
.zgds-home-page--v3 .gzd-era-nav__title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-era-nav__scope {
    margin: 0.2rem 0 0;
    font-size: 0.6875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    line-height: 1.35;
    color: #6b5a48;
}
.zgds-home-page--v3 .gzd-era-nav__icon {
    position: relative;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 30%, #fffef9 0%, #f5ebe0 55%, #e8dcc8 100%),
        url('../sucai/zgds/zgds-nav-emblem-era-scroll.png') center / 2.45rem no-repeat;
    border: 2px solid rgba(212, 184, 122, 0.6);
    box-shadow:
        0 0 0 3px rgba(184, 148, 79, 0.14),
        0 4px 14px rgba(42, 18, 18, 0.14);
    overflow: visible;
}
.zgds-home-page--v3 .gzd-era-nav__icon::after {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    border: 1px dashed rgba(184, 148, 79, 0.4);
    animation: gzd-era-ring-spin 24s linear infinite;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-era-nav__icon-img {
    position: relative;
    z-index: 1;
    width: 2.45rem;
    height: 2.45rem;
    object-fit: contain;
    display: block;
}
.zgds-home-page--v3 .gzd-era-nav__hint {
    margin: 0.5rem 0 0;
    padding-top: 0.42rem;
    border-top: 1px dashed rgba(212, 184, 122, 0.28);
    font-size: 0.6875rem;
    line-height: 1.5;
    color: #5c4a38;
}
.zgds-home-page--v3 .gzd-era-nav__actions {
    position: relative;
    z-index: 1;
    padding: 0.5rem 0.65rem;
    background:
        linear-gradient(180deg, rgba(250, 244, 232, 0.85) 0%, rgba(255, 253, 248, 0.65) 100%);
    border-bottom: 1px solid rgba(212, 184, 122, 0.28);
}
.zgds-home-page--v3 .gzd-era-nav__actions-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.5rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(212, 184, 122, 0.35);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.zgds-home-page--v3 .gzd-era-nav__status {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-era-nav__status-ring {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: linear-gradient(145deg, #fffef9 0%, #f5ebe0 100%);
    border: 2px solid rgba(184, 148, 79, 0.55);
    box-shadow: 0 2px 8px rgba(74, 24, 24, 0.1);
}
.zgds-home-page--v3 .gzd-era-nav__count {
    font-size: 1.0625rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--ui-red-deep);
    line-height: 1;
}
.zgds-home-page--v3 .gzd-era-nav__status-text {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-era-nav__status-label {
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-era-nav__status-unit {
    font-size: 0.5625rem;
    color: var(--ui-muted);
    letter-spacing: 0.02em;
}
.zgds-home-page--v3 .gzd-era-nav__tools {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-era-nav__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 1.85rem;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.zgds-home-page--v3 .gzd-era-nav__btn .zgds-gzd-icon {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-era-nav__btn--line {
    border: 1px solid rgba(212, 184, 122, 0.55);
    background: #fff;
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-era-nav__btn--line:hover {
    border-color: var(--ui-gold);
    background: #fffef9;
    transform: translateY(-1px);
}
.zgds-home-page--v3 .gzd-era-nav__btn--fill {
    border: 1px solid var(--ui-red-deep);
    background: linear-gradient(145deg, var(--ui-red) 0%, var(--ui-red-deep) 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(74, 24, 24, 0.2);
}
.zgds-home-page--v3 .gzd-era-nav__btn--fill:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}
.zgds-home-page--v3 .gzd-era-nav__body {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    padding: 0.5rem 0.5rem 0.25rem 0.65rem;
    overflow-x: hidden;
    overflow-y: visible;
    max-height: none;
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.5) 0%, rgba(252, 248, 240, 0.85) 100%),
        linear-gradient(90deg, rgba(122, 53, 53, 0.04) 0, transparent 0.85rem);
}
.zgds-home-page--v3 .gzd-era-nav__body.is-overflow {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.zgds-home-page--v3 .gzd-era-nav__rail {
    position: absolute;
    left: 1.2rem;
    top: 0.65rem;
    bottom: 0.65rem;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, transparent 0%, rgba(212, 184, 122, 0.55) 6%, rgba(122, 53, 53, 0.4) 50%, rgba(212, 184, 122, 0.55) 94%, transparent 100%);
    box-shadow: 0 0 8px rgba(184, 148, 79, 0.2);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-era-nav__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding-left: 0.5rem;
}
.zgds-home-page--v3 .gzd-era-nav__timeline::after {
    display: none;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item {
    margin-left: 0.2rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(212, 184, 122, 0.38);
    background: linear-gradient(180deg, #fffef9 0%, #faf6ec 100%);
    box-shadow: 0 1px 4px rgba(74, 24, 24, 0.05);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item:hover {
    transform: translateX(2px);
    border-color: rgba(184, 148, 79, 0.5);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open {
    border-color: rgba(184, 148, 79, 0.55);
    box-shadow: 0 4px 16px rgba(74, 24, 24, 0.1);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__header {
    padding: 0.62rem 0.55rem;
    min-height: 2.65rem;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__marker {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(196, 160, 98, 0.28);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__name {
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__range {
    font-size: 0.625rem;
    font-variant-numeric: tabular-nums;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__content {
    background: rgba(252, 248, 240, 0.75);
}

.zgds-home-page--v3 .gzd-v3-catalog {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--ui-surface);
    border: 1px solid rgba(212, 184, 122, 0.42);
    border-radius: 0.55rem;
    box-shadow: 0 4px 22px rgba(42, 18, 18, 0.08);
    overflow: visible;
}

.zgds-home-page--v3 .gzd-v3-catalog__filter {
    position: relative;
    padding: 0;
    background: linear-gradient(180deg, rgba(252, 246, 234, 0.98) 0%, rgba(255, 253, 248, 0.95) 100%);
    border-bottom: 1px solid rgba(212, 184, 122, 0.4);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.2rem;
    border-radius: 0;
    background: linear-gradient(90deg, var(--ui-red-deep) 0%, #d4b04a 35%, #f0d878 50%, #d4b04a 65%, var(--ui-red-deep) 100%);
    box-shadow: 0 1px 3px rgba(90, 48, 18, 0.15);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.55rem;
    padding: 0.6rem 0.7rem 0.55rem;
    border-left: 3px solid var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-brand {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    padding-right: 0.55rem;
    border-right: 1px dashed rgba(212, 184, 122, 0.45);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-seal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
    line-height: 0;
    border-radius: 0.42rem;
    border: 1px solid rgba(212, 184, 122, 0.52);
    background: linear-gradient(145deg, var(--ui-red) 0%, var(--ui-red-deep) 100%);
    color: var(--ui-gold-light);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 2px 6px rgba(74, 24, 24, 0.18);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-seal-svg {
    display: block;
    width: 0.9375rem;
    height: 0.9375rem;
    flex-shrink: 0;
    overflow: visible;
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--ui-red-deep);
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-groups {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1 1 auto;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-group {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-label {
    flex-shrink: 0;
    min-width: 3.25rem;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: var(--ui-red-deep);
    text-align: right;
}
.zgds-home-page--v3 .gzd-v3-catalog__period-track {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0;
    padding: 2px;
    border-radius: 0.35rem;
    border: 1px solid rgba(212, 184, 122, 0.45);
    background: rgba(255, 255, 255, 0.75);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
.zgds-home-page--v3 .gzd-v3-catalog__period-btn {
    flex: 1 1 0;
    min-width: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 0.3rem 0.25rem 0.35rem;
    border: none;
    border-right: 1px solid rgba(212, 184, 122, 0.28);
    background: transparent;
    font: inherit;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.zgds-home-page--v3 .gzd-v3-catalog__period-btn:last-child {
    border-right: none;
}
.zgds-home-page--v3 .gzd-v3-catalog__period-bar {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 2px;
}
.zgds-home-page--v3 .gzd-v3-catalog__period-name {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--ui-ink);
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-v3-catalog__period-btn:hover {
    background: rgba(252, 246, 234, 0.9);
}
.zgds-home-page--v3 .gzd-v3-catalog__period-btn[aria-pressed="true"],
.zgds-home-page--v3 .gzd-v3-catalog__period-btn.is-active {
    background: linear-gradient(180deg, rgba(122, 53, 53, 0.12) 0%, rgba(122, 53, 53, 0.06) 100%);
}
.zgds-home-page--v3 .gzd-v3-catalog__period-btn[aria-pressed="true"] .gzd-v3-catalog__period-name,
.zgds-home-page--v3 .gzd-v3-catalog__period-btn.is-active .gzd-v3-catalog__period-name {
    color: var(--ui-red-deep);
    font-weight: 800;
}
.zgds-home-page--v3 .gzd-v3-catalog__vault-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.3rem;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    flex: 1 1 auto;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__vault-list li {
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__vault-btn {
    padding: 0.28rem 0.6rem;
    border: 1px solid rgba(212, 184, 122, 0.5);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    font: inherit;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--ui-red-deep);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.zgds-home-page--v3 .gzd-v3-catalog__vault-btn:hover {
    border-color: var(--ui-gold);
    background: #fffef9;
    box-shadow: 0 1px 4px rgba(74, 24, 24, 0.08);
}
@media (min-width: 768px) {
    .zgds-home-page--v3 .gzd-v3-catalog__filter-panel {
        flex-wrap: nowrap;
        align-items: center;
    }
    .zgds-home-page--v3 .gzd-v3-catalog__filter-groups {
        flex-direction: row;
        align-items: center;
        gap: 0.65rem;
    }
    .zgds-home-page--v3 .gzd-v3-catalog__filter-group + .gzd-v3-catalog__filter-group {
        padding-left: 0.65rem;
        border-left: 1px dashed rgba(212, 184, 122, 0.35);
    }
}
.zgds-home-page--v3 .gzd-v3-catalog__main {
    padding: 0.6rem 0.65rem 0.85rem;
    min-width: 0;
}

.zgds-home-page--v3 .gzd-v3-catalog__head {
    margin-bottom: 0.75rem;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem 1.25rem;
    padding: 0.72rem 0.85rem 0.68rem 0.9rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(212, 184, 122, 0.42);
    border-left: 4px solid var(--ui-red-deep);
    background:
        linear-gradient(135deg, rgba(255, 254, 248, 0.98) 0%, rgba(250, 244, 232, 0.92) 100%),
        url('../sucai/zgds/zgds-nav-panel-texture.svg');
    background-size: cover, 8rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 2px 10px rgba(74, 24, 24, 0.05);
}
.zgds-home-page--v3 .gzd-v3-catalog__head-body {
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-copy {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-lead {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-titles {
    flex: 1;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-tag {
    flex-shrink: 0;
    margin-top: 0.12rem;
    margin-bottom: 0;
    padding: 0.08rem 0.42rem;
    border-radius: 999px;
    border: 1px solid rgba(184, 148, 79, 0.38);
    background: rgba(255, 253, 248, 0.92);
    font-size: 0.5625rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: rgba(122, 53, 53, 0.72);
    line-height: 1.35;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-ribbon,
.zgds-home-page--v3 .gzd-v3-catalog__head-main,
.zgds-home-page--v3 .gzd-v3-catalog__head-emblem,
.zgds-home-page--v3 .gzd-v3-catalog__head-text,
.zgds-home-page--v3 .gzd-v3-catalog__head-kicker {
    display: none;
}
.zgds-home-page--v3 .gzd-v3-catalog__title {
    margin: 0;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: clamp(1rem, 2.2vw, 1.2rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--ui-red-deep);
    line-height: 1.35;
}
.zgds-home-page--v3 .gzd-v3-catalog__desc {
    margin: 0.15rem 0 0;
    font-size: 0.6875rem;
    line-height: 1.5;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-strip {
    padding: 0.45rem 0.55rem 0.5rem;
    border-radius: 0.38rem;
    border: 1px solid rgba(212, 184, 122, 0.38);
    background: rgba(255, 253, 248, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-strip-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.38rem;
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-strip-label {
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: rgba(122, 53, 53, 0.72);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-strip-count {
    font-size: 0.625rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    color: var(--ui-red-deep);
    padding: 0.06rem 0.38rem;
    border-radius: 999px;
    background: rgba(122, 53, 53, 0.08);
    border: 1px solid rgba(122, 53, 53, 0.14);
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.32rem;
    max-height: 4.75rem;
    overflow-y: auto;
    margin: 0;
    padding: 0.05rem 0.1rem 0.05rem 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 148, 79, 0.45) transparent;
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-height: 1.55rem;
    padding: 0.12rem 0.28rem 0.12rem 0.38rem;
    border-radius: 999px;
    border: 1px solid rgba(212, 184, 122, 0.48);
    background: #fff;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--ui-ink);
    box-shadow: 0 1px 2px rgba(74, 24, 24, 0.05);
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip:hover {
    border-color: rgba(184, 148, 79, 0.62);
    background: #fffef9;
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip .zgds-year-tag__dot {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip-label {
    line-height: 1.2;
    white-space: nowrap;
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: rgba(122, 53, 53, 0.55);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip-remove:hover,
.zgds-home-page--v3 .gzd-v3-catalog__year-chip-remove:focus-visible {
    background: rgba(122, 53, 53, 0.1);
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip-remove .zgds-gzd-icon {
    width: 0.65rem;
    height: 0.65rem;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-tags,
.zgds-home-page--v3 .gzd-v3-catalog__head .zgds-year-tags:not(.gzd-v3-catalog__year-chips) {
    margin: 0;
}
@media (max-width: 767px) {
    .zgds-home-page--v3 .gzd-v3-catalog__head-panel {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
    .zgds-home-page--v3 .gzd-v3-catalog__toolbar {
        justify-content: flex-start;
        padding-top: 0.35rem;
        border-top: 1px dashed rgba(212, 184, 122, 0.35);
    }
}
.zgds-home-page--v3 .gzd-v3-catalog__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    padding: 0.15rem 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__count {
    font-size: 0.75rem;
    color: var(--ui-muted);
    white-space: nowrap;
    padding-right: 0.35rem;
    border-right: 1px solid rgba(212, 184, 122, 0.35);
}
.zgds-home-page--v3 .gzd-v3-catalog__count strong {
    font-size: 0.9375rem;
    font-weight: 800;
    color: var(--ui-red-deep);
    font-variant-numeric: tabular-nums;
}
.zgds-home-page--v3 .gzd-v3-catalog__sort-select {
    min-height: 1.85rem;
    padding: 0.2rem 1.6rem 0.2rem 0.5rem;
    border: 1px solid rgba(212, 184, 122, 0.45);
    border-radius: 0.35rem;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%237a3535' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") right 0.45rem center / 0.55rem no-repeat;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--ui-ink);
    appearance: none;
    cursor: pointer;
}
.zgds-home-page--v3 .gzd-v3-catalog__views {
    display: inline-flex;
    padding: 2px;
    border-radius: 0.35rem;
    border: 1px solid rgba(212, 184, 122, 0.45);
    background: rgba(255, 255, 255, 0.7);
}
.zgds-home-page--v3 .gzd-v3-catalog__view-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.2rem 0.45rem;
    min-height: 1.85rem;
    border: none;
    border-radius: 0.28rem;
    background: transparent;
    color: var(--ui-muted);
    font: inherit;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.zgds-home-page--v3 .gzd-v3-catalog__view-label {
    line-height: 1;
}
.zgds-home-page--v3 .gzd-v3-catalog__view-btn.is-active,
.zgds-home-page--v3 .gzd-v3-catalog__view-btn[aria-pressed="true"] {
    background: linear-gradient(145deg, var(--ui-red) 0%, var(--ui-red-deep) 100%);
    color: #fff;
    box-shadow: 0 1px 4px rgba(74, 24, 24, 0.2);
}
@media (max-width: 479px) {
    .zgds-home-page--v3 .gzd-v3-catalog__view-label {
        display: none;
    }
    .zgds-home-page--v3 .gzd-v3-catalog__view-btn {
        padding: 0.2rem 0.35rem;
    }
}
.zgds-home-page--v3 .gzd-v3-catalog__stage {
    position: relative;
    border-radius: 0.45rem;
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-v3-catalog__stage.gzd-bookshelf {
    overflow-x: clip;
    overflow-y: visible;
    max-width: 100%;
}
.zgds-home-page--v3 .gzd-v3-catalog__stage-watermark {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__shelf-edge {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(184, 148, 79, 0.55) 20%, rgba(212, 184, 122, 0.75) 50%, rgba(184, 148, 79, 0.55) 80%, transparent);
    pointer-events: none;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-v3-catalog__foot {
    margin-top: 0.75rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(212, 184, 122, 0.32);
    border-radius: 0.45rem;
    background: linear-gradient(180deg, rgba(255, 253, 248, 0.95) 0%, rgba(252, 246, 234, 0.9) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.zgds-home-page--v3 .gzd-v3-catalog__foot-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: wrap;
}
.zgds-home-page--v3 .gzd-v3-catalog__foot-note {
    flex: 1;
    min-width: 9rem;
    margin: 0;
    font-size: 0.65625rem;
    letter-spacing: 0.05em;
    line-height: 1.45;
    color: var(--ui-muted);
    text-align: left;
}
.zgds-home-page--v3 .gzd-v3-catalog__load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0.35rem 1rem;
    border: 1px solid rgba(184, 148, 79, 0.55);
    border-radius: 999px;
    background: linear-gradient(180deg, #fffef9 0%, #f5ebe0 100%);
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.71875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--ui-red-deep);
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    box-shadow:
        0 2px 8px rgba(74, 24, 24, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__load-more-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    line-height: 1;
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(212, 176, 74, 0.24) 0%, rgba(184, 56, 56, 0.14) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-v3-catalog__load-more-icon svg,
.zgds-home-page--v3 .gzd-v3-catalog__load-more-svg {
    display: block;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0;
    flex: 0 0 auto;
    overflow: visible;
    vertical-align: middle;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-catalog__load-more:hover:not(:disabled) {
    border-color: var(--ui-gold);
    background: linear-gradient(180deg, var(--ui-red-deep) 0%, var(--ui-red) 100%);
    color: #fff8e8;
    box-shadow: 0 4px 14px rgba(74, 24, 24, 0.2);
    transform: translateY(-1px);
}
.zgds-home-page--v3 .gzd-v3-catalog__load-more:hover:not(:disabled) .gzd-v3-catalog__load-more-icon {
    background: linear-gradient(145deg, rgba(255, 248, 232, 0.28) 0%, rgba(212, 176, 74, 0.32) 100%);
    color: var(--ui-gold-light);
}
.zgds-home-page--v3 .gzd-v3-catalog__load-more:disabled,
.zgds-home-page--v3 .gzd-v3-catalog__load-more.is-complete {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}
@media (max-width: 560px) {
    .zgds-home-page--v3 .gzd-v3-catalog__foot-bar {
        flex-direction: column;
        align-items: stretch;
    }
    .zgds-home-page--v3 .gzd-v3-catalog__foot-note {
        text-align: center;
    }
    .zgds-home-page--v3 .gzd-v3-catalog__load-more {
        width: 100%;
        justify-content: center;
    }
}

.zgds-home-page--v3 .gzd-era-nav__actions {
    padding: 0.55rem 0.65rem;
}
.zgds-home-page--v3 .gzd-era-nav__actions-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
}
.zgds-home-page--v3 .gzd-era-nav__status-card {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.4rem 0.5rem;
    border-radius: 0.38rem;
    border: 1px solid rgba(212, 184, 122, 0.35);
    background: linear-gradient(135deg, #fffef9 0%, #f8f2e6 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.zgds-home-page--v3 .gzd-era-nav__status-main {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.2rem 0.28rem;
}
.zgds-home-page--v3 .gzd-era-nav__status-label {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--ui-red-deep);
    letter-spacing: 0.04em;
}
.zgds-home-page--v3 .gzd-era-nav__count {
    font-size: 1.0625rem;
    font-weight: 800;
    color: var(--ui-red-deep);
    line-height: 1;
}
.zgds-home-page--v3 .gzd-era-nav__status-unit {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--ui-muted);
}
.zgds-home-page--v3 .gzd-era-nav__status-hint {
    font-size: 0.59375rem;
    color: #8a7868;
    letter-spacing: 0.02em;
}
.zgds-home-page--v3 .gzd-era-nav__tools {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-shrink: 0;
    padding: 0.18rem;
    border-radius: 0.4rem;
    border: 1px solid rgba(212, 184, 122, 0.42);
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(248, 242, 230, 0.95) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 4px rgba(74, 24, 24, 0.05);
}
.zgds-home-page--v3 .gzd-era-nav__btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 1.75rem;
    padding: 0.22rem 0.55rem;
    border-radius: 0.32rem;
    border: none;
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.65625rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.zgds-home-page--v3 .gzd-era-nav__btn-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-era-nav__btn .zgds-gzd-icon {
    display: block;
    width: 0.6875rem;
    height: 0.6875rem;
}
.zgds-home-page--v3 .gzd-era-nav__btn--select {
    color: var(--ui-red-deep);
    background: linear-gradient(180deg, #fff 0%, #faf4ea 100%);
    box-shadow: inset 0 0 0 1px rgba(184, 148, 79, 0.35);
}
.zgds-home-page--v3 .gzd-era-nav__btn--select .gzd-era-nav__btn-mark {
    background: rgba(184, 148, 79, 0.16);
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-era-nav__btn--select:hover {
    background: linear-gradient(180deg, #fffef9 0%, #f5ebe0 100%);
    box-shadow: inset 0 0 0 1px var(--ui-gold);
}
.zgds-home-page--v3 .gzd-era-nav__btn--clear {
    margin-left: 0.18rem;
    padding-left: 0.62rem;
    color: #7a5a52;
    background: transparent;
    box-shadow: inset 1px 0 0 rgba(212, 184, 122, 0.38);
}
.zgds-home-page--v3 .gzd-era-nav__btn--clear .gzd-era-nav__btn-mark {
    background: rgba(122, 53, 53, 0.08);
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-era-nav__btn--clear:hover {
    color: var(--ui-red-deep);
    background: rgba(122, 53, 53, 0.06);
}

.zgds-home-page--v3 .gzd-era-nav__body {
    flex: 0 0 auto;
    padding: 0;
    overflow-x: hidden;
    overflow-y: visible;
    max-height: none;
}
.zgds-home-page--v3 .gzd-era-nav__body.is-overflow {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.zgds-home-page--v3 .gzd-era-nav__body-inner {
    position: relative;
    padding: 0.55rem 0.75rem 0.35rem 0.55rem;
    min-width: 0;
}
.zgds-home-page--v3 .gzd-era-nav__rail {
    left: 0.85rem;
    top: 0.45rem;
    bottom: 0.35rem;
}
.zgds-home-page--v3 .gzd-era-nav__timeline {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    min-width: 0;
    gap: 0.32rem;
}
.zgds-home-page--v3 .gzd-era-nav__timeline::after {
    display: none;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item {
    margin-left: 0.1rem;
    margin-right: 0;
    overflow: visible;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item:hover {
    transform: none;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open {
    overflow: visible;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__header {
    padding: 0.5rem 0.45rem;
    min-height: 2.25rem;
    gap: 0.35rem;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__marker {
    width: 9px;
    height: 9px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 1px 3px rgba(42, 24, 16, 0.15);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__name {
    font-size: 0.8125rem;
    line-height: 1.32;
    color: #2a1810;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__range {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #6b5a48;
}

.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__toggle {
    position: relative;
    width: 1.55rem;
    height: 1.55rem;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(184, 148, 79, 0.55);
    border-radius: 50%;
    background: linear-gradient(145deg, #b83838 0%, #7a2828 100%);
    color: #fff;
    cursor: pointer;
    box-shadow:
        0 1px 5px rgba(74, 24, 24, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.18s ease;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__toggle::before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 50%;
    border: 1px solid rgba(240, 216, 120, 0.28);
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__toggle .zgds-gzd-icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 0.6875rem;
    height: 0.6875rem;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__toggle:hover {
    transform: translateY(-1px);
    border-color: var(--ui-gold-light);
    box-shadow:
        0 4px 14px rgba(74, 24, 24, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__toggle.is-open {
    background: linear-gradient(145deg, #6b1515 0%, #4a1010 100%);
    border-color: var(--ui-gold-light);
    color: var(--ui-gold-light);
    box-shadow:
        0 3px 12px rgba(74, 24, 24, 0.35),
        inset 0 0 0 1px rgba(240, 216, 120, 0.2);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__toggle.is-open svg {
    transform: rotate(180deg);
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__toggle:focus-visible {
    outline: 2px solid var(--ui-gold-light);
    outline-offset: 2px;
}

.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open[data-period="period0"] .zgds-timeline-item__header { background: rgba(107, 83, 68, 0.06); }
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open[data-period="period1"] .zgds-timeline-item__header { background: rgba(184, 56, 56, 0.06); }
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open[data-period="period2"] .zgds-timeline-item__header { background: rgba(166, 92, 42, 0.06); }
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open[data-period="period3"] .zgds-timeline-item__header { background: rgba(61, 90, 128, 0.06); }
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open[data-period="period4"] .zgds-timeline-item__header { background: rgba(122, 48, 72, 0.06); }
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item__content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 0.45rem;
    border-top: 1px solid transparent;
    background: rgba(252, 248, 240, 0.9);
    transition:
        max-height 0.34s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.26s ease,
        padding 0.34s ease,
        border-color 0.2s ease;
}
.zgds-home-page--v3 .gzd-era-nav .zgds-timeline-item.is-open .zgds-timeline-item__content {
    max-height: 1200px;
    opacity: 1;
    overflow: visible;
    padding: 0.5rem 0.45rem 0.65rem;
    border-top-color: rgba(212, 184, 122, 0.28);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__content {
    overflow: hidden;
    border-radius: 0 0 0.42rem 0.42rem;
    background: linear-gradient(180deg, rgba(252, 248, 240, 0.95) 0%, rgba(255, 253, 248, 0.88) 100%);
}

.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__expand-body {
    display: flex;
    flex-direction: column;
    gap: 0.48rem;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__period-desc {
    margin: 0;
    padding: 0.45rem 0.52rem 0.48rem 0.62rem;
    border-radius: 0.36rem;
    border: 1px solid rgba(212, 184, 122, 0.3);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(252, 248, 240, 0.9) 100%);
    font-size: 0.6875rem;
    line-height: 1.62;
    color: #4a3d32;
    text-align: left;
    position: relative;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__period-desc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35rem;
    bottom: 0.35rem;
    width: 3px;
    border-radius: 0 2px 2px 0;
    background: rgba(184, 148, 79, 0.55);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period0"] .gzd-era-nav__period-desc::before { background: var(--period0); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period1"] .gzd-era-nav__period-desc::before { background: var(--period1); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period2"] .gzd-era-nav__period-desc::before { background: var(--period2); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period3"] .gzd-era-nav__period-desc::before { background: var(--period3); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period4"] .gzd-era-nav__period-desc::before { background: var(--period4); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.34rem;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid:has(.zgds-year-checkbox:only-child) {
    grid-template-columns: 1fr;
    max-width: 11.5rem;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox {
    display: flex;
    align-items: center;
    gap: 0.36rem;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 2rem;
    padding: 0.26rem 0.4rem 0.26rem 0.34rem;
    margin: 0;
    border-radius: 0.34rem;
    border: 1px solid rgba(212, 184, 122, 0.36);
    background: rgba(255, 255, 255, 0.96);
    font-size: 0.71875rem;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(42, 18, 18, 0.04);
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox:hover {
    border-color: rgba(184, 148, 79, 0.55);
    background: #fffef9;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox__box {
    display: block;
    width: 0.9375rem;
    height: 0.9375rem;
    flex-shrink: 0;
    border: 1.5px solid rgba(122, 53, 53, 0.42);
    border-radius: 0.2rem;
    background: #fff;
    position: relative;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox__label {
    flex: 1;
    min-width: 0;
    font-size: 0.71875rem;
    font-weight: 600;
    color: #2a1810;
    line-height: 1.2;
    white-space: nowrap;
    text-align: left;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox:has(input:checked) {
    border-color: rgba(122, 53, 53, 0.48);
    background: rgba(122, 53, 53, 0.07);
    box-shadow: inset 0 0 0 1px rgba(122, 53, 53, 0.08);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox:has(input:checked) .zgds-year-checkbox__box {
    background: var(--ui-red);
    border-color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox:has(input:checked) .zgds-year-checkbox__box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 44%;
    width: 0.28rem;
    height: 0.48rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox:has(input:checked) .zgds-year-checkbox__label {
    color: var(--ui-red-deep);
    font-weight: 700;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox:has(input:focus-visible) {
    outline: 2px solid var(--ui-gold);
    outline-offset: 1px;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item.is-open .gzd-era-nav__year-grid .zgds-year-checkbox {
    opacity: 0;
    transform: translateY(5px);
    animation: gzd-era-year-in 0.28s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    animation-delay: calc(var(--chip-i, 0) * 24ms);
}
@keyframes gzd-era-year-in {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes gzd-era-ring-spin {
    to { transform: rotate(360deg); }
}

.zgds-home-page--v3 .gzd-era-nav #vertical-timeline.gzd-era-timeline {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    padding-bottom: 0;
}
.zgds-home-page--v3 .gzd-era-nav #vertical-timeline.gzd-era-timeline > .gzd-era-timeline-item:last-child {
    margin-bottom: 0;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item {
    position: relative;
    margin-left: 0.15rem;
    margin-right: 0.05rem;
    border-radius: 0.42rem;
    border: 1px solid rgba(212, 184, 122, 0.36);
    background: linear-gradient(180deg, #fffef9 0%, #faf6ec 100%);
    box-shadow:
        0 1px 3px rgba(74, 24, 24, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
    overflow: visible;
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item::before {
    content: "";
    position: absolute;
    left: -0.62rem;
    top: 50%;
    width: 0.45rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(184, 148, 79, 0.55) 0%, rgba(184, 148, 79, 0.15) 100%);
    pointer-events: none;
    transform: translateY(-50%);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item.is-open {
    border-color: rgba(184, 148, 79, 0.52);
    box-shadow:
        0 4px 14px rgba(74, 24, 24, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.52rem 0.42rem 0.52rem 0.42rem;
    min-height: 2.35rem;
    background: transparent;
    border: none;
    border-left: none;
    cursor: pointer;
    overflow: visible;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item__accent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    border-radius: 0.42rem 0 0 0.42rem;
    opacity: 0.92;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__marker {
    position: relative;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin-left: 0.35rem;
    flex-shrink: 0;
    border-radius: 50%;
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.92),
        0 1px 4px rgba(42, 24, 16, 0.18);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__info {
    flex: 1;
    min-width: 0;
    gap: 0.18rem;
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__toggle {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    margin-left: 0.1rem;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__name {
    font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.32;
    letter-spacing: 0.04em;
    color: #2a1810;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.28rem 0.38rem;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__range {
    font-size: 0.65625rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #6b5a48;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item__badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.05rem;
    padding: 0.04rem 0.32rem;
    border-radius: 999px;
    border: 1px solid rgba(184, 148, 79, 0.32);
    background: rgba(255, 253, 248, 0.88);
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #8b3224;
    white-space: nowrap;
    flex-shrink: 0;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item.is-open .gzd-era-timeline-item__badge {
    border-color: rgba(184, 148, 79, 0.48);
    background: rgba(252, 246, 234, 0.95);
    color: var(--ui-red-deep);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period0"] .gzd-era-timeline-item__badge { color: var(--period0); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period1"] .gzd-era-timeline-item__badge { color: var(--period1); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period2"] .gzd-era-timeline-item__badge { color: var(--period2); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period3"] .gzd-era-timeline-item__badge { color: var(--period3); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period4"] .gzd-era-timeline-item__badge { color: var(--period4); }
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item .zgds-timeline-item__content {
    overflow: hidden;
    border-radius: 0 0 0.42rem 0.42rem;
    background: linear-gradient(180deg, rgba(252, 248, 240, 0.95) 0%, rgba(255, 253, 248, 0.88) 100%);
}

.zgds-home-page--v3 .gzd-v3-hd__search-kicker {
    font-size: var(--ui-text-sm);
}
.zgds-home-page--v3 .gzd-v3-hd__search-tip {
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-normal);
}
.zgds-home-page--v3 .gzd-v3-hd__slogan-text {
    font-size: clamp(var(--ui-text-sm), 2vw, var(--ui-text-md));
    line-height: var(--ui-leading-tight);
}
.zgds-home-page--v3 .gzd-v3-search__title {
    font-size: clamp(var(--ui-text-base), 2.2vw, var(--ui-text-md));
}
.zgds-home-page--v3 .gzd-v3-search__mode .zgds-search-type__btn,
.zgds-home-page--v3 .gzd-v3-search__dropdown-trigger,
.zgds-home-page--v3 .gzd-v3-search__input,
.zgds-home-page--v3 .gzd-v3-hd .gzd-hd__input {
    font-size: var(--ui-text-sm);
}

.zgds-home-page--v3 .gzd-era-nav__title,
.zgds-home-page--v3 .gzd-nav__title {
    font-family: var(--ui-font-serif);
    font-size: var(--ui-text-base);
    line-height: var(--ui-leading-tight);
}
.zgds-home-page--v3 .gzd-era-nav__scope,
.zgds-home-page--v3 .gzd-nav__subtitle {
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-normal);
}
.zgds-home-page--v3 .gzd-era-nav__hint,
.zgds-home-page--v3 .gzd-nav__hint,
.zgds-home-page--v3 .gzd-nav__hint--drawer {
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-relaxed);
}
.zgds-home-page--v3 .gzd-era-nav__status-label {
    font-size: var(--ui-text-xs);
}
.zgds-home-page--v3 .gzd-era-nav__status-unit {
    font-size: var(--ui-text-2xs);
}
.zgds-home-page--v3 .gzd-era-nav__btn,
.zgds-home-page--v3 .gzd-nav__status {
    font-size: var(--ui-text-xs);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__period-desc {
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-relaxed);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__year-grid .zgds-year-checkbox {
    font-size: var(--ui-text-xs);
}

.zgds-home-page--v3 .zgds-timeline-item__name {
    font-size: var(--ui-text-sm);
    line-height: var(--ui-leading-tight);
}
.zgds-home-page--v3 .zgds-timeline-item__range,
.zgds-home-page--v3 .zgds-timeline-item__desc {
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-relaxed);
}
.zgds-home-page--v3 .zgds-year-checkbox {
    font-size: var(--ui-text-xs);
}

.zgds-home-page--v3 .gzd-v3-filter__label {
    font-size: var(--ui-text-xs);
}
.zgds-home-page--v3 .zgds-hall-head__title {
    font-size: clamp(var(--ui-text-lg), 2vw, 1.375rem);
}
.zgds-home-page--v3 .zgds-hall-head__desc {
    font-size: var(--ui-text-sm);
    line-height: var(--ui-leading-relaxed);
}
.zgds-home-page--v3 .gzd-v3-catalog__title {
    font-size: clamp(var(--ui-text-md), 2.4vw, 1.3125rem);
    line-height: var(--ui-leading-tight);
}
.zgds-home-page--v3 .gzd-v3-catalog__desc {
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-relaxed);
}
.zgds-home-page--v3 .gzd-v3-catalog__head-tag,
.zgds-home-page--v3 .gzd-v3-catalog__filter-strip-label,
.zgds-home-page--v3 .gzd-v3-catalog__filter-strip-count {
    font-size: var(--ui-text-2xs);
}
.zgds-home-page--v3 .gzd-v3-catalog__year-chip {
    font-size: var(--ui-text-xs);
}
.zgds-home-page--v3 .gzd-v3-catalog__count {
    font-size: var(--ui-text-xs);
}
.zgds-home-page--v3 .gzd-v3-catalog__sort-select,
.zgds-home-page--v3 .zgds-sort-select {
    font-size: var(--ui-text-xs);
}

.zgds-home-page--v3 .zgds-journal-card__title {
    font-size: var(--ui-text-sm);
    line-height: var(--ui-leading-tight);
}
.zgds-home-page--v3 .zgds-journal-card__meta {
    font-size: var(--ui-text-xs);
    line-height: var(--ui-leading-normal);
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__title {
    font-size: var(--ui-text-sm);
    font-family: var(--ui-font-serif);
}
.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__meta {
    font-size: var(--ui-text-2xs);
    line-height: var(--ui-leading-normal);
}

.zgds-home-page--v3 .gzd-tools-rail .tool-name {
    font-size: var(--ui-text-base);
}
.zgds-home-page--v3 .gzd-tools-rail .tool-desc {
    font-size: var(--ui-text-sm);
    line-height: var(--ui-leading-normal);
}

.zgds-home-page--v3 .gzd-vault-ft__tagline {
    font-size: var(--ui-text-sm);
    line-height: var(--ui-leading-relaxed);
    color: rgba(255, 255, 255, 0.74);
}
.zgds-home-page--v3 .gzd-vault-ft__motto {
    font-family: var(--ui-font-serif);
    font-size: var(--ui-text-sm);
}
.zgds-home-page--v3 .gzd-vault-ft__mail {
    font-size: var(--ui-text-xs);
}
.zgds-home-page--v3 .gzd-vault-ft__section-title {
    font-size: var(--ui-text-sm);
}
.zgds-home-page--v3 .gzd-vault-ft__qr figcaption {
    font-size: var(--ui-text-2xs);
    line-height: var(--ui-leading-tight);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__head-title {
    font-family: var(--ui-font-serif);
    font-size: var(--ui-text-sm);
}

.zgds-home-page--v3 .gzd-v3-main__ribbon {
    grid-column: 1 / -1;
    margin-bottom: 0.25rem;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon {
    --gzd-ribbon-src-w: 1536;
    --gzd-ribbon-band-h: 144;
    --gzd-ribbon-band-ratio: calc(var(--gzd-ribbon-src-w) / var(--gzd-ribbon-band-h));
    --gzd-ribbon-label-y: 52%;
    --gzd-ribbon-label-x0: 10.575%;
    --gzd-ribbon-label-x1: 30.965%;
    --gzd-ribbon-label-x2: 50.552%;
    --gzd-ribbon-label-x3: 70.345%;
    --gzd-ribbon-label-x4: 90.147%;
    position: relative;
    padding: 0.35rem 0 0.25rem;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__frame {
    position: relative;
    padding: 0.55rem;
    border-radius: 0.65rem;
    border: 1px solid rgba(212, 184, 122, 0.58);
    background:
        url('../sucai/gzd/gzd-paper-warm.svg') center / 12rem repeat,
        radial-gradient(ellipse 92% 85% at 50% 0%, rgba(255, 252, 240, 0.98) 0%, transparent 68%),
        linear-gradient(180deg, #fffef9 0%, #f0e6d6 100%);
    box-shadow:
        var(--ui-shadow-panel),
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 0 0 1px rgba(84, 24, 24, 0.05);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__frame::before {
    content: "";
    position: absolute;
    inset: 0.35rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(212, 184, 122, 0.22);
    pointer-events: none;
    z-index: 1;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__corners {
    position: absolute;
    inset: 0.28rem;
    z-index: 2;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__corner {
    position: absolute;
    width: 1.35rem;
    height: 1.35rem;
    background: center / contain no-repeat;
    opacity: 0.62;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__corner--tl {
    top: 0;
    left: 0;
    background-image: url('../sucai/gzd/gzd-corner-fret-gold.svg');
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__corner--tr {
    top: 0;
    right: 0;
    background-image: url('../sucai/gzd/gzd-corner-fret-gold.svg');
    transform: scaleX(-1);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__corner--bl {
    bottom: 0;
    left: 0;
    background-image: url('../sucai/gzd/gzd-corner-fret-gold.svg');
    transform: scaleY(-1);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__corner--br {
    bottom: 0;
    right: 0;
    background-image: url('../sucai/gzd/gzd-corner-fret-gold.svg');
    transform: scale(-1);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__stage {
    position: relative;
    z-index: 3;
    width: 100%;
    aspect-ratio: var(--gzd-ribbon-band-ratio);
    min-height: clamp(2.75rem, 8vw, 4.5rem);
    overflow: hidden;
    border-radius: 0.4rem;
    box-shadow:
        0 10px 32px rgba(42, 18, 18, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.4),
        inset 0 -2px 8px rgba(0, 0, 0, 0.12);
    background: #1a0a0a;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__svg {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__svg-img {
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__hits {
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit {
    fill: transparent;
    stroke: transparent;
    stroke-width: 0;
    cursor: pointer;
    pointer-events: all;
    transition: fill 0.18s ease, filter 0.18s ease;
    outline: none;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit:hover {
    fill: rgba(255, 255, 255, 0.22);
    filter: drop-shadow(0 0 8px rgba(255, 248, 235, 0.35));
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit:focus-visible {
    fill: rgba(255, 255, 255, 0.14);
    filter: drop-shadow(0 0 6px rgba(255, 248, 235, 0.65));
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit.is-active {
    fill: rgba(255, 255, 255, 0.26);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit[data-period="period0"].is-active { fill: rgba(255, 230, 210, 0.24); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit[data-period="period1"].is-active { fill: rgba(255, 210, 210, 0.24); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit[data-period="period2"].is-active { fill: rgba(255, 220, 180, 0.24); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit[data-period="period3"].is-active { fill: rgba(200, 220, 255, 0.24); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__hit[data-period="period4"].is-active { fill: rgba(220, 200, 210, 0.24); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__labels {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__label {
    position: absolute;
    top: var(--gzd-ribbon-label-y);
    left: var(--gzd-ribbon-label-x, 50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.06rem;
    max-width: min(8.5rem, 18vw);
    padding: 0.12rem 0.35rem;
    border-radius: 0.2rem;
    background: rgba(8, 4, 4, 0.22);
    border: 1px solid rgba(255, 248, 235, 0.2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__label-name {
    font-family: var(--ui-font-serif);
    font-size: clamp(0.6875rem, 1.5vw, 0.875rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.1;
    color: #fffdf6;
    white-space: nowrap;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.85),
        0 0 12px rgba(0, 0, 0, 0.35);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__label-range {
    font-size: clamp(0.5625rem, 1.08vw, 0.6875rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.06em;
    line-height: 1.1;
    color: rgba(255, 244, 220, 0.95);
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period0"] { --gzd-ribbon-label-x: var(--gzd-ribbon-label-x0); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period1"] { --gzd-ribbon-label-x: var(--gzd-ribbon-label-x1); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period2"] { --gzd-ribbon-label-x: var(--gzd-ribbon-label-x2); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period3"] { --gzd-ribbon-label-x: var(--gzd-ribbon-label-x3); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period4"] { --gzd-ribbon-label-x: var(--gzd-ribbon-label-x4); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__stage:has(.gzd-v3-era-ribbon__hit[data-period="period0"]:hover) .gzd-v3-era-ribbon__label[data-period="period0"],
.zgds-home-page--v3 .gzd-v3-era-ribbon__stage:has(.gzd-v3-era-ribbon__hit[data-period="period1"]:hover) .gzd-v3-era-ribbon__label[data-period="period1"],
.zgds-home-page--v3 .gzd-v3-era-ribbon__stage:has(.gzd-v3-era-ribbon__hit[data-period="period2"]:hover) .gzd-v3-era-ribbon__label[data-period="period2"],
.zgds-home-page--v3 .gzd-v3-era-ribbon__stage:has(.gzd-v3-era-ribbon__hit[data-period="period3"]:hover) .gzd-v3-era-ribbon__label[data-period="period3"],
.zgds-home-page--v3 .gzd-v3-era-ribbon__stage:has(.gzd-v3-era-ribbon__hit[data-period="period4"]:hover) .gzd-v3-era-ribbon__label[data-period="period4"] {
    transform: translate(-50%, -52%);
    border-color: rgba(255, 248, 235, 0.55);
    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__label.is-active {
    transform: translate(-50%, -52%);
    background: linear-gradient(180deg, rgba(48, 18, 12, 0.55) 0%, rgba(28, 10, 8, 0.62) 100%);
    border-color: rgba(240, 216, 120, 0.82);
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(212, 184, 122, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__label.is-active .gzd-v3-era-ribbon__label-name {
    color: #fff;
}
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period0"].is-active { border-color: rgba(255, 220, 190, 0.85); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period1"].is-active { border-color: rgba(255, 200, 200, 0.88); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period2"].is-active { border-color: rgba(255, 210, 160, 0.88); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period3"].is-active { border-color: rgba(190, 215, 255, 0.88); }
.zgds-home-page--v3 .gzd-v3-era-ribbon__label[data-period="period4"].is-active { border-color: rgba(220, 195, 210, 0.88); }
@media (max-width: 1023px) {
    .zgds-home-page--v3 .gzd-v3-era-ribbon__frame {
        padding: 0.45rem;
    }
    .zgds-home-page--v3 .gzd-v3-era-ribbon__corner {
        width: 1rem;
        height: 1rem;
        opacity: 0.48;
    }
}
@media (max-width: 767px) {
    .zgds-home-page--v3 .gzd-v3-era-ribbon__label-range {
        display: none;
    }
    .zgds-home-page--v3 .gzd-v3-era-ribbon__label {
        padding: 0.14rem 0.38rem;
        max-width: min(5.5rem, 22vw);
    }
}
@media (max-width: 479px) {
    .zgds-home-page--v3 .gzd-v3-era-ribbon__label-name {
        font-size: 0.5625rem;
        letter-spacing: 0.04em;
    }
    .zgds-home-page--v3 .gzd-v3-era-ribbon__corners {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .zgds-home-page--v3 .gzd-v3-era-ribbon__stage {
        min-height: clamp(3rem, 6vw, 3.75rem);
    }
}

@media (hover: none) and (pointer: coarse) {
    .zgds-home-page--v3 .gzd-v3-era-ribbon__hit:active {
        fill: rgba(255, 255, 255, 0.28);
    }
    .zgds-home-page--v3 .gzd-v3-era-ribbon__hit {
        stroke: transparent;
        stroke-width: 0;
    }
}

body.zgds-home-page--v3 {
    background-image:
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(212, 184, 122, 0.14), transparent 55%),
        radial-gradient(ellipse 60% 40% at 0% 100%, rgba(122, 53, 53, 0.04), transparent 50%),
        radial-gradient(ellipse 50% 35% at 100% 90%, rgba(184, 148, 79, 0.06), transparent 45%),
        linear-gradient(180deg, rgba(250, 247, 239, 0.96) 0%, rgba(245, 238, 225, 0.92) 100%),
        url('../sucai/hall-paper-texture.webp');
}

.zgds-home-page--v3 .gzd-v3-hd {
    box-shadow:
        0 6px 28px rgba(26, 8, 8, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.zgds-home-page--v3 .gzd-v3-hd__bg {
    background:
        radial-gradient(ellipse 65% 110% at 78% 35%, rgba(212, 184, 122, 0.28), transparent 58%),
        radial-gradient(ellipse 40% 60% at 15% 80%, rgba(184, 148, 79, 0.12), transparent 50%),
        linear-gradient(105deg, rgba(36, 10, 10, 0.94) 0%, rgba(74, 24, 24, 0.72) 42%, rgba(36, 10, 10, 0.9) 100%),
        url('../sucai/header.png') 72% center / cover no-repeat;
}
.zgds-home-page--v3 .gzd-v3-hd__slogan-gem {
    width: 0.42rem;
    height: 0.42rem;
    background: linear-gradient(135deg, var(--ui-gold-light) 0%, var(--ui-gold) 100%);
    transform: rotate(45deg);
    box-shadow: 0 0 8px rgba(212, 184, 122, 0.55), 0 0 0 2px rgba(255, 248, 235, 0.15);
}
.zgds-home-page--v3 .gzd-v3-search {
    border: 1px solid rgba(212, 184, 122, 0.62);
    background:
        radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 252, 240, 0.95) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 253, 248, 0.99) 0%, rgba(248, 240, 224, 0.96) 100%),
        url('../sucai/atelier-parchment.webp');
    box-shadow:
        var(--ui-shadow-lift),
        var(--ui-rim-inner),
        0 0 0 1px rgba(184, 148, 79, 0.08);
}
.zgds-home-page--v3 .gzd-v3-search::before,
.zgds-home-page--v3 .gzd-v3-search::after {
    display: block;
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    pointer-events: none;
    z-index: 2;
    opacity: 0.55;
    border-color: rgba(184, 148, 79, 0.55);
    border-style: solid;
    border-width: 0;
}
.zgds-home-page--v3 .gzd-v3-search::before {
    top: 0.45rem;
    left: 0.45rem;
    border-top-width: 2px;
    border-left-width: 2px;
}
.zgds-home-page--v3 .gzd-v3-search::after {
    bottom: 0.45rem;
    right: 0.45rem;
    border-bottom-width: 2px;
    border-right-width: 2px;
}
.zgds-home-page--v3 .gzd-v3-search__ribbon {
    height: 0.26rem;
    box-shadow: 0 2px 6px rgba(90, 48, 18, 0.22);
}
.zgds-home-page--v3 .gzd-v3-search__title {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.zgds-home-page--v3 .gzd-v3-search__submit {
    box-shadow:
        0 4px 14px rgba(74, 24, 24, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.zgds-home-page--v3 .gzd-v3-main__stage::before {
    content: "";
    position: absolute;
    inset: 0.35rem 0;
    pointer-events: none;
    border-radius: 0.65rem;
    border: 1px solid rgba(212, 184, 122, 0.22);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.45),
        inset 0 0 24px rgba(184, 148, 79, 0.04);
    z-index: 0;
}

.zgds-home-page--v3 .gzd-era-nav__shell {
    border: 1px solid rgba(212, 184, 122, 0.55);
    box-shadow:
        var(--ui-shadow-panel),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 4px 0 12px rgba(184, 148, 79, 0.06);
}
.zgds-home-page--v3 .gzd-era-nav__shell::before,
.zgds-home-page--v3 .gzd-era-nav__shell::after {
    content: "";
    position: absolute;
    width: 0.85rem;
    height: 0.85rem;
    pointer-events: none;
    z-index: 3;
    opacity: 0.42;
    border-color: rgba(184, 148, 79, 0.5);
    border-style: solid;
}
.zgds-home-page--v3 .gzd-era-nav__shell::before {
    top: 0.5rem;
    right: 0.5rem;
    border-top-width: 2px;
    border-right-width: 2px;
}
.zgds-home-page--v3 .gzd-era-nav__shell::after {
    bottom: 0.5rem;
    right: 0.5rem;
    border-bottom-width: 2px;
    border-right-width: 2px;
}
.zgds-home-page--v3 .gzd-era-nav__head {
    background:
        radial-gradient(ellipse 80% 100% at 50% 0%, rgba(212, 184, 122, 0.1) 0%, transparent 65%),
        linear-gradient(180deg, rgba(122, 40, 40, 0.08) 0%, rgba(255, 253, 248, 0.98) 55%, rgba(255, 253, 248, 0.98) 100%),
        url('../sucai/zgds/zgds-nav-head-band.svg') center top / 100% 2.25rem no-repeat;
}
.zgds-home-page--v3 .gzd-era-nav__icon {
    box-shadow:
        0 0 0 3px rgba(184, 148, 79, 0.18),
        0 6px 18px rgba(42, 18, 18, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.zgds-home-page--v3 .gzd-era-nav__status-card {
    border: 1px solid rgba(212, 184, 122, 0.45);
    background:
        linear-gradient(145deg, rgba(255, 254, 248, 0.95) 0%, rgba(252, 246, 234, 0.88) 100%);
    box-shadow: var(--ui-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.zgds-home-page--v3 .gzd-v3-catalog {
    border: 1px solid rgba(212, 184, 122, 0.55);
    border-radius: calc(var(--ui-radius) + 2px);
    background:
        radial-gradient(ellipse 100% 50% at 50% 0%, rgba(255, 252, 240, 0.6) 0%, transparent 55%),
        linear-gradient(180deg, #fffef9 0%, #faf6ec 100%);
    box-shadow: var(--ui-shadow-panel);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter {
    background:
        radial-gradient(ellipse 80% 100% at 0% 0%, rgba(212, 184, 122, 0.12) 0%, transparent 60%),
        linear-gradient(180deg, rgba(252, 246, 234, 0.98) 0%, rgba(255, 255, 255, 0.94) 100%),
        url('../sucai/zgds/zgds-nav-panel-texture.svg');
    background-size: cover, cover, 10rem;
    border-bottom: 1px solid rgba(212, 184, 122, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-seal {
    box-shadow:
        0 2px 8px rgba(122, 53, 53, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-title {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.zgds-home-page--v3 .gzd-v3-catalog__period-btn,
.zgds-home-page--v3 .gzd-v3-catalog__vault-btn {
    box-shadow:
        0 1px 3px rgba(74, 24, 24, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.zgds-home-page--v3 .gzd-v3-catalog__period-btn:hover,
.zgds-home-page--v3 .gzd-v3-catalog__vault-btn:hover,
.zgds-home-page--v3 .gzd-v3-catalog__period-btn[aria-pressed="true"] {
    box-shadow:
        0 4px 12px rgba(74, 24, 24, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.zgds-home-page--v3 .gzd-v3-catalog__head-panel {
    border: 1px solid rgba(212, 184, 122, 0.5);
    box-shadow:
        var(--ui-shadow-soft),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 3px 0 0 rgba(184, 148, 79, 0.25);
}
.zgds-home-page--v3 .gzd-v3-catalog__head-tag {
    background: linear-gradient(145deg, rgba(255, 253, 248, 0.98) 0%, rgba(252, 244, 228, 0.92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.zgds-home-page--v3 .gzd-v3-catalog__filter-strip {
    border-color: rgba(212, 184, 122, 0.48);
    background:
        linear-gradient(180deg, rgba(255, 253, 248, 0.95) 0%, rgba(252, 246, 234, 0.88) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item,
.zgds-home-page--v3 .zgds-timeline-item {
    box-shadow:
        0 2px 8px rgba(74, 24, 24, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-nav__period-desc {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.zgds-home-page--v3 .gzd-bookshelf {
    border-color: rgba(90, 48, 18, 0.55);
    box-shadow:
        inset 0 2px 0 rgba(255, 248, 220, 0.12),
        inset 0 0 0 1px rgba(255, 248, 220, 0.06),
        0 8px 28px rgba(28, 14, 8, 0.28);
}
.zgds-home-page--v3 .gzd-bookshelf--grid,
.zgds-home-page--v3 .gzd-bookshelf--list {
    background:
        linear-gradient(90deg, rgba(20, 10, 6, 0.65) 0%, rgba(20, 10, 6, 0.1) 4%, transparent 7%, transparent 93%, rgba(20, 10, 6, 0.1) 96%, rgba(20, 10, 6, 0.65) 100%),
        repeating-linear-gradient(90deg, transparent 0, transparent 14px, rgba(255, 248, 220, 0.02) 14px, rgba(255, 248, 220, 0.02) 15px),
        linear-gradient(180deg, #241610 0%, #4a3020 10%, #3a2818 50%, #2a1a12 100%);
}
.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book:hover {
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}

.zgds-home-page--v3 .gzd-tools-rail .tools-card {
    border: 1px solid rgba(212, 184, 122, 0.48);
    box-shadow: var(--ui-shadow-panel), var(--ui-rim-inner);
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item {
    border-color: rgba(212, 184, 122, 0.38);
    background: linear-gradient(145deg, rgba(255, 254, 248, 0.98) 0%, rgba(252, 246, 234, 0.92) 100%);
}
.zgds-home-page--v3 .gzd-tools-rail .tool-item:hover {
    box-shadow: 0 6px 18px rgba(201, 162, 39, 0.15);
}

.zgds-home-page--v3 .gzd-vault-ft__body {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(122, 53, 53, 0.35) 0%, transparent 65%),
        linear-gradient(180deg, #3a1212 0%, var(--ui-red-deep) 38%, #2a0c0c 100%);
    box-shadow:
        0 -8px 32px rgba(42, 18, 18, 0.18),
        inset 0 1px 0 rgba(212, 184, 122, 0.2);
}
.zgds-home-page--v3 .gzd-vault-ft__texture {
    opacity: 0.24;
    mix-blend-mode: overlay;
}
@media (min-width: 960px) {
    .zgds-home-page--v3 .gzd-vault-ft__ku-col {
        position: relative;
        padding-inline: clamp(1rem, 2vw, 1.5rem);
    }
    .zgds-home-page--v3 .gzd-vault-ft__ku-col::before,
    .zgds-home-page--v3 .gzd-vault-ft__ku-col::after {
        content: "";
        position: absolute;
        top: 8%;
        bottom: 8%;
        width: 1px;
        background: linear-gradient(180deg, transparent 0%, rgba(212, 184, 122, 0.35) 25%, rgba(212, 184, 122, 0.45) 50%, rgba(212, 184, 122, 0.35) 75%, transparent 100%);
        pointer-events: none;
    }
    .zgds-home-page--v3 .gzd-vault-ft__ku-col::before { left: 0; }
    .zgds-home-page--v3 .gzd-vault-ft__ku-col::after { right: 0; }
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__panel {
    border: 1px solid rgba(212, 184, 122, 0.38);
    background:
        radial-gradient(ellipse 100% 80% at 50% 0%, rgba(255, 255, 255, 0.08) 0%, transparent 60%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.14) 100%);
    box-shadow:
        0 6px 20px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(4px);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry {
    border-color: rgba(212, 184, 122, 0.38);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 2px 6px rgba(0, 0, 0, 0.12);
}
.zgds-home-page--v3 .gzd-ft-ku--head .gzd-ft-ku__entry--current {
    box-shadow:
        0 0 0 1px rgba(212, 184, 122, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 4px 12px rgba(0, 0, 0, 0.18);
}
.zgds-home-page--v3 .gzd-vault-ft__qr img {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}
.zgds-home-page--v3 .gzd-vault-ft__motto {
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid rgba(212, 184, 122, 0.28);
    background: rgba(0, 0, 0, 0.12);
}

.zgds-home-page--v3 .gzd-v3-hd__bg {
    background:
        radial-gradient(ellipse 55% 100% at 80% 40%, rgba(232, 204, 130, 0.2), transparent 55%),
        linear-gradient(
            105deg,
            rgba(84, 24, 24, 0.96) 0%,
            rgba(147, 30, 29, 0.78) 28%,
            rgba(136, 48, 33, 0.72) 52%,
            rgba(64, 73, 79, 0.68) 72%,
            rgba(59, 58, 55, 0.82) 100%
        ),
        url('../sucai/header.png') 72% center / cover no-repeat;
}
.zgds-home-page--v3 .gzd-v3-hd::after {
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--period0) 0%,
        var(--period0) 21.35%,
        var(--ui-gold-light) 21.35%,
        var(--ui-gold-light) 21.55%,
        var(--period1) 21.55%,
        var(--period1) 40.69%,
        var(--ui-gold-light) 40.69%,
        var(--ui-gold-light) 40.89%,
        var(--period2) 40.89%,
        var(--period2) 60.55%,
        var(--ui-gold-light) 60.55%,
        var(--ui-gold-light) 60.75%,
        var(--period3) 60.75%,
        var(--period3) 80.27%,
        var(--ui-gold-light) 80.27%,
        var(--ui-gold-light) 80.47%,
        var(--period4) 80.47%,
        var(--period4) 100%
    );
}

.zgds-home-page--v3 .gzd-v3-main__ribbon {
    margin-bottom: 0.5rem;
}
.zgds-home-page--v3 .gzd-v3-main {
    padding-top: 0.85rem;
}

.zgds-home-page--v3 .gzd-era-nav__spine {
    background: linear-gradient(
        180deg,
        var(--period0) 0%,
        var(--period1) 22%,
        var(--period2) 44%,
        var(--period3) 66%,
        var(--period4) 100%
    );
    opacity: 0.85;
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period0"] {
    border-left: 3px solid var(--period0);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period1"] {
    border-left: 3px solid var(--period1);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period2"] {
    border-left: 3px solid var(--period2);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period3"] {
    border-left: 3px solid var(--period3);
}
.zgds-home-page--v3 .gzd-era-nav .gzd-era-timeline-item[data-period="period4"] {
    border-left: 3px solid var(--period4);
}

.zgds-home-page--v3 .gzd-v3-catalog__head-panel {
    border-top: 3px solid transparent;
    border-image: linear-gradient(
        90deg,
        var(--period0),
        var(--period1),
        var(--period2),
        var(--period3),
        var(--period4)
    ) 1;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-tag {
    color: var(--ui-red-deep);
    border-color: rgba(212, 184, 122, 0.55);
}

.zgds-home-page--v3 .gzd-v3-search__submit {
    background: linear-gradient(180deg, var(--period1) 0%, var(--ui-red-deep) 100%);
    border-color: rgba(147, 30, 29, 0.65);
}

.zgds-home-page--v3 .gzd-vault-ft__body::before {
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--period0) 0%,
        var(--period0) 21.35%,
        var(--ui-gold-light) 21.35%,
        var(--ui-gold-light) 21.55%,
        var(--period1) 21.55%,
        var(--period1) 40.69%,
        var(--ui-gold-light) 40.69%,
        var(--ui-gold-light) 40.89%,
        var(--period2) 40.89%,
        var(--period2) 60.55%,
        var(--ui-gold-light) 60.55%,
        var(--ui-gold-light) 60.75%,
        var(--period3) 60.75%,
        var(--period3) 80.27%,
        var(--ui-gold-light) 80.27%,
        var(--ui-gold-light) 80.47%,
        var(--period4) 80.47%,
        var(--period4) 100%
    );
}

body.zgds-home-page--v3 {
    background-image:
        url('../sucai/gzd/gzd-paper-aged.svg'),
        radial-gradient(ellipse 120% 80% at 50% -10%, rgba(212, 184, 122, 0.16), transparent 55%),
        radial-gradient(ellipse 55% 35% at 0% 88%, rgba(84, 24, 24, 0.05), transparent 50%),
        radial-gradient(ellipse 45% 30% at 100% 92%, rgba(136, 48, 33, 0.05), transparent 48%),
        linear-gradient(180deg, rgba(247, 240, 228, 0.98) 0%, rgba(240, 230, 216, 0.94) 100%),
        url('../sucai/hall-paper-texture.webp');
    background-size: 240px, cover, cover, cover, cover, cover;
}

.zgds-home-page--v3 .gzd-v3-main {
    position: relative;
    isolation: isolate;
}
.zgds-home-page--v3 .gzd-v3-main__atmosphere {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}
.zgds-home-page--v3 .gzd-v3-main__watermark {
    position: absolute;
    width: min(26rem, 42vw);
    height: min(26rem, 42vw);
    background: center / contain no-repeat;
    opacity: 0.045;
    filter: sepia(0.35);
}
.zgds-home-page--v3 .gzd-v3-main__watermark--dang {
    top: 6%;
    left: -5%;
    background-image: url('../sucai/gzd/gzd-watermark-dang.svg');
}
.zgds-home-page--v3 .gzd-v3-main__watermark--shi {
    bottom: 10%;
    right: -4%;
    background-image: url('../sucai/gzd/gzd-watermark-shi.svg');
}
.zgds-home-page--v3 .gzd-v3-main__stage {
    position: relative;
    z-index: 1;
}

.zgds-home-page--v3 .gzd-v3-search {
    background:
        url('../sucai/gzd/gzd-paper-warm.svg') center / 10rem repeat,
        radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 252, 240, 0.96) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 253, 248, 0.99) 0%, rgba(245, 235, 218, 0.97) 100%),
        url('../sucai/atelier-parchment.webp');
}
.zgds-home-page--v3 .gzd-v3-hd__inner {
    padding-left: max(clamp(0.5rem, 2vw, 1rem), env(safe-area-inset-left, 0px));
    padding-right: max(clamp(0.5rem, 2vw, 1rem), env(safe-area-inset-right, 0px));
}

.zgds-home-page--v3 .gzd-era-nav__shell {
    background:
        url('../sucai/zgds/zgds-nav-panel-texture.svg') 0 0 / 9rem repeat,
        linear-gradient(180deg, #fffef9 0%, #f8f0e4 100%);
}
.zgds-home-page--v3 .gzd-era-nav__watermark {
    background: url('../sucai/zgds/zgds-nav-watermark-scroll.svg') center 35% / 72% auto no-repeat;
    opacity: 0.07;
}

.zgds-home-page--v3 .gzd-v3-catalog__stage-watermark {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}
.zgds-home-page--v3 .gzd-v3-catalog__head-panel {
    background:
        url('../sucai/zgds/zgds-catalog-head-emblem.svg') right 0.85rem top 0.65rem / 2.5rem no-repeat,
        linear-gradient(180deg, rgba(255, 254, 248, 0.98) 0%, rgba(252, 246, 234, 0.94) 100%);
}

@media (max-width: 1023px) {
    .zgds-home-page--v3 .zgds-search-type__btn,
    .zgds-home-page--v3 .gzd-v3-search__submit,
    .zgds-home-page--v3 .gzd-v3-search__dropdown-trigger,
    .zgds-home-page--v3 .gzd-era-nav__btn,
    .zgds-home-page--v3 .gzd-v3-catalog__view-btn,
    .zgds-home-page--v3 .gzd-v3-catalog__load-more,
    .zgds-home-page--v3 .zgds-hall-fab {
        min-height: 2.75rem;
        min-width: 2.75rem;
    }
    .zgds-home-page--v3 .gzd-v3-search__input-field {
        min-height: 2.75rem;
        font-size: max(1rem, var(--ui-text-base));
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .zgds-home-page--v3 .gzd-v3-main__grid {
        gap: 1.25rem;
    }
    .zgds-home-page--v3 .gzd-v3-era-ribbon__label-range {
        display: block;
    }
}

@media (min-width: 1440px) {
    .zgds-home-page--v3 .gzd-v3-main__watermark {
        opacity: 0.055;
    }
}

@media (prefers-contrast: more) {
    .zgds-home-page--v3 .focus-outline:focus-visible,
    .zgds-home-page--v3 .gzd-v3-era-ribbon__hit:focus-visible {
        outline: 4px solid #000;
        outline-offset: 3px;
    }
    .zgds-home-page--v3 .gzd-v3-era-ribbon__label {
        background: rgba(0, 0, 0, 0.72);
        border-color: #fff;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zgds-home-page--v3 * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}