#rolePortalHost{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#fff;background:#292a33;font-synthesis:none;--accent:#e9834d;--accent-dark:#9f4526}#rolePortalHost *{box-sizing:border-box}#rolePortalHost{margin:0}#rolePortalHost a{color:inherit;text-decoration:none}#rolePortalHost button{font:inherit}#rolePortalHost button,#rolePortalHost a{-webkit-tap-highlight-color:transparent}#rolePortalHost button:focus-visible,#rolePortalHost a:focus-visible{outline:3px solid #fff;outline-offset:4px}#rolePortalHost .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#rolePortalHost .skip-link{position:fixed;top:-80px;z-index:20;background:#242430;padding:14px}#rolePortalHost .skip-link:focus{top:8px}#rolePortalHost .stage{position:relative;isolation:isolate;overflow:clip;width:100%;height:100svh;min-height:0;background:#393841;--avatar-size:150px;--avatar-label:26px;--dock-height:224px}#rolePortalHost .backgrounds,#rolePortalHost .background-layer,#rolePortalHost .atmosphere,#rolePortalHost .grain,#rolePortalHost .slides,#rolePortalHost .diagonal{position:absolute;inset:0;pointer-events:none}#rolePortalHost .backgrounds{z-index:-5}#rolePortalHost .background-layer{overflow:clip}#rolePortalHost .background-layer img{width:100%;height:100%;object-fit:cover;will-change:transform;animation:background-push-right 16s linear -1.25s infinite alternate}#rolePortalHost .background-layer[data-pan=left] img{animation-name:background-push-left}@keyframes background-push-right{0%{transform:translate3d(-1.3%,.6%,0) scale(1.045)}to{transform:translate3d(2.8%,-1.8%,0) scale(1.23)}}@keyframes background-push-left{0%{transform:translate3d(1.3%,.6%,0) scale(1.045)}to{transform:translate3d(-2.8%,-1.8%,0) scale(1.23)}}#rolePortalHost .atmosphere{z-index:-4;background:linear-gradient(90deg,#18192357,#18192330 60%,#18192314)}#rolePortalHost .diagonal{z-index:-3;background:#fafafa}#rolePortalHost .diagonal-one{clip-path:polygon(0 0,19% 0,80% 100%,63% 100%);opacity:.12}#rolePortalHost .diagonal-two{clip-path:polygon(53% 0,64% 0,0 98%,0 77%);opacity:.1}#rolePortalHost .grain{z-index:0;opacity:.14;background:repeating-linear-gradient(90deg,#17162238 0 1px,transparent 1px 4px)}#rolePortalHost .scene{position:absolute;left:50%;top:50%;width:1920px;height:940px;transform:translate(-50%,-50%) scale(var(--scene-scale,0));transform-origin:center}#rolePortalHost .slides{z-index:1;overflow:clip}#rolePortalHost .slide{position:absolute;inset:0;pointer-events:none;--banner-width:745px;--banner-top:140px;--intro-gap:28px;--intro-top:calc(var(--banner-top) + var(--banner-width) / var(--banner-ratio) + var(--intro-gap));--content-center:38%;--intro-width:710px;--decor-width:760px;--art-left:930px;--art-top:-50px;--art-width:820px;--art-height:1230px}#rolePortalHost .hero-card{position:absolute;left:calc(var(--content-center) - var(--banner-width) / 2);top:var(--banner-top);width:var(--banner-width);display:block;aspect-ratio:var(--banner-ratio);z-index:4;pointer-events:auto;border-radius:5px 20px;overflow:hidden}#rolePortalHost .hero-card-image{display:block;width:100%;height:auto;user-select:none;mask:url(./assets/masks/卡片柔边.png) center/100% 100% no-repeat;-webkit-mask:url(./assets/masks/卡片柔边.png) center/100% 100% no-repeat}#rolePortalHost .brush-art{position:absolute;left:var(--art-left);top:var(--art-top);width:var(--art-width);height:var(--art-height);pointer-events:none;transform-origin:center;mask:url(./assets/masks/主笔刷.png) center/100% 100% no-repeat;-webkit-mask:url(./assets/masks/主笔刷.png) center/100% 100% no-repeat}#rolePortalHost .illustration-image{display:block;width:100%;height:100%;object-fit:var(--art-fit,contain);object-position:var(--art-position,center top);user-select:none}#rolePortalHost .intro{position:absolute;left:calc(var(--content-center) - var(--intro-width) / 2);width:var(--intro-width);top:var(--intro-top);padding:0 8px;z-index:3;text-align:center}#rolePortalHost .intro p{margin:0;font-family:KaiTi,STKaiti,Kaiti SC,楷体,serif;font-size:44px;font-weight:400;line-height:1.45;letter-spacing:2px;color:#fffaf1;text-shadow:0 2px 2px #18121ed9,0 4px 15px #18121e99;-webkit-text-stroke:1.8px var(--accent);paint-order:stroke fill}#rolePortalHost .intro-line{display:block;text-wrap:balance}#rolePortalHost .intro-line+.intro-line{margin-top:12px;font-size:38px;letter-spacing:2px;color:#f3ede7}#rolePortalHost .intro-decor{position:absolute;left:calc(var(--content-center) - var(--decor-width) / 2);width:var(--decor-width);top:calc(var(--intro-top) - 24px);height:280px;opacity:1;mask:url(./assets/masks/横笔刷.png) center/100% 100% no-repeat;-webkit-mask:url(./assets/masks/横笔刷.png) center/100% 100% no-repeat}#rolePortalHost .intro-decor img{width:100%;height:100%;object-fit:cover;object-position:var(--ghost-position,center 48%);opacity:.52;filter:saturate(.82) brightness(.8)}#rolePortalHost .intro-decor:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17172838,transparent 80%)}#rolePortalHost .dock-wrap{position:absolute;bottom:0;left:0;right:0;z-index:5;height:var(--dock-height);background:#ffffff24;border-top:1px solid #ffffff14;display:flex;align-items:center}#rolePortalHost .dock-wrap:before,#rolePortalHost .dock-wrap:after{content:"";position:absolute;inset:0;pointer-events:none}#rolePortalHost .dock-wrap:before{background:radial-gradient(ellipse at 14% 90%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 42%),radial-gradient(ellipse at 82% 0%,#fff9df30,transparent 46%),repeating-linear-gradient(118deg,transparent 0 44px,#ffffff0c 45px 46px,transparent 47px 92px)}#rolePortalHost .dock-wrap:after{inset:7px 2%;border-top:1px solid #fff6;border-bottom:1px solid #ffffff26;background:radial-gradient(circle,#fff9 0 1px,transparent 1.6px) 0 0 / 56px 46px;opacity:.35}#rolePortalHost .dock{position:relative;z-index:1}#rolePortalHost .avatar-picture{position:relative;isolation:isolate}#rolePortalHost .avatar-picture:before,#rolePortalHost .avatar-picture:after{content:"";position:absolute;z-index:1;pointer-events:none}#rolePortalHost .avatar-picture:before{inset:6px;border-top:1px solid #fffc;border-left:1px solid #fff9;border-radius:3px 0 0;clip-path:polygon(0 0,34% 0,34% 4%,4% 4%,4% 30%,0 30%)}#rolePortalHost .avatar-picture:after{right:0;bottom:0;width:34%;height:24%;background:linear-gradient(135deg,transparent 42%,color-mix(in srgb,var(--item-color) 45%,transparent) 43% 59%,transparent 60% 68%,#ffffffa6 69% 73%,transparent 74%)}#rolePortalHost .dock{display:flex;align-items:center;gap:28px;width:82%;max-width:none;margin:0 auto}#rolePortalHost .arrow{flex:0 0 42px;height:58px;padding:0;border:0;background:none;color:#fff;cursor:pointer;transition:transform .2s,filter .2s}#rolePortalHost .arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linejoin:round}#rolePortalHost .arrow-echo{opacity:.38;stroke-width:1.5}#rolePortalHost .arrow:hover{transform:scale(1.16);filter:drop-shadow(0 0 7px #87e5ff) drop-shadow(0 0 18px #87e5ff)}#rolePortalHost .arrow:active{transform:scale(1.02)}#rolePortalHost .avatar-rail{display:flex;gap:60px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:12px 8px;margin:-12px -8px;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;cursor:grab;user-select:none;scroll-behavior:smooth;overflow-anchor:none}#rolePortalHost .avatar-rail::-webkit-scrollbar{display:none}#rolePortalHost .avatar-rail.dragging{cursor:grabbing;scroll-behavior:auto}#rolePortalHost .avatar-button{flex:0 0 var(--avatar-size);height:calc(var(--avatar-size) + var(--avatar-label));padding:0;border:0;border-radius:8px;overflow:hidden;background:#fff;cursor:inherit;transition:box-shadow .22s}#rolePortalHost .avatar-picture{display:block;height:var(--avatar-size);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--item-color) 30%,white),#fff)}#rolePortalHost .avatar-picture img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);filter:saturate(.84);transition:transform .24s,filter .24s;pointer-events:none}#rolePortalHost .avatar-name{display:block;height:var(--avatar-label);line-height:var(--avatar-label);color:var(--item-color);background:#fff;font-size:20px;font-weight:800;transition:color .22s,background .22s}#rolePortalHost .avatar-button:hover,#rolePortalHost .avatar-button[aria-selected=true]{box-shadow:0 0 8px 2px color-mix(in srgb,var(--item-color) 65%,transparent),0 0 24px color-mix(in srgb,var(--item-color) 80%,transparent)}#rolePortalHost .avatar-button:hover .avatar-picture img,#rolePortalHost .avatar-button[aria-selected=true] .avatar-picture img{transform:scale(1.14);filter:saturate(1.12)}#rolePortalHost .avatar-button:hover .avatar-name,#rolePortalHost .avatar-button[aria-selected=true] .avatar-name{background:var(--item-color);color:#fff}#rolePortalHost .file-notice{position:fixed;inset:20% 10%;z-index:20;padding:30px;background:#252330;border-radius:10px;text-align:center}#rolePortalHost .file-notice[hidden]{display:none}#rolePortalHost .file-notice a{display:inline-block;padding:12px 24px;margin-top:14px;background:#e9834d;border-radius:6px}@media(max-width:900px)and (orientation:portrait),(max-width:1100px)and (max-height:540px)and (orientation:landscape){#rolePortalHost .stage{height:100svh;height:100dvh;--avatar-size:clamp(58px,16vw,78px);--avatar-label:24px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--dock-height:calc(var(--avatar-size) + var(--avatar-label) + 24px + var(--safe-bottom))}#rolePortalHost .scene{inset:0;width:100%;height:100%;transform:none}#rolePortalHost .slides{bottom:var(--dock-height)}#rolePortalHost .dock-wrap{padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + var(--safe-bottom)) max(8px,env(safe-area-inset-left,0px))}#rolePortalHost .dock{width:100%;max-width:none;gap:4px}#rolePortalHost .arrow{flex:0 0 44px;height:48px;display:grid;place-items:center}#rolePortalHost .arrow svg{width:28px;height:36px}#rolePortalHost .avatar-rail{gap:12px;padding:10px 6px;margin:-10px -6px;scroll-padding-inline:6px}#rolePortalHost .avatar-button{border-radius:7px}#rolePortalHost .avatar-name{font-size:14px}#rolePortalHost .illustration-image{position:absolute;inset:0;object-fit:var(--mobile-art-fit,cover);object-position:var(--mobile-art-position,var(--art-position,50% 18%))}#rolePortalHost .intro p{font-size:clamp(18px,5vw,24px);line-height:1.4;letter-spacing:.5px;-webkit-text-stroke:.8px var(--accent)}#rolePortalHost .intro-line+.intro-line{margin-top:4px;font-size:clamp(16px,4.4vw,20px);letter-spacing:.5px}}@media(max-width:900px)and (orientation:portrait){#rolePortalHost .slide{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:calc(12px + var(--safe-top)) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));--banner-width:min(100%,540px,72svh)}#rolePortalHost .hero-card{position:relative;grid-area:1 / 1;justify-self:center;align-self:start;left:auto;top:auto;width:var(--banner-width);max-width:100%;border-radius:5px 14px}#rolePortalHost .intro{position:relative;grid-area:2 / 1;justify-self:center;align-self:start;left:auto;top:auto;width:100%;max-width:560px;padding:0 2px}#rolePortalHost .intro-decor{position:absolute;grid-area:2 / 1;inset:-14px -4px -36px;width:auto;max-width:580px;height:auto;margin-inline:auto}#rolePortalHost .intro-decor img{position:absolute;inset:0;opacity:.4}#rolePortalHost .brush-art{position:relative;grid-area:3 / 1;justify-self:center;align-self:stretch;left:auto;top:auto;width:min(100%,620px);height:100%;min-width:0;min-height:0}#rolePortalHost .slide[data-art-format=landscape] .brush-art{height:auto;aspect-ratio:1.06;max-height:100%;align-self:center}}@media(max-width:1100px)and (max-height:540px)and (orientation:landscape){#rolePortalHost .stage{--avatar-size:44px;--avatar-label:20px;--dock-height:calc(78px + var(--safe-bottom))}#rolePortalHost .slide{--banner-width:min(42vw,88svh,440px);--banner-top:8%}#rolePortalHost .hero-card{left:max(16px,env(safe-area-inset-left,0px));top:var(--banner-top);width:var(--banner-width);border-radius:4px 12px}#rolePortalHost .intro{left:max(16px,env(safe-area-inset-left,0px));width:var(--banner-width);top:calc(var(--banner-top) + var(--banner-width) / var(--banner-ratio) + 8px);padding:0 2px}#rolePortalHost .intro p{font-size:17px;line-height:1.3;letter-spacing:0}#rolePortalHost .intro-line+.intro-line{font-size:15px;margin-top:3px;letter-spacing:0}#rolePortalHost .intro-decor{left:12px;width:var(--banner-width);top:calc(var(--banner-top) + var(--banner-width) / var(--banner-ratio));height:76px}#rolePortalHost .brush-art{left:51%;top:0;width:47%;height:100%}#rolePortalHost .illustration-image{object-position:var(--mobile-art-position,var(--art-position,50% 14%))}#rolePortalHost .avatar-name{font-size:12px}#rolePortalHost .dock{max-width:760px;gap:8px}#rolePortalHost .avatar-rail{gap:16px}}@media(hover:none){#rolePortalHost .arrow:hover{transform:none;filter:none}#rolePortalHost .avatar-button:hover:not([aria-selected=true]){box-shadow:none}#rolePortalHost .avatar-button:hover:not([aria-selected=true]) .avatar-picture img{transform:scale(1);filter:saturate(.84)}#rolePortalHost .avatar-button:hover:not([aria-selected=true]) .avatar-name{background:#fff;color:var(--item-color)}}@media(prefers-reduced-motion:reduce){#rolePortalHost *,#rolePortalHost *:before,#rolePortalHost *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#rolePortalHost .background-layer img{transform:scale(1.08);will-change:auto}}#rolePortalHost .hero-card{overflow:visible;isolation:isolate;transition:translate .2s ease,box-shadow .2s ease}#rolePortalHost .hero-card-image{border-radius:inherit}#rolePortalHost .hero-card:before,#rolePortalHost .hero-card:after{content:"";position:absolute;pointer-events:none;box-sizing:border-box;border-radius:inherit;opacity:0;transform:scale(.985);transition:opacity .18s ease,transform .2s ease}#rolePortalHost .hero-card:before{inset:-9px;z-index:2;border:2px solid;border-color:#ffe9a3 #d8a54f #916425 #edc46f;box-shadow:0 0 0 1px #5d402499,inset 0 0 0 1px #fff3c14d,0 8px 18px #060b173d,0 0 14px #deb64f26}#rolePortalHost .hero-card:after{inset:-3px;z-index:3;border:2px solid;border-color:#c2edff #70aefa #377cca #94d5ff;box-shadow:0 0 0 1px #163355cc,inset 0 0 0 1px #c9edff40,0 0 8px #6fc2ff33}#rolePortalHost .hero-card:focus-visible{outline:none;translate:0 -3px;box-shadow:0 0 0 7px #091423a6,0 14px 26px #020a2033}#rolePortalHost .hero-card:focus-visible:before,#rolePortalHost .hero-card:focus-visible:after{opacity:1;transform:scale(1)}@media(hover:hover)and (pointer:fine){#rolePortalHost .hero-card:hover{translate:0 -3px;box-shadow:0 0 0 7px #091423a6,0 14px 26px #020a2033}#rolePortalHost .hero-card:hover:before,#rolePortalHost .hero-card:hover:after{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){#rolePortalHost .hero-card,#rolePortalHost .hero-card:before,#rolePortalHost .hero-card:after{transition:none}#rolePortalHost .hero-card:focus-visible{translate:none}@media(hover:hover)and (pointer:fine){#rolePortalHost .hero-card:hover{translate:none}}}#rolePortalHost .portal-pet{position:absolute;z-index:8;left:20px;top:60%;width:clamp(140px,16vw,250px);appearance:none;border:0;padding:0;background:none;line-height:0;cursor:grab;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent}#rolePortalHost .portal-pet img{display:block;width:100%;height:auto;pointer-events:none;transform-origin:50% 85%;filter:drop-shadow(0 4px 7px #14172b44);transition:transform .1s ease-out}#rolePortalHost .portal-pet.is-pressed img{transform:scale(1.05,.88)}#rolePortalHost .portal-pet.is-bouncing img{animation:portal-pet-bounce .52s ease-out}#rolePortalHost .portal-pet.is-dragging{cursor:grabbing}#rolePortalHost .portal-pet:focus-visible{outline:2px solid #9cb8ff;outline-offset:5px;border-radius:16px}@keyframes portal-pet-bounce{0%{transform:scale(1.05,.88)}32%{transform:scale(.95,1.08) rotate(-2deg)}58%{transform:scale(1.025,.97) rotate(1deg)}80%{transform:scale(.99,1.015)}to{transform:none}}@media(max-width:900px)and (orientation:portrait){#rolePortalHost .portal-pet{width:140px}}@media(max-height:540px)and (orientation:landscape){#rolePortalHost .portal-pet{width:120px}}@media(prefers-reduced-motion:reduce){#rolePortalHost .portal-pet img{transition:none;animation:none!important}}body.role-portal-page #main.site-main{padding:0!important;margin:0;max-width:none}body.role-portal-page .site-footer{display:none}body.role-portal-page #rolePortalHost{display:block;width:100%;min-width:0;box-sizing:border-box}@media(max-width:900px)and (orientation:portrait){body.role-portal-page #rolePortalHost .slide{padding-top:calc(94px + var(--safe-top))}}@media(max-width:1100px)and (max-height:540px)and (orientation:landscape){body.role-portal-page #rolePortalHost .hero-card,body.role-portal-page #rolePortalHost .intro{left:140px}body.role-portal-page #rolePortalHost .slide{--banner-width:min(36vw,80svh,400px)}body.role-portal-page #rolePortalHost .intro-decor{left:136px}body.role-portal-page #rolePortalHost .brush-art{left:56%;width:43%}}#rolePortalHost .portal-pet .pet-sleep{position:absolute;z-index:1;left:30%;top:25%;width:40%;height:45%;color:#e1f4ff;font-family:Comic Sans MS,Trebuchet MS,sans-serif;font-size:clamp(14px,1.25vw,22px);font-weight:900;font-style:italic;line-height:1;text-shadow:0 1px 0 #436daa,0 0 7px #bceaff55;pointer-events:none;user-select:none;transition:opacity .16s ease}#rolePortalHost .portal-pet .pet-sleep-z{position:absolute;left:0;top:0;opacity:0;animation:portal-pet-sleep-drift 3.6s linear infinite}#rolePortalHost .portal-pet .pet-sleep-z:nth-child(1){font-size:.7em;animation-delay:0s}#rolePortalHost .portal-pet .pet-sleep-z:nth-child(2){font-size:1em;animation-delay:-1.2s}#rolePortalHost .portal-pet .pet-sleep-z:nth-child(3){font-size:1.35em;animation-delay:-2.4s}#rolePortalHost .portal-pet.is-pressed .pet-sleep,#rolePortalHost .portal-pet.is-dragging .pet-sleep,#rolePortalHost .portal-pet.is-bouncing .pet-sleep{opacity:0}#rolePortalHost .portal-pet.is-pressed .pet-sleep-z,#rolePortalHost .portal-pet.is-dragging .pet-sleep-z,#rolePortalHost .portal-pet.is-bouncing .pet-sleep-z{animation-play-state:paused}@keyframes portal-pet-sleep-drift{0%{opacity:0;transform:translateY(.15em) scale(.7) rotate(-12deg)}12%{opacity:.9}65%{opacity:.8}to{opacity:0;transform:translate(1.7em,-2.4em) scale(1.18) rotate(8deg)}}@media(prefers-reduced-motion:reduce){#rolePortalHost .portal-pet .pet-sleep{transition:none}#rolePortalHost .portal-pet .pet-sleep-z{animation:none;opacity:.85;transform:none}#rolePortalHost .portal-pet .pet-sleep-z:nth-child(2){left:1.1em;top:-.9em}#rolePortalHost .portal-pet .pet-sleep-z:nth-child(3){left:2.1em;top:-1.85em}}