:root {
            --ygz-header-top: max(10px, env(safe-area-inset-top));
            --ygz-header-height: 62px;
            --ygz-header-total: var(--ygz-header-height);
            --ygz-nav-glass: rgba(10, 10, 16, .22);
            --ygz-nav-line: rgba(255, 255, 255, .14);
            --ygz-nav-text: rgba(255, 255, 255, .63);
            --ygz-nav-active: rgba(255, 255, 255, .96);
            --ygz-nav-radius: 999px;
            --ygz-nav-ease: cubic-bezier(.16, 1, .3, 1);
            --ygz-nav-spring: cubic-bezier(.22, 1, .36, 1.04);
            --ygz-indicator-duration: .48s;
            --ygz-menu-duration: .24s;
            --ygz-indicator-inset: 3px;
            --ygz-account-delete-offset: 22px;
        }
        html { min-height: 100%; background: #0a0a0f; color-scheme: dark; }
        html.ygz-nav-reload .ygz-primary-indicator,
        html.ygz-nav-reload .ygz-nav-menu-track,
        .ygz-top-nav[data-ygz-initial-layout="1"] .ygz-primary-indicator,
        .ygz-top-nav[data-ygz-initial-layout="1"] .ygz-nav-menu-track {
            animation: none !important;
            transition: none !important;
        }
        html.ygz-nav-reload .index-hero,
        html.ygz-nav-reload .index-stat,
        html.ygz-nav-reload .index-law-panel,
        html.ygz-nav-reload .index-shortcut,
        html.ygz-nav-reload .profile-card,
        html.ygz-nav-reload .feed-card,
        html.ygz-nav-reload .notif-card,
        html.ygz-nav-reload .card-cell { animation: none !important; opacity: 1 !important; }
        body {
            min-width: 0;
            min-height: 100dvh;
            margin: 0;
            overflow-x: clip;
            background: #0a0a0f;
            color: #f4f4f6;
            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
        }
        *, *::before, *::after { box-sizing: border-box; }
        .sidebar, .sidebar-overlay, .top-bar, .menu-toggle, .avatar-dropdown, .switch-account-modal { display: none !important; }
        .ygz-floating-header {
            position: fixed;
            z-index: 9000;
            top: var(--ygz-header-top);
            left: 50%;
            width: min(1240px, calc(100vw - 36px));
            transform: translate3d(-50%, 0, 0);
            pointer-events: none;
            display: flex;
            align-items: stretch;
            gap: 8px;
        }
        .ygz-top-nav {
            position: relative;
            display: flex;
            align-items: stretch;
            width: auto;
            flex: 1 1 auto;
            min-width: 0;
            min-height: var(--ygz-header-height);
            overflow: hidden;
            border: 1px solid var(--ygz-nav-line);
            border-radius: var(--ygz-nav-radius);
            background: linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .018) 54%), var(--ygz-nav-glass);
            box-shadow: 0 18px 44px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .14);
            -webkit-backdrop-filter: blur(18px) saturate(150%);
            backdrop-filter: blur(18px) saturate(150%);
            pointer-events: auto;
            isolation: isolate;
            contain: paint;
        }
        .ygz-nav-scroll {
            position: relative;
            display: flex;
            flex: 1 1 auto;
            align-items: stretch;
            min-width: 0;
            min-height: inherit;
            scrollbar-width: none;
        }
        .ygz-nav-scroll::-webkit-scrollbar { display: none; }
        .ygz-top-nav--primary .ygz-nav-scroll {
            display: grid;
            grid-template-columns: repeat(var(--ygz-primary-count, 7), minmax(0, 1fr));
            justify-items: stretch;
            overflow: hidden;
            padding: 0;
        }
        .ygz-top-nav--secondary .ygz-nav-scroll {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 0;
            overflow: hidden;
            padding: 0;
        }
        .ygz-primary-indicator {
            position: absolute;
            z-index: 0;
            top: 0;
            bottom: 0;
            left: 0;
            width: 0;
            border-radius: var(--ygz-nav-radius);
            background: linear-gradient(145deg, #ffffff 0%, #f1f3f7 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 8px 18px rgba(0, 0, 0, .16);
            transform: translate3d(0, 0, 0);
            opacity: 0;
            pointer-events: none;
            will-change: transform, width, opacity;
        }
        .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator {
            transition:
                transform var(--ygz-indicator-duration) var(--ygz-nav-spring),
                width var(--ygz-indicator-duration) var(--ygz-nav-spring),
                opacity .18s ease;
        }
        .ygz-menu-link,
        .ygz-menu-return {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 0;
            min-height: calc(var(--ygz-header-height) - 8px);
            border: 0;
            border-radius: 999px;
            margin: 0;
            appearance: none;
            -webkit-appearance: none;
            background: transparent;
            color: var(--ygz-nav-text);
            font: inherit;
            font-size: 15px;
            font-weight: 720;
            letter-spacing: -.018em;
            line-height: 1;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
            transition:
                color .18s ease,
                transform var(--ygz-menu-duration) var(--ygz-nav-ease),
                opacity var(--ygz-menu-duration) ease;
        }
        .ygz-top-nav--primary .ygz-menu-link { width: 100%; padding: 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .ygz-top-nav--secondary .ygz-menu-link,
        .ygz-top-nav--secondary .ygz-menu-return {
            width: 100%;
            min-width: 0;
            padding: 0 7px;
            white-space: nowrap;
        }
        .ygz-top-nav--secondary .ygz-menu-return {
            margin-left: 0;
            color: rgba(255, 255, 255, .88);
        }
        .ygz-menu-link:hover,
        .ygz-menu-link:focus-visible,
        .ygz-menu-return:hover,
        .ygz-menu-return:focus-visible { color: #fff; outline: none; }
        .ygz-menu-link:focus-visible,
        .ygz-menu-return:focus-visible { box-shadow: 0 0 0 2px rgba(255,255,255,.42); }
        .ygz-menu-link.is-active { color: #111217; }
        .ygz-menu-link:active,
        .ygz-menu-return:active { transform: scale(.965); }
        .ygz-top-nav.is-menu-changing .ygz-menu-link,
        .ygz-top-nav.is-menu-changing .ygz-menu-return {
            opacity: 0;
            transform: translate3d(0, 7px, 0) scale(.985);
        }
        .ygz-top-nav.is-menu-changing .ygz-primary-indicator { opacity: .56; }
        .ygz-top-nav.is-loading { pointer-events: none; }
        .ygz-top-nav.is-loading .ygz-primary-indicator { opacity: .78; }
        .main-wrapper {
            min-height: calc(100dvh - var(--ygz-header-total));
            padding-top: calc(var(--ygz-header-top) + var(--ygz-header-total) + 26px) !important;
        }
        body.ygz-public-auth .main-wrapper {
            min-height: 100dvh;
            padding-top: 0 !important;
        }
        #ygzPageLoadingOverlay {
            position: fixed;
            z-index: 12000;
            inset: 0;
            display: grid;
            place-items: center;
            padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));
            background: rgba(12, 14, 20, .10);
            -webkit-backdrop-filter: blur(0) brightness(1) saturate(100%);
            backdrop-filter: blur(0) brightness(1) saturate(100%);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity .18s ease, visibility 0s linear .18s, -webkit-backdrop-filter .18s ease, backdrop-filter .18s ease;
        }
        html.ygz-full-page-loading #ygzPageLoadingOverlay {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            background: rgba(12, 14, 20, .24);
            -webkit-backdrop-filter: blur(15px) brightness(.96) saturate(96%);
            backdrop-filter: blur(15px) brightness(.96) saturate(96%);
            transition-delay: 0s;
        }
        @media (prefers-contrast: more) {
            html.ygz-full-page-loading #ygzPageLoadingOverlay {
                background: rgba(4, 5, 8, .52);
                -webkit-backdrop-filter: blur(15px) brightness(.58) saturate(72%);
                backdrop-filter: blur(15px) brightness(.58) saturate(72%);
            }
        }
        /* Fixed overlays must stay anchored to the visual viewport, never to a scrolled page wrapper. */
        .main-wrapper { transform: none; }
        .ygz-page-loading-spinner {
            display:block;
            width:54px;
            height:54px;
            overflow:visible;
            filter:drop-shadow(0 0 12px rgba(255,255,255,.22));
            transform-origin:50% 50%;
            will-change:transform;
        }
        .ygz-page-loading-spinner circle {
            fill:none;
            stroke:#fff;
            stroke-width:3.2;
            stroke-linecap:round;
            stroke-dasharray:10 116;
            stroke-dashoffset:0;
            opacity:.98;
            will-change:stroke-dasharray,stroke-dashoffset;
        }
        html.ygz-document-loading .ygz-page-loading-spinner,
        html.ygz-full-page-loading .ygz-page-loading-spinner {
            animation:ygzLoadingSpinnerRotate 1.42s linear infinite;
        }
        html.ygz-document-loading .ygz-page-loading-spinner circle,
        html.ygz-full-page-loading .ygz-page-loading-spinner circle {
            animation:ygzLoadingSpinnerChase 1.42s linear infinite;
        }
        @keyframes ygzLoadingSpinnerRotate {
            to { transform:rotate(360deg); }
        }
        /* The head first accelerates away to stretch the arc; the tail then catches it quickly. */
        @keyframes ygzLoadingSpinnerChase {
            0% {
                stroke-dasharray:10 116;
                stroke-dashoffset:0;
                animation-timing-function:cubic-bezier(.18,.76,.24,1);
            }
            18% {
                stroke-dasharray:12 114;
                stroke-dashoffset:-18;
                animation-timing-function:cubic-bezier(.12,.72,.16,1);
            }
            50% {
                stroke-dasharray:94 32;
                stroke-dashoffset:-42;
                animation-timing-function:cubic-bezier(.2,.72,.22,1);
            }
            64% {
                stroke-dasharray:98 28;
                stroke-dashoffset:-58;
                animation-timing-function:cubic-bezier(.72,0,.92,.34);
            }
            84% {
                stroke-dasharray:15 111;
                stroke-dashoffset:-112;
                animation-timing-function:cubic-bezier(.28,.66,.34,1);
            }
            100% {
                stroke-dasharray:10 116;
                stroke-dashoffset:-126;
            }
        }

        .title-badge.title-mystery {
            --title-bg: rgba(74, 63, 43, .82);
            --title-line: rgba(232, 206, 145, .45);
            --title-text: #f7e5b8;
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            max-width: 100%;
            min-height: 23px;
            padding: 3px 9px 3px 6px;
            overflow: hidden;
            border: 1px solid var(--title-line);
            border-radius: 7px;
            background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 42%), var(--title-bg);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 5px 14px rgba(0,0,0,.18);
            color: var(--title-text);
            font-size: 11px;
            font-weight: 760;
            letter-spacing: .055em;
            line-height: 1;
            text-shadow: 0 1px 2px rgba(0,0,0,.42);
            vertical-align: middle;
            white-space: nowrap;
        }
        .title-badge.title-mystery::before {
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(135deg, rgba(255,255,255,.055) 0 1px, transparent 1px 5px);
            content: "";
            opacity: .55;
            pointer-events: none;
        }
        .title-badge.title-mystery > * { position: relative; z-index: 1; }
        .title-badge-mark {
            width: 8px;
            height: 8px;
            flex: 0 0 8px;
            border: 1px solid currentColor;
            border-radius: 50%;
            box-shadow: 0 0 0 2px rgba(255,255,255,.055), 0 0 9px currentColor;
        }
        .title-theme-archive, .title-theme-relic, .title-theme-house, .title-theme-rule {
            --title-bg: rgba(61, 53, 41, .88);
            --title-line: rgba(218, 191, 133, .48);
            --title-text: #f1d9a4;
        }
        .title-theme-night, .title-theme-domain, .title-theme-lake, .title-theme-shadow {
            --title-bg: rgba(35, 40, 59, .9);
            --title-line: rgba(142, 163, 211, .45);
            --title-text: #d9e5ff;
        }
        .title-theme-gold, .title-theme-warden, .title-theme-restart, .title-theme-origin, .title-theme-eye {
            --title-bg: rgba(80, 48, 34, .92);
            --title-line: rgba(237, 182, 91, .54);
            --title-text: #ffdf9b;
        }
        .title-theme-custom-archive-seal {
            --title-bg: rgba(83, 18, 34, .95);
            --title-line: rgba(246, 85, 114, .72);
            --title-text: #ffe3ea;
            border-radius: 5px;
            background: repeating-linear-gradient(135deg, rgba(255,120,145,.12) 0 2px, transparent 2px 7px), var(--title-bg);
            box-shadow: inset 0 0 0 1px rgba(0,0,0,.26), 0 6px 14px rgba(62,0,18,.34);
        }
        .title-theme-custom-archive-seal .title-badge-mark {
            border-radius: 2px;
            background: #f15879;
            box-shadow: 0 0 11px rgba(241,78,111,.72);
            transform: rotate(45deg);
        }
        .title-theme-custom-candle-watch {
            --title-bg: rgba(52, 29, 85, .96);
            --title-line: rgba(187, 133, 255, .72);
            --title-text: #efe3ff;
            background: linear-gradient(90deg, rgba(174,102,255,.22), transparent 46%), var(--title-bg);
        }
        .title-theme-custom-candle-watch .title-badge-mark {
            width: 6px;
            height: 10px;
            flex-basis: 6px;
            border-radius: 62% 62% 58% 58%;
            background: #bd8bff;
            box-shadow: 0 0 12px rgba(189,139,255,.82), 0 0 21px rgba(146,79,238,.48);
        }
        .title-theme-custom-golden-containment {
            --title-bg: rgba(57, 43, 18, .96);
            --title-line: rgba(247, 202, 91, .82);
            --title-text: #ffebaf;
            border-radius: 999px;
            background: repeating-linear-gradient(135deg, rgba(246,199,83,.15) 0 3px, transparent 3px 8px), var(--title-bg);
        }
        .title-theme-custom-golden-containment .title-badge-mark {
            border-radius: 2px;
            background: #edbf4f;
            box-shadow: inset 0 0 0 2px rgba(24,18,8,.75), 0 0 11px rgba(238,193,77,.7);
        }
        @media (min-width: 840px) {
            :root { --ygz-header-top: max(16px, env(safe-area-inset-top)); --ygz-header-height: 66px; }
            .ygz-top-nav--primary .ygz-menu-link { font-size: 16px; }
            .ygz-top-nav--secondary .ygz-menu-link,
            .ygz-top-nav--secondary .ygz-menu-return { padding-inline: 8px; font-size: 15px; }
            .main-wrapper { padding-top: calc(var(--ygz-header-top) + var(--ygz-header-total) + 32px) !important; }
        }
        @media (max-width: 520px) {
            :root { --ygz-header-top: max(8px, env(safe-area-inset-top)); --ygz-header-height: 56px; }
            .ygz-floating-header { width: calc(100vw - 12px); gap:6px; }
            .ygz-top-nav--primary .ygz-menu-link { padding: 0 2px; font-size: 12px; letter-spacing: -.045em; }
            .ygz-top-nav--secondary .ygz-menu-link,
            .ygz-top-nav--secondary .ygz-menu-return { padding: 0 3px; font-size: 11.5px; letter-spacing: -.035em; }
            .main-wrapper { padding-top: calc(var(--ygz-header-top) + var(--ygz-header-total) + 20px) !important; }
            .ygz-page-loading-spinner { width:48px; height:48px; }
        }
        @media (max-width: 359px) {
            .ygz-top-nav--primary .ygz-menu-link { font-size: 12px; letter-spacing: -.04em; }
        }
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: .001ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: .001ms !important;
                scroll-behavior: auto !important;
            }
        }

        /* V38 — full-height selection surface. No default route highlight; a highlight exists only after an explicit menu action. */
        .ygz-top-nav--primary .ygz-nav-scroll {
            display: flex;
            gap: 0;
            overflow-x: auto;
            overflow-y: hidden;
            padding: 0;
            scroll-snap-type: x proximity;
            scroll-padding-inline: 0;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
        }
        .ygz-top-nav--primary .ygz-menu-link {
            flex: 0 0 auto;
            width: auto;
            min-width: 68px;
            min-height: var(--ygz-header-height);
            padding: 0 14px;
            overflow: visible;
            scroll-snap-align: center;
        }
        .ygz-top-nav--secondary .ygz-nav-scroll {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        .ygz-top-nav--secondary .ygz-menu-link,
        .ygz-top-nav--secondary .ygz-menu-return {
            min-height: var(--ygz-header-height);
            border-radius: 0;
        }
        .ygz-top-nav--secondary[data-ygz-section="mine"] .ygz-nav-scroll {
            display: flex;
            gap: 0;
            overflow-x: auto;
            overflow-y: hidden;
            padding: 0;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
        }
        .ygz-top-nav--secondary[data-ygz-section="mine"] .ygz-menu-link,
        .ygz-top-nav--secondary[data-ygz-section="mine"] .ygz-menu-return {
            flex: 0 0 auto;
            width: auto;
            min-width: 68px;
            min-height: var(--ygz-header-height);
            padding-inline: 13px;
        }
        /* V41 — selected navigation stays a complete Dynamic-Island capsule, including the edge and return cells. */
        .ygz-top-nav .ygz-primary-indicator {
            top: var(--ygz-indicator-inset);
            bottom: var(--ygz-indicator-inset);
            border: 1px solid rgba(255,255,255,.88);
            border-radius: 999px;
            background:
                radial-gradient(96% 130% at 50% -22%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.38) 37%, transparent 72%),
                linear-gradient(145deg, #ffffff 0%, #f4f6fa 54%, #e2e6ed 100%);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.98),
                inset 0 -1px 0 rgba(129,138,154,.20),
                0 8px 18px rgba(0,0,0,.18),
                0 2px 5px rgba(255,255,255,.10);
        }
        /* V44 — 边界选中态与外层导航无缝贴合；中间入口仍保留灵动岛呼吸间距。 */
        .ygz-top-nav .ygz-primary-indicator.is-edge-start,
        .ygz-top-nav .ygz-primary-indicator.is-edge-end,
        .ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end {
            top: -1px;
            bottom: -1px;
            border-radius: 999px;
        }
        .ygz-top-nav--secondary .ygz-menu-return {
            border-radius: 999px;
        }
        /* 精简后的惯性玻璃动画：仅在切换触发，避免持续占用低端设备。 */
        .ygz-top-nav::before,
        .ygz-top-nav::after {
            position:absolute;
            inset:0;
            border-radius:inherit;
            content:"";
            pointer-events:none;
        }
        .ygz-top-nav::before {
            z-index:0;
            background:linear-gradient(105deg, transparent 12%, rgba(255,255,255,.14) 46%, transparent 72%);
            opacity:0;
            transform:translate3d(-58%,0,0) skewX(-16deg);
        }
        .ygz-top-nav::after {
            z-index:0;
            background:transparent;
            opacity:0;
            transition:none;
        }
        /* V45 — 不在菜单或页面切换时叠加白色扫光；仅保留选中胶囊本身的位移。 */
        .ygz-top-nav::before,
        .ygz-primary-indicator::before { display: none; }
        .ygz-top-nav.is-nav-kinetic::after { opacity: 0; }
        .ygz-primary-indicator { overflow:hidden; }
        .ygz-primary-indicator::before,
        .ygz-primary-indicator::after {
            position:absolute;
            border-radius:inherit;
            content:"";
            pointer-events:none;
        }
        .ygz-primary-indicator::before {
            top:0;
            bottom:0;
            left:-42%;
            width:42%;
            background:linear-gradient(105deg, transparent, rgba(255,255,255,.86), transparent);
            opacity:0;
            transform:skewX(-18deg);
        }
        .ygz-primary-indicator::after {
            inset:1px;
            border:1px solid rgba(255,255,255,.36);
            background:linear-gradient(180deg, rgba(255,255,255,.38), transparent 52%);
            opacity:.72;
        }
        .ygz-top-nav.is-indicator-moving .ygz-primary-indicator { animation: none; }
        .ygz-top-nav.is-indicator-moving .ygz-primary-indicator::before { animation: none; }
        @keyframes ygzNavGlassSweep { 0% { opacity:0; transform:translate3d(-58%,0,0) skewX(-16deg); } 18% { opacity:.8; } 100% { opacity:0; transform:translate3d(246%,0,0) skewX(-16deg); } }
        @keyframes ygzNavIslandPulse { 0%,100% { opacity:1; } 42% { opacity:.94; } }
        @keyframes ygzNavIslandShine { 0% { opacity:0; transform:translate3d(0,0,0) skewX(-18deg); } 12% { opacity:.84; } 100% { opacity:0; transform:translate3d(340%,0,0) skewX(-18deg); } }

        /* V43 — 双轨导航切换：旧菜单与新菜单重叠交接，避免清空 DOM 后出现掉帧、闪白或短暂无内容。 */
        body { opacity: 1 !important; animation: none !important; }
        .ygz-top-nav { transform: translateZ(0); }
        .ygz-top-nav .ygz-nav-scroll {
            display: block;
            flex: 1 1 auto;
            min-width: 0;
            min-height: inherit;
            overflow: hidden;
        }
        /* The selected island belongs to the same scrollable coordinate space as its links.
           It therefore moves natively with a horizontal swipe instead of being continuously re-positioned. */
        .ygz-nav-menu-track {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: stretch;
            width: 100%;
            min-width: 0;
            min-height: inherit;
            isolation: isolate;
            contain: layout paint;
            transition: transform .32s var(--ygz-nav-ease), opacity .20s ease;
        }
        .ygz-nav-menu-track > .ygz-primary-indicator { position: absolute; z-index: 0; }
        .ygz-nav-menu-track--primary {
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x proximity;
            scroll-padding-inline: 0;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
            scrollbar-width: none;
        }
        .ygz-nav-menu-track--primary::-webkit-scrollbar { display: none; }
        .ygz-nav-menu-track--primary .ygz-menu-link {
            flex: 0 0 auto;
            width: auto;
            min-width: 68px;
            min-height: var(--ygz-header-height);
            padding: 0 14px;
            overflow: visible;
            scroll-snap-align: center;
        }
        .ygz-nav-menu-track--secondary {
            display:flex;
            overflow-x:auto;
            overflow-y:hidden;
            scroll-snap-type:x proximity;
            scroll-padding-inline:0;
            -webkit-overflow-scrolling:touch;
            overscroll-behavior-x:contain;
            scrollbar-width:none;
        }
        .ygz-nav-menu-track--secondary::-webkit-scrollbar { display:none; }
        .ygz-nav-menu-track--secondary .ygz-menu-link,
        .ygz-nav-menu-track--secondary .ygz-menu-return {
            flex:0 0 auto;
            width:auto;
            min-width:68px;
            min-height:var(--ygz-header-height);
            padding:0 14px;
            border-radius:999px;
            white-space:nowrap;
            scroll-snap-align:center;
        }
        .ygz-nav-menu-track.is-entering {
            opacity: 0;
            pointer-events: none;
            will-change: transform, opacity;
        }
        .ygz-nav-menu-track.is-entering--forward { transform: translate3d(12px, 5px, 0) scale(.985); }
        .ygz-nav-menu-track.is-entering--backward { transform: translate3d(-12px, 5px, 0) scale(.985); }
        .ygz-nav-menu-track.is-entering.is-ready {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
            pointer-events: auto;
        }
        .ygz-nav-menu-track.is-leaving {
            position: absolute;
            inset: 0;
            z-index: 2;
            opacity: 0;
            pointer-events: none;
            will-change: transform, opacity;
        }
        .ygz-nav-menu-track.is-leaving--forward { transform: translate3d(-12px, -4px, 0) scale(.985); }
        .ygz-nav-menu-track.is-leaving--backward { transform: translate3d(12px, -4px, 0) scale(.985); }
        .ygz-top-nav.is-menu-swapping::after { opacity: .88; }
        .ygz-top-nav.is-menu-swapping .ygz-primary-indicator { transition-duration: .26s, .26s, .16s; }
        .ygz-primary-indicator.is-scroll-following { transition: none !important; }

        /* V45 — 整页加载由加载遮罩接管，不再在完成首帧后补做内容淡入，避免页面闪一下。 */
        .ygz-tap-target { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
        .ygz-tap-target.ygz-is-pressed { transform: scale(.972); opacity: .9; }
        button.like-btn,
        button.favorite-btn,
        button.reply-like-btn,
        button.child-like-btn,
        button.child-fav-btn { position: relative; isolation: isolate; }
        button.ygz-reaction-press { animation: ygzReactionPress .22s var(--ygz-nav-ease) both; }
        button.ygz-reaction-complete::after {
            position: absolute;
            z-index: -1;
            top: 50%;
            left: 50%;
            width: 16px;
            height: 16px;
            border: 1px solid currentColor;
            border-radius: 999px;
            content: "";
            opacity: 0;
            pointer-events: none;
            animation: ygzReactionBloom .42s var(--ygz-nav-ease) both;
        }
        @keyframes ygzReactionPress {
            0% { transform: scale(1); }
            38% { transform: scale(.88); }
            100% { transform: scale(1); }
        }
        @keyframes ygzReactionBloom {
            0% { opacity: .5; transform: translate3d(-50%, -50%, 0) scale(.35); }
            100% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(2.25); }
        }
        .ygz-account-modal[hidden] { display: none; }
        .ygz-account-modal {
            position: fixed;
            z-index: 13000;
            inset: 0;
            display: grid;
            place-items: center;
            padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
            background: rgba(4, 5, 8, .52);
            -webkit-backdrop-filter: blur(13px) saturate(110%);
            backdrop-filter: blur(13px) saturate(110%);
            animation: ygzAccountBackdropIn .24s ease-out both;
        }
        .ygz-account-add-modal { z-index: 13010; }
        .ygz-account-sheet {
            position: relative;
            isolation: isolate;
            width: min(100%, 430px);
            max-height: min(78dvh, 620px);
            display: grid;
            gap: 12px;
            overflow: auto;
            overscroll-behavior: contain;
            padding: 16px;
            border: 1px solid rgba(255,255,255,.17);
            border-radius: 24px;
            background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.02) 54%), rgba(16,17,23,.90);
            box-shadow: 0 22px 52px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.18);
            -webkit-backdrop-filter: blur(18px) saturate(150%);
            backdrop-filter: blur(18px) saturate(150%);
            transform-origin: center center;
            will-change: transform, opacity;
            animation: ygzAccountSheetIn .32s var(--ygz-nav-ease) both;
        }
        .ygz-account-sheet::before,
        .ygz-account-sheet::after {
            position: absolute;
            border-radius: inherit;
            content: '';
            pointer-events: none;
        }
        .ygz-account-sheet::before {
            z-index: -1;
            inset: 0;
            background: radial-gradient(72% 92% at 13% 0%, rgba(255,255,255,.11), transparent 66%);
        }
        .ygz-account-sheet::after {
            z-index: 0;
            inset: 1px;
            border: 1px solid rgba(255,255,255,.05);
            background: linear-gradient(108deg, transparent 12%, rgba(255,255,255,.14) 45%, transparent 72%);
            opacity: 0;
            transform: translate3d(-56%,0,0) skewX(-16deg);
            animation: ygzAccountSheetShine .62s .05s var(--ygz-nav-ease) both;
        }
        .ygz-account-sheet > * { position:relative; z-index:1; }
        @keyframes ygzAccountSheetShine {
            0% { opacity:0; transform:translate3d(-56%,0,0) skewX(-16deg); }
            18% { opacity:.68; }
            100% { opacity:0; transform:translate3d(236%,0,0) skewX(-16deg); }
        }
        .ygz-account-add-sheet { max-height: min(72dvh, 520px); }
        .ygz-account-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
        .ygz-account-head h2 { margin:0; color:#fff; font-size:21px; font-weight:790; letter-spacing:-.035em; line-height:1; }
        .ygz-account-close, .ygz-account-add, .ygz-account-item, .ygz-account-submit, .ygz-account-back, .ygz-account-delete {
            min-height:48px; border:1px solid rgba(255,255,255,.13); border-radius:15px; font:inherit; font-weight:760; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent;
        }
        .ygz-account-close {
            position: relative;
            width:42px;
            min-height:42px;
            overflow:hidden;
            color:#fff;
            background:linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
            font-size:26px;
            line-height:1;
            transition:transform .18s var(--ygz-nav-ease), background .18s ease, border-color .18s ease;
        }
        .ygz-account-close::before {
            position:absolute;
            inset:0;
            background:linear-gradient(110deg, transparent 22%, rgba(255,255,255,.18), transparent 70%);
            content:'';
            opacity:0;
            transform:translate3d(-110%,0,0);
            transition:opacity .18s ease, transform .35s var(--ygz-nav-ease);
            pointer-events:none;
        }
        .ygz-account-close:hover, .ygz-account-close:focus-visible {
            border-color:rgba(255,255,255,.30);
            background:linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.07));
            outline:none;
        }
        .ygz-account-close:hover::before, .ygz-account-close:focus-visible::before { opacity:1; transform:translate3d(110%,0,0); }
        .ygz-account-close:active { transform:scale(.92); }
        .ygz-account-list { display:grid; gap:9px; }
        .ygz-account-modal:not([hidden]) .ygz-account-row {
            animation:ygzAccountRowIn .42s var(--ygz-nav-ease) both;
            animation-delay:calc(var(--ygz-account-order, 0) * 42ms);
        }
        @keyframes ygzAccountRowIn {
            from { opacity:0; transform:translate3d(0,10px,0) scale(.988); }
            to { opacity:1; transform:translate3d(0,0,0) scale(1); }
        }
        .ygz-account-row {
            --ygz-swipe-progress: 0;
            --ygz-account-delete-width: 108px;
            --ygz-account-delete-offset: -108px;
            --ygz-delete-translate: var(--ygz-account-delete-offset);
            position:relative;
            min-height:60px;
            overflow:hidden;
            border-radius:17px;
            touch-action:pan-y;
            isolation:isolate;
        }
        .ygz-account-row::before {
            position:absolute;
            z-index:0;
            inset:0;
            border-radius:inherit;
            background:
                radial-gradient(88% 126% at 100% 50%, rgba(255,182,194,.24), transparent 62%),
                linear-gradient(90deg, rgba(255,78,110,0) 0%, rgba(255,79,111,.08) 34%, rgba(229,42,78,.58) 68%, rgba(125,11,40,.94) 100%);
            content:"";
            opacity:var(--ygz-swipe-progress);
            transition:opacity .24s var(--ygz-nav-ease);
            pointer-events:none;
        }
        .ygz-account-row.is-dragging .ygz-account-item,
        .ygz-account-row.is-dragging .ygz-account-delete,
        .ygz-account-row.is-dragging .ygz-account-action,
        .ygz-account-row.is-dragging::before { transition:none; }
        .ygz-account-row.is-revealed .ygz-account-item { transform:translate3d(var(--ygz-account-delete-offset),0,0); }
        .ygz-account-row.is-revealed .ygz-account-action { opacity:0; transform:translate3d(10px,0,0); }
        .ygz-account-row.is-revealed { --ygz-swipe-progress: 1; --ygz-delete-translate: 0px; }
        .ygz-account-item {
            position:relative;
            z-index:1;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            width:100%;
            min-height:60px;
            padding:8px 14px;
            color:#fff;
            text-align:left;
            background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.038)), rgba(22,23,29,.74);
            transition:transform .28s var(--ygz-nav-spring), background .18s ease, border-color .18s ease;
        }
        .ygz-account-item:hover, .ygz-account-item:focus-visible {
            border-color:rgba(255,255,255,.24);
            background:linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.05)), rgba(25,26,33,.80);
            outline:none;
        }
        .ygz-account-profile { display:flex; align-items:center; min-width:0; gap:10px; }
        .ygz-account-avatar { width:36px; height:36px; flex:0 0 36px; border:1px solid rgba(255,255,255,.16); border-radius:50%; object-fit:cover; background:rgba(255,255,255,.08); box-shadow:0 2px 8px rgba(0,0,0,.20); }
        .ygz-account-item b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; letter-spacing:-.02em; }
        .ygz-account-item span { flex:0 0 auto; color:rgba(255,255,255,.62); font-size:13px; }
        .ygz-account-action {
            min-width:36px;
            text-align:right;
            transition:opacity .16s ease, transform .20s var(--ygz-nav-ease);
        }
        .ygz-account-current .ygz-account-item span { color:#fff; }
        .ygz-account-delete {
            position:absolute;
            z-index:2;
            top:0;
            right:0;
            bottom:0;
            display:grid;
            width:calc(var(--ygz-account-delete-width) + 36px);
            place-items:center end;
            padding:0 22px 0 34px;
            overflow:hidden;
            border:0;
            border-radius:0 17px 17px 0;
            color:#fff;
            background:
                radial-gradient(78% 126% at 100% 50%, rgba(255,220,226,.33), transparent 62%),
                linear-gradient(90deg, rgba(255,105,131,0) 0%, rgba(255,95,126,.10) 25%, rgba(235,48,85,.74) 61%, rgba(125,11,40,.98) 100%);
            box-shadow:inset 0 -1px 0 rgba(0,0,0,.22);
            font-size:14px;
            letter-spacing:.02em;
            opacity:var(--ygz-swipe-progress);
            transform:translate3d(var(--ygz-delete-translate),0,0);
            visibility:hidden;
            pointer-events:none;
            transition:opacity .20s ease, transform .32s var(--ygz-nav-spring);
            -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 24%, #000 58%, #000 100%);
            mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.20) 24%, #000 58%, #000 100%);
        }
        .ygz-account-delete::before {
            position:absolute;
            inset:0;
            background:linear-gradient(108deg, transparent 17%, rgba(255,255,255,.33) 66%, transparent 100%);
            content:'';
            opacity:.56;
            transform:translate3d(-34%,0,0);
            pointer-events:none;
        }
        .ygz-account-row.is-dragging .ygz-account-delete { visibility:visible; }
        .ygz-account-row.is-revealed .ygz-account-delete {
            visibility:visible;
            pointer-events:auto;
        }
        .ygz-account-row.is-revealed .ygz-account-delete::before {
            animation:ygzAccountDeleteShine .52s var(--ygz-nav-ease) both;
        }
        @keyframes ygzAccountDeleteShine {
            from { opacity:0; transform:translate3d(-34%,0,0); }
            36% { opacity:.64; }
            to { opacity:0; transform:translate3d(54%,0,0); }
        }
        .ygz-account-add {
            width:100%;
            min-height:54px;
            color:#fff;
            background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.026)), rgba(16,17,23,.72);
            transition:transform .20s var(--ygz-nav-ease), background .18s ease, border-color .18s ease;
        }
        .ygz-account-add:hover, .ygz-account-add:focus-visible {
            border-color:rgba(255,255,255,.27);
            background:linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.045)), rgba(16,17,23,.82);
            outline:none;
        }
        .ygz-account-add:active { transform:scale(.985); }
        .ygz-account-form { display:grid; gap:10px; }
        .ygz-account-form label { display:grid; gap:6px; color:rgba(255,255,255,.67); font-size:12px; font-weight:700; }
        .ygz-account-form input { width:100%; min-height:48px; box-sizing:border-box; border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:0 13px; outline:0; background:rgba(0,0,0,.20); color:#fff; font:inherit; }
        .ygz-account-form input:focus { border-color:rgba(255,255,255,.58); box-shadow:0 0 0 3px rgba(255,255,255,.08); }
        .ygz-account-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
        .ygz-account-submit { color:#111217; background:#f4f5f8; }
        .ygz-account-back { color:#fff; background:rgba(255,255,255,.07); }
        .ygz-account-message { min-height:18px; margin:0; color:#ffbbc8; font-size:13px; line-height:1.4; }
        .ygz-account-message.is-ok { color:#b9f7c7; }
        .ygz-account-modal.is-busy .ygz-account-item, .ygz-account-modal.is-busy .ygz-account-add, .ygz-account-modal.is-busy .ygz-account-submit, .ygz-account-modal.is-busy .ygz-account-back, .ygz-account-modal.is-busy .ygz-account-delete { pointer-events:none; opacity:.62; }
        @keyframes ygzAccountBackdropIn {
            from { background-color:rgba(4,5,8,0); -webkit-backdrop-filter:blur(0) saturate(100%); backdrop-filter:blur(0) saturate(100%); }
            to { background-color:rgba(4,5,8,.52); -webkit-backdrop-filter:blur(13px) saturate(110%); backdrop-filter:blur(13px) saturate(110%); }
        }
        @keyframes ygzAccountSheetIn {
            from { opacity:0; transform:translate3d(0,16px,0) scale(.972); }
            72% { opacity:1; transform:translate3d(0,-1px,0) scale(1.004); }
            to { opacity:1; transform:translate3d(0,0,0) scale(1); }
        }
        @media (max-width:520px) {
            .ygz-top-nav--primary .ygz-menu-link { min-width:64px; padding-inline:12px; font-size:14px; }
            .ygz-account-modal { padding-inline:10px; }
            .ygz-account-sheet { border-radius:22px; padding:14px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .ygz-account-modal, .ygz-account-sheet, .ygz-account-row, .ygz-account-sheet::after, .ygz-account-delete::before { animation:none !important; }
            .ygz-account-item, .ygz-account-delete, .ygz-account-action, .ygz-account-close, .ygz-account-close::before, .ygz-account-row::before { transition:none; }
            .ygz-top-nav::before, .ygz-primary-indicator::before { animation:none !important; }
            .ygz-top-nav.is-indicator-moving .ygz-primary-indicator { animation:none; }
        }

        @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
            .ygz-top-nav { background: rgba(18, 18, 24, .97); }
            html.ygz-full-page-loading #ygzPageLoadingOverlay { background: rgba(8, 8, 12, .72); }
        }
        /* V49: one typography and one island geometry for primary / secondary tracks. */
        .ygz-nav-menu-track--primary .ygz-menu-link,
        .ygz-nav-menu-track--secondary .ygz-menu-link,
        .ygz-nav-menu-track--secondary .ygz-menu-return {
            font:inherit;
            font-weight:700;
            letter-spacing:-.025em;
        }
        @media (max-width:520px){
            .ygz-nav-menu-track--primary .ygz-menu-link,
            .ygz-nav-menu-track--secondary .ygz-menu-link,
            .ygz-nav-menu-track--secondary .ygz-menu-return { font-size:12px; }
        }


        /* V50 — secondary battle navigation does not add a white wash below the bar. */
        .ygz-top-nav--secondary {
            background: var(--ygz-nav-glass) !important;
            box-shadow: 0 14px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10) !important;
        }
        .ygz-top-nav--secondary::before,
        .ygz-top-nav--secondary::after,
        .ygz-top-nav--secondary .ygz-primary-indicator::before,
        .ygz-top-nav--secondary .ygz-primary-indicator::after {
            display: none !important;
            opacity: 0 !important;
            background: transparent !important;
            animation: none !important;
        }

        /* V53: compact, no-flash navigation feedback. */
        .ygz-top-nav { transform:translateZ(0); contain:paint; }
        .ygz-nav-menu-track .ygz-menu-link { transition:color .2s var(--ygz-nav-ease), opacity .2s var(--ygz-nav-ease), transform .2s var(--ygz-nav-ease); }
        .ygz-nav-menu-track .ygz-menu-link:active { transform:scale(.96); }
        .ygz-nav-menu-track .ygz-menu-link:focus-visible { outline:2px solid rgba(255,255,255,.72); outline-offset:-5px; border-radius:999px; }
        .ygz-primary-indicator { will-change:transform,width; transform:translateZ(0); }
        @media (prefers-reduced-motion: reduce) {
            .ygz-nav-menu-track .ygz-menu-link,.ygz-primary-indicator { transition:none!important; }
        }

        /* V58 fixed-shell hardening: remove sweep/white strip effects and keep the island in its own layer. */
        .ygz-floating-header { contain: layout paint style; max-width: calc(100vw - 20px); }
        .ygz-top-nav { overflow: hidden !important; transform: translateZ(0); backface-visibility: hidden; }
        .ygz-top-nav::before,
        .ygz-top-nav::after,
        .ygz-primary-indicator::before,
        .ygz-primary-indicator::after { content: none !important; display: none !important; animation: none !important; }
        .ygz-primary-indicator { background:#f7f8fb !important; box-shadow:0 8px 18px rgba(0,0,0,.16) !important; }
        html.ygz-full-page-loading #ygzPageLoadingOverlay { background:rgba(8,9,13,.18); }

/* V121 deterministic document loading: spinner only, with no fake percentage text. */
.ygz-page-loading-card{
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    contain:layout paint style;
    transform:translateZ(0);
}
html.ygz-document-loading #ygzPageLoadingOverlay,
html.ygz-full-page-loading #ygzPageLoadingOverlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
}
@media(max-width:720px){
    html.ygz-document-loading #ygzPageLoadingOverlay,
    html.ygz-full-page-loading #ygzPageLoadingOverlay{
        background:rgba(5,6,10,.78);
        -webkit-backdrop-filter:none;
        backdrop-filter:none;
    }
}
@media(prefers-reduced-motion:reduce){
    .ygz-page-loading-spinner,.ygz-page-loading-spinner circle{animation:none!important}
}


/* V122 loader authority: outgoing navigation only, deterministic cleanup, no blocking ring. */
#ygzPageLoadingOverlay{
    z-index:2147483000!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(5,6,10,.16)!important;
    -webkit-backdrop-filter:blur(0) brightness(1) saturate(100%)!important;
    backdrop-filter:blur(0) brightness(1) saturate(100%)!important;
    transition:opacity .16s ease,visibility 0s linear .16s,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
}
html:not(.ygz-loader-visible) #ygzPageLoadingOverlay{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    -webkit-backdrop-filter:blur(0) brightness(1) saturate(100%)!important;
    backdrop-filter:blur(0) brightness(1) saturate(100%)!important;
}
html.ygz-loader-visible #ygzPageLoadingOverlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    background:rgba(5,6,10,.38)!important;
    -webkit-backdrop-filter:blur(12px) brightness(.78) saturate(88%)!important;
    backdrop-filter:blur(12px) brightness(.78) saturate(88%)!important;
    transition-delay:0s!important;
}
.ygz-page-loading-card{
    width:76px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.055)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 12px 36px rgba(0,0,0,.28)!important;
    contain:layout paint style!important;
}
.ygz-page-loading-track{
    position:relative;
    display:block;
    width:48px;
    height:3px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.18);
}
.ygz-page-loading-track>span{
    position:absolute;
    inset:0 auto 0 0;
    width:22px;
    border-radius:inherit;
    background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.98),rgba(255,255,255,.16));
    box-shadow:0 0 12px rgba(255,255,255,.24);
    transform:translate3d(-26px,0,0);
}
html.ygz-loader-visible .ygz-page-loading-track>span{
    animation:ygzV122LoadingSweep .92s cubic-bezier(.45,0,.25,1) infinite;
}
.ygz-page-loading-spinner{display:none!important;animation:none!important}
@keyframes ygzV122LoadingSweep{
    0%{transform:translate3d(-26px,0,0);opacity:.55}
    45%{opacity:1}
    100%{transform:translate3d(54px,0,0);opacity:.55}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
    html.ygz-loader-visible #ygzPageLoadingOverlay{background:rgba(5,6,10,.86)!important}
}
@media(prefers-reduced-motion:reduce){
    html.ygz-loader-visible .ygz-page-loading-track>span{
        animation:none!important;
        width:48px;
        transform:none;
        opacity:.86;
    }
}

/* V123: page navigation is immediate; all legacy loader layers are permanently disabled. */
#ygzPageLoadingOverlay,.ygz-page-loading-card,.ygz-page-loading-track,.ygz-page-loading-spinner{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;animation:none!important}
html.ygz-loader-visible,html.ygz-full-page-loading,html.ygz-document-loading{overflow:auto!important}
html.ygz-loader-visible #ygzPageLoadingOverlay,html.ygz-full-page-loading #ygzPageLoadingOverlay,html.ygz-document-loading #ygzPageLoadingOverlay{display:none!important}

/* V084 live-glass authority for the navigation island and search controls. */
.ygz-top-nav{
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 56%),rgba(8,10,16,.58)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.19),inset 0 -1px 0 rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(30px) saturate(176%) contrast(108%)!important;
  backdrop-filter:blur(30px) saturate(176%) contrast(108%)!important;
}
.search-bar,.ygz-friend-search-box{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),rgba(12,14,21,.67)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(24px) saturate(165%) contrast(106%)!important;
  backdrop-filter:blur(24px) saturate(165%) contrast(106%)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
.search-bar:focus-within,.ygz-friend-search-box:focus-within{border-color:rgba(255,255,255,.27)!important;box-shadow:0 18px 44px rgba(0,0,0,.30),0 0 0 3px rgba(255,255,255,.045),inset 0 1px 0 rgba(255,255,255,.13)!important}
@media(max-width:520px){
  .ygz-top-nav{-webkit-backdrop-filter:blur(26px) saturate(166%) contrast(106%)!important;backdrop-filter:blur(26px) saturate(166%) contrast(106%)!important}
  .search-bar,.ygz-friend-search-box{-webkit-backdrop-filter:blur(18px) saturate(150%)!important;backdrop-filter:blur(18px) saturate(150%)!important}
}
html.ygz-lite-effects .ygz-top-nav,html.ygz-lite-effects .search-bar,html.ygz-lite-effects .ygz-friend-search-box{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(13,15,22,.96)!important}

/* V123 polished navigation and page transitions. */
@view-transition { navigation: auto; }
::view-transition-old(root){animation:ygzViewOld .22s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:ygzViewNew .46s cubic-bezier(.16,1,.3,1) both}
@keyframes ygzViewOld{to{opacity:.86;transform:translate3d(0,-3px,0) scale(.998)}}
@keyframes ygzViewNew{from{opacity:.001;transform:translate3d(0,9px,0) scale(.996);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.main-wrapper{animation:ygzMainReveal .44s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 0;will-change:opacity,transform}
@keyframes ygzMainReveal{from{opacity:.001;transform:translate3d(0,8px,0) scale(.997)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
html.ygz-page-leaving .main-wrapper{opacity:.82;transform:translate3d(0,-4px,0) scale(.998);transition:opacity .16s ease,transform .22s cubic-bezier(.4,0,1,1)}
.ygz-primary-indicator{
    opacity:1;
    transform-origin:left center;
    transition:transform .56s cubic-bezier(.18,.92,.22,1),width .46s cubic-bezier(.18,.92,.22,1),box-shadow .30s ease !important;
    backface-visibility:hidden;
}
.ygz-top-nav[data-ygz-initial-layout="1"] .ygz-primary-indicator{opacity:0}
.ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{opacity:1}
.ygz-top-nav.is-menu-changing .ygz-primary-indicator,
.ygz-top-nav.is-loading .ygz-primary-indicator,
.ygz-top-nav.is-menu-swapping .ygz-primary-indicator{opacity:1!important}
.ygz-top-nav.is-indicator-moving .ygz-primary-indicator{box-shadow:0 11px 24px rgba(0,0,0,.20),0 1px 0 rgba(255,255,255,.84) inset!important}
.ygz-nav-menu-track--secondary{scroll-behavior:smooth;scroll-snap-type:x proximity;padding-inline:2px}
.ygz-nav-menu-track--secondary .ygz-menu-link,
.ygz-nav-menu-track--secondary .ygz-menu-return{min-width:max(68px,fit-content);padding-inline:15px}
@media(max-width:560px){
  .ygz-nav-menu-track--secondary .ygz-menu-link,.ygz-nav-menu-track--secondary .ygz-menu-return{min-width:74px;padding-inline:13px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),.main-wrapper{animation:none!important}
  html.ygz-page-leaving .main-wrapper{transition:none!important;opacity:1;transform:none}
}

/* v0.043: remove mobile browser native control chrome without overriding component design. */
button,input,textarea,select{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
button{touch-action:manipulation}