.effect-switch{position:relative;pointer-events:auto;min-width:130px}.effect-switch>summary{position:relative;list-style:none;cursor:pointer;padding:4px 30px 4px 0;display:block;color:#eee}.effect-switch>summary::-webkit-details-marker{display:none}.effect-title{display:block;font:600 21px Arial,"Microsoft YaHei",sans-serif;letter-spacing:1px}.effect-subtitle{display:block;margin-top:5px;color:#777780;font:8px Arial,sans-serif;letter-spacing:2px}.effect-chevron{position:absolute;right:5px;top:7px;color:#999;font-size:18px}.effect-switch[open] .effect-chevron{transform:rotate(180deg)}.effect-switch nav{position:absolute;left:-12px;top:calc(100% + 12px);width:185px;padding:7px;background:#18181cf5;border:1px solid #34343d;border-radius:14px;box-shadow:0 12px 45px #0009;backdrop-filter:blur(20px);z-index:20}.effect-switch nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px;border-radius:9px;color:#ddd;text-decoration:none;font:14px Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}.effect-switch nav a span{font-size:10px;color:#7c7c88}.effect-switch nav a:hover,.effect-switch nav a[aria-current]{background:#2b2b33;color:#fff}.effect-switch summary:focus-visible,.effect-switch a:focus-visible{outline:2px solid #a2c8ff;outline-offset:4px}@media(max-width:650px){.effect-title{font-size:18px}}
.effect-switch>summary{padding-left:48px;min-height:45px}.effect-logo{position:absolute;left:0;top:2px;width:36px;height:40px}.effect-switch nav a{gap:8px}.menu-logo{width:24px;height:24px;flex:none}.effect-switch nav a span{margin-left:auto}.effect-switch nav{width:210px}

.effect-switch nav a .effect-menu-name{position:relative;display:inline-block;margin:0;font-size:14px;color:inherit;isolation:isolate;white-space:nowrap;min-width:2em}
.effect-menu-name::before,.effect-menu-name::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}
.menu-easter-egg .effect-menu-name[data-effect=motion]{color:#b9e1ff;animation:menu-metal 2.3s ease-in-out 3}
.menu-easter-egg .effect-menu-name[data-effect=motion]::before{z-index:-1;color:#82bcff;animation:menu-trail 2.3s ease-in-out 3}
.menu-easter-egg .effect-menu-name[data-effect=motion]::after{z-index:-2;color:#6eacff;animation:menu-trail 2.3s .13s ease-in-out 3;filter:blur(2px)}
.menu-easter-egg .effect-menu-name[data-effect=flame]{animation:menu-heat 3.4s ease-in-out 2}
.menu-easter-egg .effect-menu-name[data-effect=flame]::before{color:#ff4731;transform-origin:bottom;filter:blur(.6px);animation:menu-flame 1.1s ease-in-out 6;mix-blend-mode:screen}
.menu-easter-egg .effect-menu-name[data-effect=burn]{animation:menu-burn 6.8s linear both}
.menu-easter-egg .effect-menu-name[data-effect=burn]::after{color:#ffbf65;animation:menu-embers 6.8s linear both}
@keyframes menu-metal{0%,100%{text-shadow:0 0 2px #87beff}40%,75%{text-shadow:0 0 3px #bce5ff,3px 5px 4px #80baff88}}
@keyframes menu-trail{0%,100%{opacity:0;transform:translate(0,0) skewX(0)}35%{opacity:.7;transform:translate(6px,7px) skewX(-15deg);text-shadow:2px 3px 2px #82bcff,4px 6px 4px #82bcff66}70%{opacity:.4;transform:translate(-4px,11px) skewX(18deg);text-shadow:-2px 4px 3px #82bcff88}}
@keyframes menu-heat{0%,100%{color:#ddd;text-shadow:none}35%,70%{color:#fff5ec;text-shadow:0 -1px 2px #fff,0 -3px 5px #ff572f,2px -6px 8px #ff1700}}
@keyframes menu-flame{0%,100%{opacity:0;transform:translate(0,-1px) scaleY(1)}30%{opacity:.8;transform:translate(1px,-5px) skewX(-10deg) scaleY(1.45)}65%{opacity:.35;transform:translate(-2px,-8px) skewX(13deg) scaleY(1.7)}}
@keyframes menu-burn{0%,12%{color:#ddd;clip-path:inset(0)}28%{color:#ffe5a8;text-shadow:1px 0 4px #ff9030;clip-path:inset(0 0 0 12%)}55%{color:#ff9a53;clip-path:inset(0 0 0 65%)}70%,80%{opacity:0;clip-path:inset(0 0 0 100%)}100%{opacity:1;color:#ddd;clip-path:inset(0)}}
@keyframes menu-embers{0%,15%,85%,100%{opacity:0}30%{opacity:.8;transform:translate(2px,-2px);filter:blur(.4px)}60%{opacity:.3;transform:translate(8px,-8px);filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){.menu-easter-egg .effect-menu-name{animation:none!important;color:#a2c8ff}.menu-easter-egg .effect-menu-name::before,.menu-easter-egg .effect-menu-name::after{animation:none!important}}

.studio-frame{position:fixed;inset:0;width:100%;height:100%;border:0;background:#000;z-index:30;visibility:hidden;pointer-events:none}.studio-frame.active{visibility:visible;pointer-events:auto}body.studio-child-active>:not(.studio-frame){display:none!important}.menu-easter-egg .effect-menu-name[data-effect=fluid]{animation:menu-fluid 3.4s ease-in-out 2;color:#ff4d5e}@keyframes menu-fluid{0%,100%{filter:blur(0);transform:skewX(0) scale(1)}35%{filter:blur(.5px);transform:skewX(-12deg) scale(1.08,.88);text-shadow:3px 2px 5px #ff202080}65%{transform:skewX(9deg) scale(.96,1.1);text-shadow:-2px -1px 4px #ff202080}}

.menu-easter-egg .effect-menu-name[data-effect=zixi]{animation:menu-paper 3s ease-in-out 2;transform-origin:bottom left}@keyframes menu-paper{0%,100%{transform:perspective(90px) rotateX(0);text-shadow:none}45%{transform:perspective(90px) rotateX(-30deg) skewX(-8deg);text-shadow:3px 5px 3px #0008;color:#fff}}
