body::before{content:"";position:fixed;top:-5%;left:-5%;width:110%;height:110%;z-index:-99999;background-image:url("https://www.dmoe.cc/random.php");background-position:center;background-size:cover;background-repeat:no-repeat;pointer-events:none;-webkit-animation:kenBurns 18s ease-in-out infinite;animation:kenBurns 18s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}
body::after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-99998;background:linear-gradient(60deg,rgba(var(--accent-purple),.04),rgba(var(--accent-cyan),.03),rgba(var(--accent-pink),.02),rgba(var(--accent-cyan),.03),rgba(var(--accent-purple),.04));background-size:400% 400%;-webkit-animation:aurora 14s ease infinite;animation:aurora 14s ease infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}
#particle-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-99997;pointer-events:none}
body,html{background:none!important;background-color:transparent!important}
.st-Container,.st-Menu{opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;z-index:-9999!important}
#sw-Hennnyano{opacity:1!important;visibility:visible!important;backdrop-filter:none!important;background:none!important;box-shadow:none!important;border:none!important}
#sw-Hennnyano .layer{background-color:transparent!important;box-shadow:none!important;border:none!important}
#sw-Hennnyano::before,#sw-Hennnyano::after{display:none!important}
body,.hope-ui-light,.hope-ui-dark,div[class*="header"],nav,header{--hope-colors-background:transparent!important;background-color:transparent!important}
#root>div:not(.header):not(.footer){background:transparent!important}
#root>div:not(.header):not(.footer) .hope-breadcrumb{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border-radius:var(--radius-lg)!important;border:1px solid var(--glass-border)!important;padding:8px 16px!important}
#root>div:not(.header):not(.footer) .obj-box{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur))!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border-radius:var(--radius-lg)!important;border:1px solid var(--glass-border)!important;padding:10px 16px!important}
[class*="header"]{position:relative!important;overflow:hidden!important}
[class*="header"]::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:headerShimmer 6s ease-in-out infinite;pointer-events:none}
.header-left img,.header img,#root .header img,[class*="header"] img{border-radius:50%!important;object-fit:cover!important;overflow:hidden!important;border:2px solid rgba(var(--accent-purple),.5)!important;box-shadow:0 0 16px rgba(var(--accent-purple),.35)!important;transition:all var(--transition)!important}
.header-left img:hover,.header img:hover,#root .header img:hover,[class*="header"] img:hover{border-color:rgba(var(--accent-cyan),.8)!important;box-shadow:0 0 28px rgba(var(--accent-cyan),.55)!important;transform:scale(1.1) rotate(5deg)!important}
[class*="header"] h1,.header-title{background:linear-gradient(90deg,rgb(var(--accent-purple)),rgb(var(--accent-cyan)),rgb(var(--accent-pink)),rgb(var(--accent-purple)))!important;background-size:300% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:gradientText 4s ease infinite!important}
[class*="header"] a:not(:hover){text-shadow:0 0 22px rgba(var(--accent-purple),.25)!important}
nav,aside,[class*="sidebar"],[class*="Sidebar"]{background:linear-gradient(135deg,var(--sidebar-glass-bg),var(--sidebar-glass-bg-end))!important;backdrop-filter:blur(40px) saturate(200%)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--sidebar-border)!important;box-shadow:0 8px 32px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.6)!important;padding:15px!important;transition:all var(--transition)!important}
.hope-stack>div{transition:all var(--transition)!important;border-radius:var(--radius-sm)!important}
.hope-stack>div:hover{transform:translateX(8px)!important;background:var(--file-hover-bg)!important;box-shadow:0 4px 18px rgba(var(--accent-purple),.14)!important}
a{transition:all .25s ease!important}
a:hover{color:rgb(var(--accent-cyan))!important;text-shadow:0 0 14px rgba(var(--accent-cyan),.4)!important}
button,[class*="btn"],[role="button"]{transition:all var(--transition)!important}
button:hover,[class*="btn"]:hover,[role="button"]:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 4px 20px rgba(var(--accent-purple),.22)!important}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--accent-purple),.35),rgba(var(--accent-cyan),.35));border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--accent-purple),.65),rgba(var(--accent-cyan),.65))}
.footer{display:none!important}
::selection{background:rgba(var(--accent-purple),.3);color:inherit}
#page-loader{position:fixed;inset:0;z-index:999999;background:#0a0808;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;overflow:hidden}
#page-loader.loaded{animation:loaderExit 1.2s ease-out forwards;pointer-events:none}
#page-loader::before{content:"";position:absolute;top:-15%;right:-10%;width:650px;height:650px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(180,170,150,.07) 0%,rgba(160,150,130,.03) 45%,transparent 70%);filter:blur(50px);animation:inkMistDrift1 9s ease-in-out infinite}
#page-loader::after{content:"";position:absolute;bottom:-15%;left:-10%;width:550px;height:550px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(140,135,125,.06) 0%,rgba(120,115,105,.02) 45%,transparent 70%);filter:blur(60px);animation:inkMistDrift2 11s ease-in-out infinite}
#page-loader .loader-rays{position:absolute;top:-30%;right:5%;width:350px;height:180%;background:linear-gradient(195deg,rgba(255,245,220,.06) 0%,rgba(245,230,200,.03) 25%,rgba(220,210,190,.01) 45%,transparent 60%);transform-origin:top right;filter:blur(25px);opacity:0;animation:moonbeamIn 2s ease .5s both,moonbeamPulse 5s ease 2.5s infinite;z-index:0}
#page-loader .loader-flash{position:absolute;top:50%;left:50%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(200,190,170,.15) 0%,rgba(180,170,150,.08) 25%,rgba(140,130,110,.03) 50%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;animation:inkSplash 2.5s ease-out .9s both;z-index:1}
#page-loader .loader-brand{font-family:'Ma Shan Zheng','STKaiti','KaiTi','SimSun',serif;font-size:clamp(72px,16vw,160px);font-weight:400;letter-spacing:25px;color:transparent;background:linear-gradient(155deg,#f5e6c8 0%,#d4a853 35%,#f0dbb5 55%,#c49a47 80%,#f5e6c8 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:3;opacity:0;clip-path:inset(0 100% 0 0);animation:brandFadeIn .1s ease 1.1s both,brushReveal 1.4s cubic-bezier(.22,.61,.36,1) 1.1s both;text-shadow:0 0 30px rgba(212,168,83,.3),0 0 60px rgba(180,140,80,.1)}
#page-loader .loader-brand::before{content:"诛心";position:absolute;inset:0;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-align:center;color:rgba(212,168,83,.4);-webkit-text-fill-color:rgba(212,168,83,.4);background:none;-webkit-background-clip:unset;background-clip:unset;z-index:-1;opacity:0;animation:inkGlowIn 1.2s ease 1.6s both,inkGlowPulse 3.5s ease 2.8s infinite}
#page-loader .loader-brand::after{content:"";position:absolute;top:-30%;left:-100%;width:35%;height:160%;background:linear-gradient(90deg,transparent 0%,rgba(245,230,200,.03) 20%,rgba(212,168,83,.15) 50%,rgba(245,230,200,.03) 80%,transparent 100%);transform:skewX(-15deg);animation:goldSweep 6s ease-in-out infinite 3s;pointer-events:none}
#page-loader .loader-line{width:min(400px,55vw);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(180,140,80,.2) 10%,rgba(212,168,83,.6) 30%,rgba(245,230,200,.8) 50%,rgba(212,168,83,.6) 70%,rgba(180,140,80,.2) 90%,transparent 100%);border-radius:1px;z-index:3;position:relative;transform-origin:center;transform:scaleX(0);animation:swordSlash 1s cubic-bezier(.16,1,.3,1) 1.7s both,slashGlow 3s ease 2.7s infinite}
#page-loader .loader-line::before{content:"";position:absolute;top:8px;left:50%;width:2px;height:0;transform:translateX(-50%);background:linear-gradient(180deg,rgba(212,168,83,.5) 0%,rgba(180,170,150,.2) 60%,transparent 100%);border-radius:0 0 2px 2px;animation:inkDrip 2s ease 2s both}
#page-loader .loader-rays::before{content:"";position:fixed;top:30%;left:-5%;width:450px;height:350px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(160,155,140,.04) 0%,rgba(140,135,120,.015) 40%,transparent 70%);filter:blur(45px);animation:inkMistDrift3 13s ease-in-out infinite 2s}
#route-fade{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;background:linear-gradient(135deg,rgba(var(--accent-purple),.06),rgba(var(--accent-cyan),.04));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease}
#route-fade.active{opacity:1}
.click-ripple{position:fixed;width:150px;height:150px;border-radius:50%;border:2px solid rgba(var(--accent-cyan),.65);background:radial-gradient(circle,rgba(var(--accent-purple),.2) 0%,rgba(var(--accent-cyan),.08) 40%,transparent 70%);pointer-events:none;z-index:99998;animation:rippleExpand .55s ease-out forwards}
.click-ripple-outer{position:fixed;width:240px;height:240px;border-radius:50%;border:1px solid rgba(var(--accent-purple),.4);pointer-events:none;z-index:99997;animation:rippleExpandOuter .8s ease-out forwards}
.click-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:99998}
.mouse-trail{position:fixed;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-purple),.5),rgba(var(--accent-cyan),.2));pointer-events:none;z-index:99997;animation:trailFade .5s ease-out forwards}
#mouse-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-purple),.09) 0%,rgba(var(--accent-cyan),.04) 35%,transparent 70%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%);transition:left .1s ease-out,top .1s ease-out,opacity .4s ease,width .3s ease,height .3s ease;will-change:left,top}
.hope-ui-dark{--glass-bg:rgba(15,15,25,.25);--glass-border:rgba(255,255,255,.06);--sidebar-glass-bg:rgba(15,15,30,.6);--sidebar-glass-bg-end:rgba(15,15,30,.35);--sidebar-border:rgba(255,255,255,.06);--file-hover-bg:rgba(120,58,237,.12)}
.hope-ui-dark [class*="header"] h1,.hope-ui-dark .header-title{filter:brightness(1.3)}
.hope-ui-dark #route-fade{background:linear-gradient(135deg,rgba(10,10,20,.12),rgba(var(--accent-purple),.06))}
@media(hover:none){.hope-stack>div:hover{transform:none!important;background:transparent!important;box-shadow:none!important}.header-left img:hover,.header img:hover,#root .header img:hover,[class*="header"] img:hover{transform:none!important;border-color:rgba(var(--accent-purple),.5)!important;box-shadow:0 0 14px rgba(var(--accent-purple),.3)!important}button:hover,[class*="btn"]:hover,[role="button"]:hover{transform:none!important;box-shadow:none!important}a:hover{color:inherit!important;text-shadow:none!important}#mouse-glow{display:none!important}}
@media(hover:none){.hope-stack>div:active{transform:scale(.98)!important;background:var(--file-hover-bg)!important;transition:transform .1s ease!important}button:active,[class*="btn"]:active,[role="button"]:active{transform:scale(.96)!important;transition:transform .1s ease!important}}
@media(max-width:768px){:root{--glass-blur:3px;--radius-lg:14px;--radius-sm:8px}#root>div:not(.header):not(.footer) .hope-breadcrumb,#root>div:not(.header):not(.footer) .obj-box{padding:6px 10px!important}nav,aside,[class*="sidebar"],[class*="Sidebar"]{padding:10px!important;backdrop-filter:blur(6px) saturate(120%)!important;-webkit-backdrop-filter:blur(6px) saturate(120%)!important}body::before{animation-duration:22s;top:-3%;left:-3%;width:106%;height:106%}body::after{animation-duration:20s;background:linear-gradient(60deg,rgba(var(--accent-purple),.02),rgba(var(--accent-cyan),.015),rgba(var(--accent-pink),.01),rgba(var(--accent-cyan),.015),rgba(var(--accent-purple),.02))!important}.click-ripple{width:100px;height:100px}.click-ripple-outer{width:160px;height:160px}::-webkit-scrollbar{width:3px;height:3px}#route-fade{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:480px){:root{--glass-blur:2px;--radius-lg:12px;--radius-sm:6px}#root>div:not(.header):not(.footer) .hope-breadcrumb,#root>div:not(.header):not(.footer) .obj-box{padding:4px 8px!important}nav,aside,[class*="sidebar"],[class*="Sidebar"]{padding:8px!important}}
@media(max-width:768px){#page-loader .loader-brand{letter-spacing:18px}#page-loader .loader-rays{width:280px}#page-loader .loader-flash{width:250px;height:250px}#page-loader::before{width:400px;height:400px;filter:blur(40px)}#page-loader::after{width:350px;height:350px;filter:blur(50px)}#page-loader .loader-line{width:min(300px,65vw)}}
@media(max-width:480px){#page-loader .loader-brand{letter-spacing:14px}#page-loader .loader-flash{width:180px;height:180px}#page-loader .loader-line{width:min(220px,70vw)}}
@media(prefers-reduced-motion:reduce){#particle-canvas{opacity:.3!important}#mouse-glow{display:none!important}}
@keyframes kenBurns{0%{transform:scale(1) translate(0,0)}25%{transform:scale(1.06) translate(-0.6%,0.5%)}50%{transform:scale(1.09) translate(0.5%,-0.6%)}75%{transform:scale(1.05) translate(-0.3%,0.4%)}100%{transform:scale(1) translate(0,0)}}
@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes headerShimmer{0%{left:-100%;opacity:0}40%{opacity:1}100%{left:200%;opacity:0}}
@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes brandFadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes brushReveal{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0% 0 0)}}
@keyframes inkGlowIn{0%{opacity:0}100%{opacity:1}}
@keyframes inkGlowPulse{0%,100%{opacity:1;filter:blur(0px)}50%{opacity:0.55;filter:blur(3px)}}
@keyframes goldSweep{0%{left:-100%}100%{left:200%}}
@keyframes swordSlash{0%{transform:scaleX(0);opacity:0}25%{opacity:1}100%{transform:scaleX(1);opacity:1}}
@keyframes slashGlow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 8px rgba(212,168,83,.55)) drop-shadow(0 0 20px rgba(212,168,83,.25))}}
@keyframes inkDrip{0%{height:0;opacity:1}70%{height:60px;opacity:0.6}100%{height:80px;opacity:0}}
@keyframes moonbeamIn{0%{opacity:0;transform:rotate(0deg) scaleY(0.5)}100%{opacity:1;transform:rotate(0deg) scaleY(1)}}
@keyframes moonbeamPulse{0%,100%{opacity:1}50%{opacity:0.55}}
@keyframes inkMistDrift1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-22px,-18px) scale(1.06)}66%{transform:translate(12px,-10px) scale(0.97)}}
@keyframes inkMistDrift2{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(18px,22px) scale(1.09)}70%{transform:translate(-8px,10px) scale(0.96)}}
@keyframes inkMistDrift3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-14px,28px) scale(1.04)}}
@keyframes inkSplash{0%{transform:translate(-50%,-50%) scale(0);opacity:0}25%{opacity:1}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}
@keyframes loaderExit{0%{opacity:1;transform:scale(1)}60%{opacity:0.3;transform:scale(1.03)}100%{opacity:0;transform:scale(1.05);visibility:hidden}}
@keyframes rippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes rippleExpandOuter{0%{transform:translate(-50%,-50%) scale(0);opacity:0.8}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes trailFade{0%{transform:translate(-50%,-50%) scale(1);opacity:0.8}100%{transform:translate(-50%,-50%) scale(0.2);opacity:0}}
