body.maoge-time-tunnel-standalone {
    min-width: 320px;
    margin: 0;
    overflow-x: hidden;
    background: #040716;
}

body.maoge-time-tunnel-standalone,
.maoge-time-tunnel-standalone .maoge-time-tunnel-page,
.maoge-time-tunnel-standalone .maoge-time-tunnel-page *,
.maoge-time-tunnel-standalone .maoge-time-tunnel-page *::before,
.maoge-time-tunnel-standalone .maoge-time-tunnel-page *::after {
    box-sizing: border-box;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel-page {
    --maoge-time-night: #02040f;
    --maoge-time-night-deep: #000104;
    --maoge-time-ink: #f8fbff;
    --maoge-time-muted: rgba(224, 234, 255, 0.76);
    --maoge-time-faint: rgba(224, 234, 255, 0.46);
    --maoge-time-line: rgba(215, 230, 255, 0.16);
    --maoge-time-panel: rgba(4, 9, 24, 0.78);
    --maoge-time-panel-strong: rgba(10, 18, 42, 0.88);
    --maoge-time-accent: #f8d77d;
    --cam-sky-x: 0px;
    --cam-sky-y: 0px;
    --cam-cloud-x: 0px;
    --cam-cloud-y: 0px;
    --cam-fg-x: 0px;
    --cam-fg-y: 0px;
    --meteor-flash: 0;
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background:
        /* 月亮周围的丁达尔柔润月华漫射 (Lunar Corona & Tyndall Glow) */
        radial-gradient(circle at 82% 16%, rgba(215, 235, 255, 0.22) 0%, rgba(180, 215, 255, 0.10) 28%, transparent 52%),
        /* 银河倾角紫罗兰与深海青晶星云弥漫微光 */
        radial-gradient(ellipse at 42% 38%, rgba(125, 95, 220, 0.16) 0%, rgba(68, 115, 235, 0.09) 35%, transparent 62%),
        /* 浩瀚深空极光晕染脉冲 */
        radial-gradient(ellipse at 70% 65%, rgba(60, 160, 210, 0.08) 0%, transparent 48%),
        /* 天顶极黑深渊向深邃黛蓝自然过渡 */
        radial-gradient(circle at 50% 4%, rgba(60, 95, 205, 0.20) 0%, transparent 42%),
        /* 极致沉浸感宽画幅胶片暗角 (Cinematic Vignette) */
        radial-gradient(ellipse at 50% 50%, transparent 52%, rgba(0, 1, 4, 0.82) 100%),
        /* 纵深垂直天幕色阶 */
        linear-gradient(180deg, #020512 0%, #01030a 50%, #000105 100%);
    color: var(--maoge-time-ink);
    font-family: "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel-page a {
    color: inherit;
    text-decoration: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel-page button {
    font: inherit;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel-page a:focus-visible,
.maoge-time-tunnel-standalone .maoge-time-tunnel-page button:focus-visible {
    outline: 3px solid rgba(248, 215, 125, 0.58);
    outline-offset: 5px;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__skip {
    position: fixed;
    top: 0.8rem;
    left: 0.8rem;
    z-index: 100;
    padding: 0.55rem 0.82rem;
    border-radius: 999px;
    background: #fff7d4;
    color: #18213f;
    font-size: 0.95rem;
    font-weight: 800;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-0.8rem);
    transition: opacity 160ms ease, transform 160ms ease;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__skip:focus {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__sky,
.maoge-time-tunnel-standalone .maoge-time-tunnel__sky::before,
.maoge-time-tunnel-standalone .maoge-time-tunnel__sky::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__sky {
    z-index: 0;
    overflow: hidden;
    transform: translate3d(var(--cam-sky-x), var(--cam-sky-y), 0);
    will-change: transform;
}

/* 大流星全局动态瞬态照明蒙层 (Meteor Dynamic Celestial Flash) */
.maoge-time-tunnel-standalone .maoge-time-tunnel__meteor-flash-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background: radial-gradient(circle at 45% 25%, rgba(225, 240, 255, 0.95) 0%, rgba(180, 218, 255, 0.45) 45%, rgba(110, 160, 255, 0.1) 75%, transparent 100%);
    mix-blend-mode: screen;
    opacity: var(--meteor-flash, 0);
    transition: opacity 80ms ease-out;
}

/* 月华丁达尔神光束 (Volumetric Moonlight God Rays) */
.maoge-time-tunnel-standalone .maoge-time-tunnel__god-rays {
    position: absolute;
    top: clamp(2rem, 5vw, 4.6rem);
    right: clamp(2rem, 8vw, 8rem);
    width: 1px;
    height: 1px;
    pointer-events: none;
    z-index: 1;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__god-ray {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    mix-blend-mode: screen;
    pointer-events: none;
    border-radius: 50% 0 50% 0;
    filter: blur(12px);
    opacity: 0.28;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__god-ray--1 {
    width: clamp(22rem, 48vw, 42rem);
    height: clamp(5.5rem, 12vw, 11rem);
    background: linear-gradient(108deg, rgba(255, 252, 235, 0.58) 0%, rgba(200, 228, 255, 0.32) 36%, rgba(160, 205, 255, 0.12) 68%, transparent 92%);
    transform: rotate(132deg) translateY(-50%);
    animation: maoge-time-tunnel-god-ray-sway 14s ease-in-out infinite alternate;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__god-ray--2 {
    width: clamp(26rem, 55vw, 48rem);
    height: clamp(7.5rem, 16vw, 14rem);
    background: linear-gradient(114deg, rgba(255, 255, 255, 0.65) 0%, rgba(215, 238, 255, 0.35) 42%, rgba(175, 215, 255, 0.1) 72%, transparent 95%);
    transform: rotate(148deg) translateY(-50%);
    animation: maoge-time-tunnel-god-ray-sway 18s ease-in-out infinite -4s alternate;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__god-ray--3 {
    width: clamp(19rem, 42vw, 36rem);
    height: clamp(5.0rem, 10vw, 9.2rem);
    background: linear-gradient(110deg, rgba(255, 248, 215, 0.52) 0%, rgba(195, 222, 255, 0.25) 38%, transparent 88%);
    transform: rotate(162deg) translateY(-50%);
    animation: maoge-time-tunnel-god-ray-sway 16s ease-in-out infinite -9s alternate;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__god-ray--4 {
    width: clamp(24rem, 52vw, 45rem);
    height: clamp(8.0rem, 18vw, 16rem);
    background: linear-gradient(118deg, rgba(235, 245, 255, 0.42) 0%, rgba(168, 208, 255, 0.2) 50%, transparent 90%);
    transform: rotate(120deg) translateY(-50%);
    animation: maoge-time-tunnel-god-ray-sway 21s ease-in-out infinite -12s alternate;
}

@keyframes maoge-time-tunnel-god-ray-sway {
    0% {
        opacity: 0.24;
        filter: blur(14px);
    }
    50% {
        opacity: 0.38;
        filter: blur(10px);
    }
    100% {
        opacity: 0.22;
        filter: blur(16px);
    }
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__sky::before {
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.5) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(174, 219, 255, 0.4) 0 1.2px, transparent 2px);
    background-position: 2% 11%, 74% 14%;
    background-size: 178px 150px, 246px 216px;
    content: "";
    opacity: 0.35;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__sky::after {
    background:
        radial-gradient(circle at 17% 70%, rgba(79, 129, 255, 0.15), transparent 28%),
        radial-gradient(circle at 80% 75%, rgba(248, 215, 125, 0.11), transparent 30%),
        linear-gradient(180deg, transparent 0 66%, rgba(4, 7, 20, 0.84) 100%);
    content: "";
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__moon {
    position: absolute;
    top: clamp(2rem, 5vw, 4.6rem);
    right: clamp(2rem, 8vw, 8rem);
    width: clamp(4.4rem, 8.2vw, 7.6rem);
    height: clamp(4.4rem, 8.2vw, 7.6rem);
    border-radius: 999px;
    background:
        radial-gradient(circle at 35% 33%, #ffffff 0%, #fff9e6 26%, rgba(254, 241, 195, 0.95) 54%, rgba(246, 218, 148, 0.85) 70%, rgba(246, 218, 148, 0.22) 74%, transparent 75%),
        #f8df9b;
    /* 多层漫散柔和月晕：核心温润暖金 + 次级冰晶蓝晕 + 宽幅深空透光 */
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.45) inset,
        0 0 24px rgba(255, 248, 220, 0.55),
        0 0 54px rgba(248, 223, 155, 0.38),
        0 0 110px rgba(186, 218, 255, 0.28),
        0 0 170px rgba(154, 188, 255, 0.16);
    opacity: 0.92;
    animation: maoge-time-tunnel-moon-glow 8s ease-in-out infinite alternate;
}

@keyframes maoge-time-tunnel-moon-glow {
    0% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.45) inset,
            0 0 22px rgba(255, 248, 220, 0.52),
            0 0 50px rgba(248, 223, 155, 0.35),
            0 0 100px rgba(186, 218, 255, 0.25),
            0 0 160px rgba(154, 188, 255, 0.14);
    }
    100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.55) inset,
            0 0 28px rgba(255, 248, 220, 0.65),
            0 0 64px rgba(248, 223, 155, 0.44),
            0 0 125px rgba(186, 218, 255, 0.34),
            0 0 190px rgba(154, 188, 255, 0.2);
    }
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star {
    position: absolute;
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.78);
    animation: maoge-time-tunnel-star-twinkle 4.8s ease-in-out infinite;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star::before,
.maoge-time-tunnel-standalone .maoge-time-tunnel__star::after {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(255, 255, 255, 0.72);
    content: "";
    transform: translate(-50%, -50%);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star::before {
    width: 1rem;
    height: 1px;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star::after {
    width: 1px;
    height: 1rem;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star--one {
    top: 18%;
    left: 16%;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star--two {
    top: 12%;
    left: 44%;
    animation-delay: -1.1s;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star--three {
    top: 29%;
    left: 82%;
    animation-delay: -2.8s;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star--four {
    top: 40%;
    left: 11%;
    animation-delay: -3.4s;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__star--five {
    top: 34%;
    left: 59%;
    animation-delay: -0.6s;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__comet {
    position: absolute;
    top: 20%;
    left: 72%;
    width: 7.2rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
    opacity: 0;
    transform: rotate(-18deg) translateX(0);
    animation: maoge-time-tunnel-comet 12s ease-in-out infinite;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__scene {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 100vh;
    grid-template-rows: auto minmax(22rem, 1fr) auto;
    padding: clamp(1.2rem, 3vw, 2.6rem) clamp(1rem, 4vw, 4.8rem) clamp(10.5rem, 27vh, 16.5rem);
}

/* 侧边灵动小仙女彩蛋 (The Ethereal Fairy Easter Egg) */
.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy {
    position: absolute;
    top: clamp(8rem, 24vh, 17rem);
    left: clamp(1.2rem, 5vw, 6.2rem);
    z-index: 12;
    cursor: pointer;
    user-select: none;
    transform: translate3d(calc(var(--cam-cloud-x) * 1.3), calc(var(--cam-cloud-y) * 1.3), 0);
    will-change: transform;
    animation: maoge-time-tunnel-fairy-drift 7.5s ease-in-out infinite alternate;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy-inner {
    position: relative;
    width: clamp(4.2rem, 6.8vw, 5.8rem);
    height: clamp(4.2rem, 6.8vw, 5.8rem);
    filter: drop-shadow(0 0 12px rgba(186, 225, 255, 0.7)) drop-shadow(0 0 24px rgba(254, 240, 180, 0.45));
    transition: transform 380ms cubic-bezier(0.2, 0.8, 0.25, 1.2), filter 380ms ease;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy:hover .maoge-time-tunnel__fairy-inner {
    transform: scale(1.18) rotate(-6deg);
    filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.95)) drop-shadow(0 0 36px rgba(248, 218, 125, 0.8));
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy:active .maoge-time-tunnel__fairy-inner,
.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy.is-sparkling .maoge-time-tunnel__fairy-inner {
    transform: scale(1.28) rotate(16deg);
    filter: drop-shadow(0 0 28px #ffffff) drop-shadow(0 0 50px #ffe57f) drop-shadow(0 0 70px #90caf9);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy.is-sparkling .fairy-wing--upper {
    animation-duration: 0.06s;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy.is-sparkling .fairy-wing--lower {
    animation-duration: 0.07s;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy-svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

/* 仙女轻纱薄翅高频轻颤动效 */
.maoge-time-tunnel-standalone .fairy-wing--upper {
    transform-origin: 18px 20px;
    animation: maoge-time-tunnel-fairy-wing-flutter 0.12s ease-in-out infinite alternate;
}

.maoge-time-tunnel-standalone .fairy-wing--lower {
    transform-origin: 18px 22px;
    animation: maoge-time-tunnel-fairy-wing-flutter 0.14s ease-in-out infinite alternate 0.04s;
}

@keyframes maoge-time-tunnel-fairy-wing-flutter {
    0% {
        transform: rotate(-32deg) scaleX(0.25) skewY(8deg);
        opacity: 0.45;
    }
    100% {
        transform: rotate(-24deg) scaleX(1) skewY(-6deg);
        opacity: 0.95;
    }
}

@keyframes maoge-time-tunnel-fairy-drift {
    0% {
        transform: translate3d(calc(var(--cam-cloud-x) * 1.3), calc(var(--cam-cloud-y) * 1.3), 0) translateY(0) rotate(0deg);
    }
    50% {
        transform: translate3d(calc(var(--cam-cloud-x) * 1.3 + 8px), calc(var(--cam-cloud-y) * 1.3 - 14px), 0) translateY(-14px) rotate(4deg);
    }
    100% {
        transform: translate3d(calc(var(--cam-cloud-x) * 1.3 - 6px), calc(var(--cam-cloud-y) * 1.3 + 12px), 0) translateY(12px) rotate(-3deg);
    }
}

/* 仙女棒尖微光闪烁 */
.maoge-time-tunnel-standalone .fairy-wand-tip {
    filter: drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 12px #ffe57f);
    animation: maoge-time-tunnel-wand-sparkle 1.8s ease-in-out infinite alternate;
}

@keyframes maoge-time-tunnel-wand-sparkle {
    0% { transform: scale(0.8); opacity: 0.7; }
    100% { transform: scale(1.4); opacity: 1; filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 18px #ffd54f); }
}

/* 仙女身后撒落飘浮的星尘微粒 (Pixie Dust Sparkles) */
.maoge-time-tunnel-standalone .maoge-time-tunnel__fairy-dust {
    position: absolute;
    top: 35%;
    left: -20%;
    width: 6rem;
    height: 3rem;
    pointer-events: none;
}

.maoge-time-tunnel-standalone .fairy-sparkle {
    position: absolute;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 0 6px #fff4cc, 0 0 12px rgba(255, 235, 140, 0.8);
    animation: maoge-time-tunnel-dust-fade 3.2s cubic-bezier(0.2, 0.8, 0.4, 1) infinite;
}

.maoge-time-tunnel-standalone .fairy-sparkle--1 { width: 3px; height: 3px; top: 10%; left: 40%; animation-delay: 0s; }
.maoge-time-tunnel-standalone .fairy-sparkle--2 { width: 2px; height: 2px; top: 30%; left: 25%; animation-delay: 0.5s; background: #cbe5ff; box-shadow: 0 0 6px #aed8ff; }
.maoge-time-tunnel-standalone .fairy-sparkle--3 { width: 3.5px; height: 3.5px; top: 50%; left: 55%; animation-delay: 1.1s; }
.maoge-time-tunnel-standalone .fairy-sparkle--4 { width: 2px; height: 2px; top: 75%; left: 35%; animation-delay: 1.7s; background: #ffe29a; }
.maoge-time-tunnel-standalone .fairy-sparkle--5 { width: 3px; height: 3px; top: 40%; left: 10%; animation-delay: 2.2s; }
.maoge-time-tunnel-standalone .fairy-sparkle--6 { width: 2.5px; height: 2.5px; top: 85%; left: 20%; animation-delay: 2.7s; background: #ddecfe; }

@keyframes maoge-time-tunnel-dust-fade {
    0% {
        opacity: 0;
        transform: translate(0, 0) scale(0.4);
    }
    20% {
        opacity: 1;
        transform: translate(-10px, 6px) scale(1.2);
    }
    100% {
        opacity: 0;
        transform: translate(-42px, 32px) scale(0.2);
    }
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__header {
    position: relative;
    z-index: 6;
    width: min(48rem, 100%);
    margin: 0 auto;
    text-align: center;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__kicker,
.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-kicker,
.maoge-time-tunnel-standalone .maoge-time-tunnel__empty-kicker {
    margin: 0 0 0.45rem;
    color: var(--maoge-time-accent);
    font-size: clamp(0.9rem, 1.3vw, 1.06rem);
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.35;
    text-transform: uppercase;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__header h1 {
    margin: 0;
    color: #fffaf0;
    font-size: clamp(2.36rem, 7vw, 5.8rem);
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.04;
    text-shadow: 0 0 26px rgba(248, 215, 125, 0.34), 0 6px 28px rgba(0, 0, 0, 0.28);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__header p:last-child {
    width: min(40rem, 100%);
    margin: 0.9rem auto 0;
    color: var(--maoge-time-muted);
    font-size: clamp(1.02rem, 1.7vw, 1.22rem);
    line-height: 1.85;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-field {
    position: relative;
    z-index: 5;
    display: grid;
    min-height: clamp(23rem, 54vh, 35rem);
    place-items: center;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-world {
    --focus-shift-x: 0%;
    --focus-shift-y: 0%;
    --focus-scale: 1;
    position: relative;
    width: min(78rem, 100%);
    height: clamp(22rem, 53vh, 34rem);
    transform: translate3d(calc(var(--focus-shift-x) + var(--cam-cloud-x)), calc(var(--focus-shift-y) + var(--cam-cloud-y)), 0) scale(var(--focus-scale));
    transform-origin: 50% 45%;
    transition: transform 420ms cubic-bezier(0.22, 0.75, 0.25, 1);
    will-change: transform;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud {
    --cloud-live-x: var(--cloud-x);
    --cloud-live-y: var(--cloud-y);
    --cloud-depth-scale: 1;
    --cloud-depth-opacity: 1;
    --cloud-bg: rgba(246, 250, 255, 0.88);
    --cloud-edge: rgba(255, 255, 255, 0.85);
    --cloud-glow: rgba(188, 215, 255, 0.32);
    --cloud-shadow-deep: rgba(14, 22, 54, 0.42);
    position: absolute;
    top: var(--cloud-live-y);
    left: var(--cloud-live-x);
    z-index: var(--cloud-z, 3);
    display: grid;
    width: clamp(9.2rem, 13.8vw, 13.6rem);
    min-height: clamp(5.4rem, 8.4vw, 7.2rem);
    place-items: center;
    border: 0;
    padding: 1.15rem 1.1rem 0.92rem;
    background: transparent;
    color: #121c38;
    cursor: pointer;
    opacity: var(--cloud-depth-opacity);
    text-align: center;
    transform: translate(-50%, -50%) scale(calc(var(--cloud-scale, 1) * var(--cloud-depth-scale)));
    transform-origin: 50% 60%;
    transition: opacity 260ms ease, filter 260ms ease, transform 280ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud:hover {
    transform: translate(-50%, -50%) scale(calc(var(--cloud-scale, 1) * var(--cloud-depth-scale) * 1.07));
    filter: brightness(1.06) drop-shadow(0 0 20px var(--cloud-glow)) drop-shadow(0 -2px 10px rgba(255, 255, 255, 0.45));
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape,
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape::before,
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape::after,
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape i {
    position: absolute;
    display: block;
    border-radius: 999px;
    background: var(--cloud-bg);
    /* 核心新海诚动画透光体积着色：
       - inset 0 10px 18px：顶部月华背光透射 (Subsurface Scattering透亮银白)
       - inset 0 1px 3px：上边缘金丝银丝轮廓微芒 (Rim Edge Glow)
       - inset 0 -12px 22px：底部夜色冷黛紫阴影 (Deep Ambient Shadow)
       - 0 16px 36px：外部柔化发光与月华光晕散布 */
    box-shadow:
        inset 0 10px 18px rgba(255, 255, 255, 0.9),
        inset 0 2px 4px rgba(255, 255, 255, 0.98),
        inset 0 -12px 22px var(--cloud-shadow-deep),
        0 16px 36px var(--cloud-glow);
    backdrop-filter: blur(12px);
    content: "";
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape {
    inset: 0.62rem 0.35rem 0.68rem;
    filter: drop-shadow(0 18px 30px rgba(2, 6, 20, 0.28)) drop-shadow(0 -1px 3px rgba(255, 255, 255, 0.25));
}

/* 主左蓬松云团 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape::before {
    top: -1.18rem;
    left: 1.15rem;
    width: 4.8rem;
    height: 4.5rem;
}

/* 主右挺拔云团 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape::after {
    top: -1.38rem;
    right: 1.35rem;
    width: 5.4rem;
    height: 5.0rem;
}

/* 中间高耸主峰 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape i:nth-child(1) {
    top: -1.72rem;
    left: 3.4rem;
    width: 5.2rem;
    height: 5.2rem;
}

/* 右下温润小朵 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape i:nth-child(2) {
    right: -0.25rem;
    bottom: -0.1rem;
    width: 3.5rem;
    height: 3.1rem;
}

/* 左下温润小朵 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape i:nth-child(3) {
    bottom: -0.12rem;
    left: 0.15rem;
    width: 3.8rem;
    height: 3.3rem;
}

/* 中部微透絮团 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape i:nth-child(4) {
    top: -0.6rem;
    left: 2.1rem;
    width: 4.1rem;
    height: 3.8rem;
    opacity: 0.88;
}

/* 顶部透光轻纱 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-shape i:nth-child(5) {
    top: -1.25rem;
    right: 3.1rem;
    width: 4.2rem;
    height: 4.0rem;
    opacity: 0.92;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-label,
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-hint {
    position: relative;
    z-index: 2;
    max-width: 9.6rem;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-label {
    display: block;
    overflow: hidden;
    font-size: clamp(1.02rem, 1.48vw, 1.28rem);
    font-weight: 900;
    letter-spacing: 0.025em;
    line-height: 1.24;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-hint {
    display: block;
    margin-top: 0.32rem;
    color: rgba(18, 30, 60, 0.72);
    font-size: 0.77rem;
    font-weight: 800;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 260ms ease, transform 260ms cubic-bezier(0.2, 0.8, 0.25, 1);
    pointer-events: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud:hover .maoge-time-tunnel__cloud-hint,
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud.is-focused .maoge-time-tunnel__cloud-hint {
    opacity: 1;
    transform: translateY(0);
}

/* 各色系云朵通透电影级调色 */
.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud--moon {
    --cloud-bg: rgba(254, 252, 240, 0.92);
    --cloud-edge: rgba(255, 238, 179, 0.85);
    --cloud-glow: rgba(248, 218, 138, 0.32);
    --cloud-shadow-deep: rgba(38, 30, 16, 0.36);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud--violet {
    --cloud-bg: rgba(238, 234, 255, 0.92);
    --cloud-edge: rgba(215, 198, 255, 0.85);
    --cloud-glow: rgba(168, 132, 255, 0.34);
    --cloud-shadow-deep: rgba(28, 18, 54, 0.4);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud--blue {
    --cloud-bg: rgba(228, 242, 255, 0.92);
    --cloud-edge: rgba(180, 220, 255, 0.85);
    --cloud-glow: rgba(118, 172, 255, 0.34);
    --cloud-shadow-deep: rgba(12, 26, 56, 0.4);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud--cyan {
    --cloud-bg: rgba(226, 253, 255, 0.92);
    --cloud-edge: rgba(168, 248, 255, 0.85);
    --cloud-glow: rgba(94, 225, 238, 0.32);
    --cloud-shadow-deep: rgba(10, 35, 46, 0.4);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud--gold {
    --cloud-bg: rgba(255, 247, 218, 0.93);
    --cloud-edge: rgba(255, 222, 142, 0.85);
    --cloud-glow: rgba(248, 192, 82, 0.34);
    --cloud-shadow-deep: rgba(44, 28, 10, 0.38);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud--rose {
    --cloud-bg: rgba(255, 234, 244, 0.92);
    --cloud-edge: rgba(255, 188, 218, 0.85);
    --cloud-glow: rgba(255, 142, 186, 0.32);
    --cloud-shadow-deep: rgba(46, 14, 30, 0.38);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud--mint {
    --cloud-bg: rgba(230, 255, 242, 0.92);
    --cloud-edge: rgba(175, 248, 210, 0.85);
    --cloud-glow: rgba(118, 225, 162, 0.32);
    --cloud-shadow-deep: rgba(12, 38, 24, 0.38);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-cloud-focused .maoge-time-tunnel__cloud:not(.is-focused) {
    opacity: 0.3;
    filter: blur(1.2px) saturate(0.72);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cloud.is-focused {
    z-index: 70;
    opacity: 1;
    filter: saturate(1.15) drop-shadow(0 0 24px rgba(255, 255, 255, 0.75));
    transform: translate(-50%, -50%) scale(calc(var(--cloud-scale, 1) * 1.36));
    animation: maoge-time-tunnel-cloud-focus-breath 3.6s ease-in-out infinite alternate;
}

@keyframes maoge-time-tunnel-cloud-focus-breath {
    0% {
        filter: saturate(1.15) drop-shadow(0 0 20px rgba(255, 255, 255, 0.65));
    }
    100% {
        filter: saturate(1.2) drop-shadow(0 0 32px rgba(248, 225, 155, 0.88));
    }
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-panel,
.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-panel,
.maoge-time-tunnel-standalone .maoge-time-tunnel__empty {
    position: absolute;
    z-index: 20;
    border: 1px solid var(--maoge-time-line);
    border-radius: 1.4rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
        var(--maoge-time-panel);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), 0 1px rgba(255, 255, 255, 0.08) inset;
    backdrop-filter: blur(18px);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-panel[hidden],
.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-panel[hidden],
.maoge-time-tunnel-standalone .maoge-time-tunnel__collection[hidden] {
    display: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-panel {
    top: clamp(8rem, 18vh, 12rem);
    right: clamp(1rem, 5vw, 5rem);
    width: min(22rem, calc(100% - 2rem));
    padding: 1.15rem;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-panel {
    bottom: clamp(8.6rem, 25vh, 14rem);
    left: 50%;
    width: min(48rem, calc(100% - 2rem));
    max-height: min(54vh, 34rem);
    padding: clamp(1rem, 2.8vw, 1.6rem);
    overflow: auto;
    transform: translateX(-50%);
    transform-origin: 50% 0;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-collection-open .maoge-time-tunnel__collection-panel {
    animation: maoge-time-tunnel-collection-open 360ms cubic-bezier(0.2, 0.78, 0.24, 1) both;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-collection-closing .maoge-time-tunnel__collection-panel {
    animation: maoge-time-tunnel-collection-close 240ms cubic-bezier(0.44, 0, 0.72, 0.22) both;
    pointer-events: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-close,
.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-close {
    position: absolute;
    top: 0.72rem;
    right: 0.72rem;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid var(--maoge-time-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--maoge-time-ink);
    cursor: pointer;
    font-size: 1.24rem;
    font-weight: 800;
    line-height: 1;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-panel h2,
.maoge-time-tunnel-standalone .maoge-time-tunnel__empty h2 {
    margin: 0;
    color: #fffaf0;
    font-size: clamp(1.46rem, 3vw, 2rem);
    font-weight: 900;
    line-height: 1.25;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-panel p:not(.maoge-time-tunnel__focus-kicker),
.maoge-time-tunnel-standalone .maoge-time-tunnel__empty p:not(.maoge-time-tunnel__empty-kicker) {
    margin: 0.72rem 0 0;
    color: var(--maoge-time-muted);
    font-size: 1rem;
    line-height: 1.78;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__focus-link,
.maoge-time-tunnel-standalone .maoge-time-tunnel__admin-link,
.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-read {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.62rem;
    margin-top: 1rem;
    border: 0;
    border-radius: 999px;
    padding: 0.58rem 1.05rem;
    background: linear-gradient(135deg, #fff4bf, #f8c96c);
    color: #17213d;
    cursor: pointer;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(248, 201, 108, 0.2);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-kicker,
.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-header p {
    margin: 0;
    color: var(--maoge-time-accent);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-header h2 {
    margin: 0.22rem 0 1rem;
    color: #fffaf0;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    font-weight: 950;
    line-height: 1.18;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-posts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 0.9rem;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-post {
    padding: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.13), transparent 34%),
        rgba(6, 13, 34, 0.72);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-post time {
    color: rgba(220, 230, 255, 0.7);
    font-size: 0.82rem;
    font-weight: 800;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-post h3 {
    margin: 0.35rem 0 0;
    color: #ffffff;
    font-size: 1.08rem;
    font-weight: 900;
    line-height: 1.4;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-post p {
    margin: 0.56rem 0 0;
    color: var(--maoge-time-muted);
    font-size: 0.94rem;
    line-height: 1.72;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__collection-read {
    min-height: 2.24rem;
    margin-top: 0.78rem;
    padding-inline: 0.9rem;
    font-size: 0.9rem;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__empty {
    top: 50%;
    left: 50%;
    width: min(35rem, calc(100% - 2rem));
    padding: clamp(1.1rem, 3vw, 1.8rem);
    text-align: center;
    transform: translate(-50%, -50%);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__ground {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    height: clamp(10rem, 27vh, 17rem);
    pointer-events: none;
    transform: translate3d(var(--cam-fg-x), var(--cam-fg-y), 0);
    will-change: transform;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__hill {
    position: absolute;
    right: -8%;
    bottom: -22%;
    left: -8%;
    border-radius: 50% 50% 0 0 / 60% 60% 0 0;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__hill--back {
    height: 72%;
    background:
        radial-gradient(circle at 30% 12%, rgba(149, 118, 72, 0.22), transparent 28%),
        radial-gradient(circle at 75% 20%, rgba(110, 140, 210, 0.16), transparent 32%),
        linear-gradient(180deg, #1b3327 0%, #0d1a13 74%, #070e0a 100%);
    opacity: 0.94;
    box-shadow: 0 -8px 24px rgba(160, 200, 255, 0.12) inset;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__hill--front {
    bottom: -34%;
    height: 86%;
    background:
        /* 草丘上受月华轻抚的银亮高光边缘 */
        radial-gradient(circle at 68% 6%, rgba(220, 240, 255, 0.24), transparent 24%),
        radial-gradient(circle at 35% 12%, rgba(248, 215, 125, 0.15), transparent 28%),
        linear-gradient(180deg, #223f2b 0%, #0f1c13 65%, #050a07 100%);
    box-shadow: 0 -24px 60px rgba(0, 0, 0, 0.35) inset, 0 -3px 12px rgba(185, 220, 255, 0.18);
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__grass {
    position: absolute;
    right: 0;
    bottom: 36%;
    left: 0;
    height: 3.2rem;
    opacity: 0.95;
    pointer-events: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__grass .grass-blade {
    position: absolute;
    bottom: 0;
    width: 2.4px;
    height: var(--grass-height, 1.6rem);
    border-radius: 999px 999px 0 0;
    background: linear-gradient(180deg, rgba(224, 255, 215, 0.92) 0%, rgba(120, 215, 145, 0.6) 45%, rgba(28, 64, 38, 0.2) 100%);
    box-shadow: 0 0 6px rgba(186, 255, 175, 0.35);
    transform: rotate(var(--grass-tilt, 8deg));
    transform-origin: 50% 100%;
    animation: maoge-time-tunnel-grass-wind-wave 4.6s ease-in-out infinite alternate;
}

.maoge-time-tunnel-standalone .grass-blade--1  { left: 4%;  --grass-height: 1.3rem; --grass-tilt: -14deg; animation-delay: -0.2s; }
.maoge-time-tunnel-standalone .grass-blade--2  { left: 8%;  --grass-height: 1.9rem; --grass-tilt: 9deg;   animation-delay: -1.4s; }
.maoge-time-tunnel-standalone .grass-blade--3  { left: 14%; --grass-height: 1.5rem; --grass-tilt: -7deg;  animation-delay: -2.1s; }
.maoge-time-tunnel-standalone .grass-blade--4  { left: 19%; --grass-height: 2.2rem; --grass-tilt: 12deg;  animation-delay: -0.8s; }
.maoge-time-tunnel-standalone .grass-blade--5  { left: 25%; --grass-height: 1.4rem; --grass-tilt: -11deg; animation-delay: -3.0s; }
.maoge-time-tunnel-standalone .grass-blade--6  { left: 31%; --grass-height: 2.4rem; --grass-tilt: 15deg;  animation-delay: -1.7s; }
.maoge-time-tunnel-standalone .grass-blade--7  { left: 37%; --grass-height: 1.6rem; --grass-tilt: -6deg;  animation-delay: -0.5s; }
.maoge-time-tunnel-standalone .grass-blade--8  { left: 43%; --grass-height: 2.1rem; --grass-tilt: 8deg;   animation-delay: -2.4s; }
.maoge-time-tunnel-standalone .grass-blade--9  { left: 49%; --grass-height: 1.5rem; --grass-tilt: -12deg; animation-delay: -1.1s; }
.maoge-time-tunnel-standalone .grass-blade--10 { left: 54%; --grass-height: 2.5rem; --grass-tilt: 14deg;  animation-delay: -3.4s; }
.maoge-time-tunnel-standalone .grass-blade--11 { left: 60%; --grass-height: 1.7rem; --grass-tilt: -8deg;  animation-delay: -0.9s; }
.maoge-time-tunnel-standalone .grass-blade--12 { left: 65%; --grass-height: 2.3rem; --grass-tilt: 10deg;  animation-delay: -2.8s; }
.maoge-time-tunnel-standalone .grass-blade--13 { left: 70%; --grass-height: 1.4rem; --grass-tilt: -15deg; animation-delay: -1.3s; }
.maoge-time-tunnel-standalone .grass-blade--14 { left: 75%; --grass-height: 2.2rem; --grass-tilt: 13deg;  animation-delay: -0.4s; }
.maoge-time-tunnel-standalone .grass-blade--15 { left: 81%; --grass-height: 1.6rem; --grass-tilt: -9deg;  animation-delay: -2.2s; }
.maoge-time-tunnel-standalone .grass-blade--16 { left: 86%; --grass-height: 2.0rem; --grass-tilt: 11deg;  animation-delay: -1.6s; }
.maoge-time-tunnel-standalone .grass-blade--17 { left: 90%; --grass-height: 1.5rem; --grass-tilt: -6deg;  animation-delay: -3.1s; }
.maoge-time-tunnel-standalone .grass-blade--18 { left: 94%; --grass-height: 1.8rem; --grass-tilt: 12deg;  animation-delay: -0.7s; }
.maoge-time-tunnel-standalone .grass-blade--19 { left: 97%; --grass-height: 1.3rem; --grass-tilt: -10deg; animation-delay: -2.5s; }
.maoge-time-tunnel-standalone .grass-blade--20 { left: 99%; --grass-height: 1.7rem; --grass-tilt: 8deg;   animation-delay: -1.9s; }

/* 夜间含苞微光野花 (Night Blooms) */
.maoge-time-tunnel-standalone .maoge-time-tunnel__night-flower {
    position: absolute;
    bottom: 0.2rem;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #d8eeff;
    box-shadow: 0 0 10px #aed8ff, 0 0 18px rgba(174, 216, 255, 0.6);
    animation: maoge-time-tunnel-flower-pulse 4.8s ease-in-out infinite alternate;
}
.maoge-time-tunnel-standalone .maoge-time-tunnel__night-flower--1 { left: 16%; animation-delay: -1.2s; }
.maoge-time-tunnel-standalone .maoge-time-tunnel__night-flower--2 { left: 52%; animation-delay: -2.8s; background: #fff2cc; box-shadow: 0 0 10px #ffe599; }
.maoge-time-tunnel-standalone .maoge-time-tunnel__night-flower--3 { left: 84%; animation-delay: -0.5s; }

@keyframes maoge-time-tunnel-flower-pulse {
    0% { transform: scale(0.85); opacity: 0.55; }
    100% { transform: scale(1.25); opacity: 1; filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.9)); }
}

@keyframes maoge-time-tunnel-grass-wind-wave {
    0% {
        transform: rotate(calc(var(--grass-tilt, 8deg) - 7deg)) skewX(-3deg);
    }
    100% {
        transform: rotate(calc(var(--grass-tilt, 8deg) + 9deg)) skewX(4deg);
    }
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__cats {
    position: absolute;
    right: clamp(1rem, 7vw, 9rem);
    bottom: clamp(1.8rem, 5vh, 3.8rem);
    width: clamp(14rem, 24vw, 22rem);
    height: clamp(8.5rem, 16vw, 13.5rem);
    pointer-events: none;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__duo-cats {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.maoge-time-tunnel-standalone .maoge-time-tunnel__duo-cats path,
.maoge-time-tunnel-standalone .maoge-time-tunnel__duo-cats circle,
.maoge-time-tunnel-standalone .maoge-time-tunnel__duo-cats ellipse {
    vector-effect: non-scaling-stroke;
}

/* 双猫地表微弱环境光遮蔽阴影 */
.maoge-time-tunnel-standalone .cat-duo-shadow {
    fill: rgba(4, 8, 20, 0.65);
    filter: blur(5px);
}

/* 1. 双尾拂动交错动画 */
.maoge-time-tunnel-standalone .cat-duo-tails {
    transform-origin: 138px 176px;
    animation: maoge-time-tunnel-duo-tail-sway 6.4s ease-in-out infinite alternate;
}

.maoge-time-tunnel-standalone .cat-black-tail-path {
    fill: none;
    stroke: #090c18;
    stroke-width: 7.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.maoge-time-tunnel-standalone .cat-black-tail-rim {
    fill: none;
    stroke: rgba(215, 235, 255, 0.52);
    stroke-width: 1.6;
    stroke-linecap: round;
    filter: drop-shadow(0 0 3px rgba(185, 220, 255, 0.6));
}

.maoge-time-tunnel-standalone .cat-orange-tail-bg {
    fill: none;
    stroke: url(#tt-cat-orange-body);
    stroke-width: 7.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.maoge-time-tunnel-standalone .cat-orange-tail-tip {
    fill: #ffffff;
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.85));
}

.maoge-time-tunnel-standalone .cat-orange-tail-rings {
    fill: none;
    stroke: #7c2e04;
    stroke-width: 2.2;
    stroke-linecap: round;
}

/* 2. 黑猫：修长挺拔 · 仰首 22° · 银蓝轮廓月光 */
.maoge-time-tunnel-standalone .cat-black-body-mesh {
    fill: url(#tt-cat-black-body);
}

.maoge-time-tunnel-standalone .cat-black-contour {
    fill: none;
    stroke: rgba(145, 180, 240, 0.24);
    stroke-width: 1.8;
    stroke-linecap: round;
}

.maoge-time-tunnel-standalone .cat-black-rim-left,
.maoge-time-tunnel-standalone .cat-black-rim-right {
    fill: none;
    stroke: url(#tt-cat-black-rim);
    stroke-width: 2.4;
    stroke-linecap: round;
    filter: drop-shadow(0 0 5px rgba(210, 235, 255, 0.85));
}

.maoge-time-tunnel-standalone .cat-black-figure {
    transform-origin: 94px 182px;
    animation: maoge-time-tunnel-cat-black-breathe 4.8s ease-in-out infinite;
}

.maoge-time-tunnel-standalone .cat-black-head {
    transform-origin: 94px 58px;
    animation: maoge-time-tunnel-cat-black-head-gaze 7.5s ease-in-out infinite;
}

.maoge-time-tunnel-standalone .cat-black-head-mesh {
    fill: #0c1020;
}

.maoge-time-tunnel-standalone .cat-black-ear-rim-l,
.maoge-time-tunnel-standalone .cat-black-ear-rim-r {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2.0;
    stroke-linecap: round;
    filter: drop-shadow(0 0 4px rgba(225, 242, 255, 0.95));
}

.maoge-time-tunnel-standalone .cat-black-ear-inner-l,
.maoge-time-tunnel-standalone .cat-black-ear-inner-r {
    fill: none;
    stroke: rgba(145, 185, 255, 0.45);
    stroke-width: 1.4;
}

.maoge-time-tunnel-standalone .cat-black-sparkle {
    fill: #ffffff;
    filter: drop-shadow(0 0 4px #b8dcff);
    animation: maoge-time-tunnel-star-twinkle 3.2s ease-in-out infinite;
}

/* 3. 橘猫：依偎身侧 · 憨萌圆润 · 温暖虎斑与金白月光 */
.maoge-time-tunnel-standalone .cat-orange-body-mesh {
    fill: url(#tt-cat-orange-body);
}

.maoge-time-tunnel-standalone .cat-orange-belly,
.maoge-time-tunnel-standalone .cat-orange-haunch {
    fill: none;
    stroke: rgba(255, 240, 205, 0.28);
    stroke-width: 1.6;
    stroke-linecap: round;
}

.maoge-time-tunnel-standalone .cat-orange-stripe {
    fill: none;
    stroke: url(#tt-cat-orange-stripe);
    stroke-width: 3.2;
    stroke-linecap: round;
}

.maoge-time-tunnel-standalone .cat-orange-rim-path {
    fill: none;
    stroke: url(#tt-cat-orange-rim);
    stroke-width: 2.2;
    stroke-linecap: round;
    filter: drop-shadow(0 0 4px rgba(255, 228, 160, 0.72));
}

.maoge-time-tunnel-standalone .cat-orange-figure {
    transform-origin: 161px 184px;
    animation: maoge-time-tunnel-cat-orange-breathe 4.8s ease-in-out infinite -0.6s;
}

.maoge-time-tunnel-standalone .cat-orange-head {
    transform-origin: 161px 68px;
    animation: maoge-time-tunnel-cat-orange-snuggle 6.8s ease-in-out infinite;
}

.maoge-time-tunnel-standalone .cat-orange-head-mesh {
    fill: #ffa930;
}

.maoge-time-tunnel-standalone .cat-orange-stripe-m,
.maoge-time-tunnel-standalone .cat-orange-stripe-m2 {
    fill: none;
    stroke: #862d02;
    stroke-width: 2.0;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.maoge-time-tunnel-standalone .cat-orange-ear-l,
.maoge-time-tunnel-standalone .cat-orange-ear-r {
    fill: #e6750c;
}

.maoge-time-tunnel-standalone .cat-orange-ear-inner-l,
.maoge-time-tunnel-standalone .cat-orange-ear-inner-r {
    fill: #ffcfb0;
}

.maoge-time-tunnel-standalone .cat-orange-sparkle {
    fill: #fff9e6;
    filter: drop-shadow(0 0 3px #ffd77a);
    animation: maoge-time-tunnel-star-twinkle 2.8s ease-in-out infinite -1s;
}

/* 双猫细腻电影特写微动关键帧 (Cinematic Dual Cats Keyframes) */
@keyframes maoge-time-tunnel-cat-black-breathe {
    0%, 100% {
        transform: scale(1) translateY(0);
    }
    50% {
        transform: scale(1.015, 1.028) translateY(-0.06rem);
    }
}

@keyframes maoge-time-tunnel-cat-orange-breathe {
    0%, 100% {
        transform: scale(1) translateY(0);
    }
    50% {
        transform: scale(1.02, 1.032) translateY(-0.07rem);
    }
}

@keyframes maoge-time-tunnel-cat-black-head-gaze {
    0%, 100% {
        transform: rotate(0deg);
    }
    35% {
        transform: rotate(-2.8deg) translateY(-0.05rem);
    }
    70% {
        transform: rotate(2.4deg) translateY(-0.03rem);
    }
}

@keyframes maoge-time-tunnel-cat-orange-snuggle {
    0%, 100% {
        transform: rotate(-1deg);
    }
    40% {
        transform: rotate(-3.8deg) translate(-0.06rem, 0.04rem);
    }
    80% {
        transform: rotate(1.2deg);
    }
}

@keyframes maoge-time-tunnel-duo-tail-sway {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(2deg) scaleX(0.98);
    }
    100% {
        transform: rotate(6deg) scaleX(1.02);
    }
}

@keyframes maoge-time-tunnel-star-twinkle {
    0%, 100% {
        opacity: 0.46;
        transform: scale(0.86);
    }

    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@keyframes maoge-time-tunnel-comet {
    0%, 62%, 100% {
        opacity: 0;
        transform: rotate(-18deg) translateX(0);
    }

    68% {
        opacity: 0.9;
    }

    78% {
        opacity: 0;
        transform: rotate(-18deg) translateX(-34vw);
    }
}

@keyframes maoge-time-tunnel-collection-open {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(1rem) scale(0.94);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

@keyframes maoge-time-tunnel-collection-close {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(0.9rem) scale(0.96);
    }
}

@keyframes maoge-time-tunnel-collection-open-mobile {
    0% {
        opacity: 0;
        transform: translateY(1rem) scale(0.96);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes maoge-time-tunnel-collection-close-mobile {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(0.9rem) scale(0.96);
    }
}

@media (max-width: 900px) {
    .maoge-time-tunnel-standalone .maoge-time-tunnel__scene {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__focus-panel {
        top: auto;
        right: 1rem;
        bottom: clamp(8.8rem, 23vh, 14rem);
        left: 1rem;
        width: auto;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__collection-panel {
        right: 1rem;
        bottom: clamp(8.4rem, 22vh, 13rem);
        left: 1rem;
        width: auto;
        max-height: min(50vh, 30rem);
        transform: none;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-collection-open .maoge-time-tunnel__collection-panel {
        animation-name: maoge-time-tunnel-collection-open-mobile;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-collection-closing .maoge-time-tunnel__collection-panel {
        animation-name: maoge-time-tunnel-collection-close-mobile;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__status {
        right: 1rem;
        bottom: 0.35rem;
        left: 1rem;
        border-radius: 1rem;
        text-align: center;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-world {
        height: clamp(24rem, 58vh, 36rem);
    }
}

@media (max-width: 640px) {
    .maoge-time-tunnel-standalone .maoge-time-tunnel__scene {
        grid-template-rows: auto minmax(26rem, 1fr) auto;
        padding-top: 1rem;
        padding-bottom: 12rem;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__header h1 {
        font-size: clamp(2.2rem, 14vw, 3.7rem);
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__header p:last-child {
        font-size: 1rem;
        line-height: 1.72;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-field {
        min-height: 27rem;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-world {
        width: 100%;
        height: 27rem;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__cloud {
        width: 8.1rem;
        min-height: 4.9rem;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-hint {
        display: none;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__focus-panel,
    .maoge-time-tunnel-standalone .maoge-time-tunnel__empty {
        border-radius: 1rem;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__cats {
        right: 50%;
        transform: translateX(50%);
        width: clamp(15rem, 58vw, 19rem);
        height: clamp(9.2rem, 36vw, 11.5rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .maoge-time-tunnel-standalone .maoge-time-tunnel-page *,
    .maoge-time-tunnel-standalone .maoge-time-tunnel-page *::before,
    .maoge-time-tunnel-standalone .maoge-time-tunnel-page *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__comet {
        display: none;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__god-rays {
        opacity: 0.22;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__god-ray {
        animation: none !important;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__cloud-world,
    .maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-reduced-motion .maoge-time-tunnel__cloud-world {
        transform: none !important;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel__sky,
    .maoge-time-tunnel-standalone .maoge-time-tunnel__ground {
        transform: none !important;
    }

    .maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-reduced-motion .maoge-time-tunnel__cloud,
    .maoge-time-tunnel-standalone .maoge-time-tunnel-page.is-reduced-motion.is-cloud-focused .maoge-time-tunnel__cloud:not(.is-focused) {
        opacity: 1;
        filter: none;
    }

    .maoge-time-tunnel-standalone .cat-duo-tails,
    .maoge-time-tunnel-standalone .cat-black-figure,
    .maoge-time-tunnel-standalone .cat-black-head,
    .maoge-time-tunnel-standalone .cat-orange-figure,
    .maoge-time-tunnel-standalone .cat-orange-head {
        animation: none !important;
    }
}