:root{--mirror-rail:112px;--ink:#30344d;--muted:#5f647e;--gold:#666da6;--line:#d9dcec}
html{background:#eef0f8}body{padding-left:var(--mirror-rail);background:#eef0f8!important;color:#30344d!important;min-height:100vh}.site-bg{display:none!important}
body:not(.page-home) main.wrap{background:transparent!important;box-shadow:none!important;border:0!important}body:not(.page-home) main.wrap:before,body:not(.page-home) main.wrap:after{display:none!important}body:not(.page-home) main section{background:transparent!important;border-color:#d9dcec!important}body:not(.page-home) .card{border-radius:16px!important}.mirror-rail nav{scrollbar-width:thin;scrollbar-color:#737b9d transparent}.mirror-home .mirror-video{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%)}
.mirror-rail{position:fixed;inset:0 auto 0 0;width:var(--mirror-rail);z-index:100;display:flex;flex-direction:column;background:#292c49;color:#e7e8f6;box-shadow:8px 0 28px #252a4220}.mirror-rail .rail-title,.mirror-rail .rail-end{text-align:center;padding:18px 0;font-size:11px;letter-spacing:2px}.mirror-rail nav{flex:1;overflow:auto;padding:0 8px;background:none;border:0}.mirror-rail .nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 2px;margin:2px 0;border-radius:10px;color:#e7e8f6;font-size:12px;text-decoration:none}.mirror-rail img{width:48px;height:48px;object-fit:cover;border-radius:50%}.mirror-rail .nav-item:hover,.mirror-rail .nav-item[aria-current]{background:#575c80}.mirror-rail .nav-item[aria-current] img{outline:2px solid #cbd2ff;outline-offset:3px}
.mirror-top{position:relative;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:24px 36px;background:#eef0f8}.page-home .mirror-top{position:absolute;top:0;left:var(--mirror-rail);right:0;background:transparent}.mirror-brand{display:flex;gap:14px;align-items:center;color:#30344d;text-decoration:none}.mirror-brand img{width:124px;height:124px;border-radius:50%;object-fit:cover;box-shadow:0 5px 20px #42497522}.mirror-brand strong{font:700 40px KaiTi,serif;letter-spacing:5px}.mirror-brand small{display:block;margin-top:6px;font-size:11px}.mirror-auth{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.mirror-auth>a{padding:9px 15px;border-radius:20px;background:#ffffffbc;color:#424c78}.mirror-auth form{margin:0}.mirror-auth button{margin:0}
body>main.wrap{width:auto;max-width:1400px;margin:0 auto;padding:0 36px 36px}body>footer{color:#5f647e;background:#e5e8f3}body:not(.page-home) main{color:#30344d}.card,.item,.info-card,.panel,.member,.honor-card{background:#fafaff!important;color:#30344d!important;border-color:#d9dcec!important;box-shadow:0 8px 22px #444d7810!important}.btn{background:#4c527c!important;color:white!important;border-color:#4c527c!important}.btn.secondary{background:#e2e6f3!important;color:#30344d!important}input,select,textarea{background:#fff!important;color:#30344d!important;border-color:#b9c1d9!important}.section-head h2,h2,h3{color:#30344d}.radar-card{display:grid!important;grid-template-columns:minmax(160px,220px) minmax(0,1fr)!important;gap:20px!important;align-items:center!important}.radar-card .radar{width:100%!important;max-width:220px!important;height:auto!important}.radar-card h3{word-break:break-word}
.mirror-home{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;font-family:'Microsoft YaHei',sans-serif}.mirror-home .character-stage{width:52%;left:43%;top:5%;height:90%;z-index:1}.mirror-home .character-float{animation:none;isolation:auto;height:100%;display:flex;align-items:center;justify-content:center}.mirror-home .mirror-video{width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:40px;filter:drop-shadow(0 20px 30px #55527630);mask-image:radial-gradient(ellipse 68% 64% at 50% 50%,#000 66%,transparent 100%)}.mirror-home .mirror-light{display:none}.mirror-home .motion-toggle{position:absolute;right:8%;bottom:3%;z-index:15;pointer-events:auto;border:1px solid #ffffff99;border-radius:20px;padding:9px 14px;background:#f7f8ffe0;color:#394367;font-size:12px}.mirror-home .welcome h1{color:#363b59!important}.mirror-home .news{color:#30344d!important}.mirror-home .paused,.motion-paused .mirror-home *{animation-play-state:paused!important}.mirror-home .home-footer{padding:0;background:transparent}.page-home .guild-process,.page-home .home-feature,.page-home .archive-section,.page-home .portal-section{background:#eef0f8;color:#30344d}.page-home .hero{display:none}
@media(max-height:850px) and (min-width:761px){.mirror-rail .nav-item{padding:6px 2px}.mirror-rail img{width:42px;height:42px}.mirror-top{padding-top:18px}.mirror-brand img{width:112px;height:112px}}
@media(max-width:760px){:root{--mirror-rail:72px}.mirror-rail nav{padding:0 4px}.mirror-rail .nav-item{font-size:10px;padding:8px 0}.mirror-rail img{width:40px;height:40px}.mirror-top{padding:16px 14px;align-items:flex-start;flex-wrap:wrap}.mirror-brand{gap:7px}.mirror-brand img{width:64px;height:64px}.mirror-brand strong{font-size:24px;letter-spacing:2px}.mirror-brand small{font-size:9px}.mirror-auth{gap:6px}.mirror-auth>a{font-size:12px;padding:6px 10px}.page-home .mirror-auth{margin-left:auto}.mirror-home{min-height:950px!important}.mirror-home .character-stage{left:4%;top:13%;width:92%;height:44%}.mirror-home .welcome{bottom:195px}.mirror-home .character-name{top:57%}.mirror-home .news{bottom:65px}.mirror-home .bubble-field{inset:60px 0 38%}.mirror-home .motion-toggle{bottom:0;right:3%;font-size:11px}.mirror-home .home-footer{bottom:18px}body>main.wrap{padding:0 14px 25px}.radar-card{grid-template-columns:1fr!important;gap:8px!important}.radar-card .radar{max-width:170px!important;margin:auto}.radar-card h3{margin:0}.mirror-rail .rail-title{font-size:10px}}
.mirror-home .mirror-video{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%)}
@media(max-width:760px){.mirror-home .character-stage{top:12%;height:40%}.mirror-home .bubble-field{inset:60px 0 47%}.mirror-home .character-name{display:none}.mirror-home .bubble-jz{left:20%}.mirror-home .bubble-dz{right:7%}}