.zp-home{background:var(--g-00)}.zp-home-stage{isolation:isolate;height:clamp(540px, calc(var(--z-vh) - var(--z-bar-h) - 150px), 860px);background:var(--g-0);position:relative;overflow:hidden}.zp-home-layer{opacity:0;transition:opacity .9s var(--ease-circ);position:absolute;inset:0}[data-branch=lore] .zp-home-layer--lore,[data-branch=arknights] .zp-home-layer--arknights,[data-branch=endfield] .zp-home-layer--endfield{opacity:1}.zp-home-layer img{-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.zp-home-art{position:absolute;inset:0}.zp-home-par{position:absolute;inset:-12px}.zp-home-box{width:min(100%,1680px);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.zp-home-layer--lore{background:var(--n-100)}.zp-home-layer--lore img.zp-home-bg{object-fit:cover;object-position:50% 42%;filter:saturate(.7);opacity:.34;width:100%;height:100%;inset:0}.zp-home-emblems{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;display:grid;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.zp-home-emblems img{object-fit:contain;opacity:.8;width:104px;height:104px;position:static}.zp-home-layer--arknights{background:var(--n-100)}.zp-home-halo{background:linear-gradient(90deg, var(--n-080) 0%, var(--n-130) 60%, var(--n-090) 100%);position:absolute;inset:0}.zp-home-layer--arknights img.zp-home-bg{object-fit:cover;object-position:50% 32%;filter:saturate(.85);opacity:.85;width:100%;height:100%;inset:0}.zp-home-layer--arknights img.zp-home-fig{height:168%;top:-30%;right:-3%}.zp-home-layer--endfield img.zp-home-bg{object-fit:cover;object-position:50% 45%;width:100%;height:100%;inset:0}.zp-home-scrim{z-index:1;pointer-events:none;background:linear-gradient(180deg, var(--n-060-a78) 0%, var(--n-060-a50) 16%, var(--n-060-a0) 34%), linear-gradient(90deg, var(--n-060-a86) 0%, var(--n-060-a55) 34%, var(--n-060-a0) 62%), linear-gradient(0deg, var(--g-00) 0%, var(--n-065-a0) 34%);position:absolute;inset:0}.zp-home-ui{z-index:2;grid-template-rows:auto 1fr auto;padding-top:36px;display:grid;position:absolute;inset:0}.zp-home-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px 48px;display:flex}.zp-home-continue{width:min(460px,100%);color:inherit;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 18px;padding:6px 0;text-decoration:none;display:grid}.zp-home-continue .z-label{grid-row:span 2;align-self:start;padding-top:3px}.zp-home-continue b{font:500 16px/1.3 var(--font-ui);color:var(--g-7);overflow-wrap:anywhere}.zp-home-continue:hover b,.zp-home-continue:focus-visible b{text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:4px}.zp-home-ask{border-bottom:1px solid var(--n-500-a60);width:min(440px,100%);transition:border-color var(--t-state) var(--ease-std);align-items:center;margin-left:auto;display:flex}.zp-home-ask:focus-within{border-color:var(--brand)}.zp-home-ask label{flex:none;margin-right:14px}.zp-home-ask input{min-width:0;min-height:48px;font:400 16px/1.3 var(--font-ui);color:var(--g-7);background:0 0;border:0;outline:0;flex:1}.zp-home-ask input::placeholder{color:var(--g-5)}.zp-home-ask button{color:var(--g-6);cursor:pointer;width:44px;height:44px;transition:color var(--t-fast) var(--ease-std);background:0 0;border:0;place-items:center;display:grid}.zp-home-ask button:hover,.zp-home-ask button:focus-visible{color:var(--brand)}.zp-home-titles{height:.84em;font-size:min(208px, calc((min(100cqw, 1440px) - 2 * var(--z-gutter)) / 8.1));margin:0 0 0 -.05em;position:relative}.zp-home-titles .z-crop{font-size:1em;line-height:.84;position:absolute;bottom:0;left:0}.zp-home-titles .z-crop>span{opacity:0;transition:transform .7s var(--ease-out), opacity .42s var(--ease-std);transform:translateY(.14em)}[data-branch=lore] .zp-home-titles [data-t=lore]>span,[data-branch=arknights] .zp-home-titles [data-t=arknights]>span,[data-branch=endfield] .zp-home-titles [data-t=endfield]>span{opacity:1;transition-delay:.12s;transform:translateY(0)}.zp-home-railbox{background:var(--g-00)}.zp-home-rail{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:36px;display:grid}.zp-home-branch{border-top:1px solid var(--n-220);align-content:start;display:grid;position:relative}.zp-home-branch[data-b=lore]{--dot:var(--accent-lore)}.zp-home-branch[data-b=arknights]{--dot:var(--accent-arknights)}.zp-home-branch[data-b=endfield]{--dot:var(--accent-endfield)}.zp-home-branch:before{content:"";background:var(--dot);transform-origin:0;height:2px;transition:transform var(--t-page) var(--ease-out);position:absolute;top:-1px;left:0;right:28px;transform:scaleX(0)}.zp-home-branch:hover:before,.zp-home-branch:focus-within:before,.zp-home-branch.is-on:before{transform:scaleX(1)}.zp-home-pick{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;align-content:start;gap:10px;padding:22px 28px 12px 0;display:grid}.zp-home-pick:focus-visible{outline-offset:6px}.zp-home-pick .z-label{align-items:center;gap:10px;display:flex}.zp-home-pick .z-label i{background:var(--dot);width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.zp-home-name{font:700 26px/1 var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:var(--g-6);transition:color var(--t-state) var(--ease-std);font-stretch:125%}.zp-home-branch.is-on .zp-home-name,.zp-home-branch:hover .zp-home-name{color:var(--g-7)}.zp-home-desc{font:400 15px/1.55 var(--font-ui);color:var(--g-5);max-width:36ch}.zp-home-open{min-height:44px;font:600 12px/1 var(--font-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--g-6);transition:color var(--t-fast) var(--ease-std);justify-self:start;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.zp-home-open:hover,.zp-home-open:focus-visible,.zp-home-branch.is-on .zp-home-open{color:var(--g-7)}.zp-home-recent{background:0 0;padding-block:40px 72px}.zp-home-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.zp-home-list a{border-bottom:1px solid var(--g-3);color:var(--g-6);transition:color var(--t-fast) var(--ease-std), border-color var(--t-state) var(--ease-std);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;text-decoration:none;display:grid}.zp-home-list a:hover,.zp-home-list a:focus-visible{color:var(--g-7);border-color:var(--brand)}.zp-home-thumb{background:var(--g-2);border-radius:2px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.zp-home-thumb img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;display:block}.zp-home-thumb--glyph{color:var(--g-6)}.zp-home-thumb--glyph .z-icon{width:24px;height:24px}.zp-home-meta{gap:6px;min-width:0;display:grid}.zp-home-meta b{font:600 17px/1.2 var(--font-ui);color:var(--g-7);overflow-wrap:anywhere}@container frame (max-width:1100px){.zp-home-list{grid-template-columns:minmax(0,1fr)}}@container frame (max-width:760px){.zp-home-stage{height:clamp(500px, calc(var(--z-vh) - 56px - 64px - 130px), 640px)}.zp-home-ui{padding-top:20px}.zp-home-ask{width:100%}.zp-home-titles{font-size:calc((100cqw - 2 * var(--z-gutter)) / 3.6)}.zp-home-titles [data-t=lore]{font-size:1em}.zp-home-titles [data-t=arknights]{font-size:calc((100cqw - 2 * var(--z-gutter)) / 7.9)}.zp-home-titles [data-t=endfield]{font-size:calc((100cqw - 2 * var(--z-gutter)) / 7.1)}.zp-home-layer--arknights img.zp-home-fig{height:150%;top:-20%;right:-60%}.zp-home-emblems{opacity:.6;gap:16px;right:-8%}.zp-home-emblems img{width:72px;height:72px}.zp-home-scrim{background:linear-gradient(180deg, var(--n-060-a82) 0%, var(--n-060-a72) 26%, var(--n-060-a30) 44%, var(--n-060-a30) 58%, var(--g-00) 100%)}.zp-home-rail{grid-template-columns:minmax(0,1fr);padding-bottom:12px}.zp-home-pick{gap:6px;padding:16px 0 6px}.zp-home-branch{grid-template-columns:minmax(0,1fr) auto;align-items:end}.zp-home-branch:before{right:0}.zp-home-name{font-size:22px}.zp-home-desc{font-size:14px}.zp-home-open{padding-bottom:6px}.zp-home-recent{padding-block:28px 40px}}@media (prefers-reduced-motion:reduce){.zp-home-layer{transition-duration:.2s;transition-timing-function:linear}.zp-home-titles .z-crop>span{opacity:0;transition:opacity .2s linear;transform:none!important}[data-branch=lore] .zp-home-titles [data-t=lore]>span,[data-branch=arknights] .zp-home-titles [data-t=arknights]>span,[data-branch=endfield] .zp-home-titles [data-t=endfield]>span{opacity:1}}