/* 手机首页固定使用角色收藏卡。 */
#home-view .section-title { top: 112px; }
#home-view .home-selector-hint { top: 118px; }
#home-view .main-card { top: 146px; left: 24px; height: 312px; --card-depth: 10px; animation: home-game-float 6s ease-in-out infinite alternate; }
#home-view .main-card-front, #home-view .main-card-back-image { height: 312px; border: 0; border-radius: 22px; overflow: visible; background: transparent; filter: drop-shadow(-5px 13px 13px #070c2899); }
#home-view .main-card-3d { height: 312px; }
#home-view .main-card-edge { display: block; background: linear-gradient(90deg,#152944,#a5c7eb,#e1f1ff,#405b82,#10213d); box-shadow: inset 0 0 0 1px #a4c5ff77; }
.home-game-surface { position: relative; width: 100%; height: 100%; transform: rotate(-2deg); isolation: isolate; }
.home-game-metal-frame { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; object-fit: fill; pointer-events: none; }
.home-game-surface::after { content: ""; position: absolute; z-index: 6; top: 12px; left: 14px; width: 186px; height: 284px; border-radius: 21px; pointer-events: none; background: linear-gradient(115deg,transparent 30%,#e3f0ff18 44%,transparent 52%); background-size: 300% 100%; animation: home-card-sheen 9s ease-in-out infinite; }
.home-game-overline { position: absolute; z-index: 3; top: 37px; left: 37px; right: 32px; text-align: center; color: #99afd1; font-size: 8px; letter-spacing: .25em; }
.home-game-large-icon { position: absolute; z-index: 3; top: 67px; left: 31px; width: 154px; height: 144px; display: grid; place-items: center; mix-blend-mode: screen; }
.real-game-logo { display: block; position: relative; width: 144px; height: 144px; overflow: hidden; mix-blend-mode: screen; }
.real-game-logo img { position: absolute; width: 216px; height: 288px; max-width: none; left: -40px; top: -38px; filter: contrast(1.6) brightness(1.06); }
.real-game-logo[data-logo="king"] img { filter: grayscale(1) contrast(1.5) brightness(1.1); }
.real-game-logo[data-logo="delta"] img { left: -42px; top: -48px; }
.real-game-logo[data-logo="peace"] { height: 94px; }
.real-game-logo[data-logo="peace"] img { left: -41px; top: -83px; filter: grayscale(1) contrast(1.5) brightness(1.1); }
.real-game-logo[data-logo="wanxiangqi"] img { top: -47px; filter: grayscale(1) contrast(1.5) brightness(1.1); }
.real-game-logo[data-logo="valorant"] img { left: -40px; top: -46px; }
.real-game-logo[data-logo="steam"] { width: 119px; height: 126px; }
.real-game-logo[data-logo="steam"] img { left: -58px; top: -57px; }
.real-game-logo[data-logo="voice"] { height: 119px; }
.real-game-logo[data-logo="voice"] img { left: -43px; top: -52px; filter: grayscale(1) contrast(1.5) brightness(1.1); }
.home-game-title { position: absolute; z-index: 5; top: 222px; left: 23px; right: 18px; color: #f0f6ff; text-align: center; font-size: 21px; font-weight: 650; letter-spacing: .06em; line-height: 1.35; white-space: nowrap; text-shadow: 0 2px 8px #091129; }
.home-game-subtitle { position: absolute; z-index: 5; top: 253px; left: 23px; right: 18px; color: #9fb4d5; text-align: center; font-size: 8px; letter-spacing: .06em; white-space: nowrap; }
.home-game-entry { position: absolute; z-index: 5; top: 266px; left: 57px; right: 51px; display: flex; align-items: center; justify-content: center; gap: 10px; height: 14px; color: #d7e8ff; font-size: 8px; letter-spacing: .05em; border: 0; border-radius: 20px; background: transparent; }
.home-game-entry > span { font-size: 16px; line-height: 1; }
.home-game-character { display: none; position: absolute; z-index: 4; top: 30px; left: 28px; width: 169px; height: 241px; border-radius: 25px 25px 19px 19px; overflow: hidden; background: #152442 url('home-assets/moonlit-anime-garden-20261012.png') 50% 38%/cover; -webkit-mask-image: linear-gradient(#000 70%,transparent); mask-image: linear-gradient(#000 70%,transparent); }
.home-game-character img { width: 100%; height: 100%; object-fit: cover; object-position: 53% 43%; animation: home-portrait-drift 12s ease-in-out infinite alternate; }
#home-view[data-home-style="character"] .home-game-character { display: block; }
#home-view[data-home-style="character"] .home-game-large-icon { display: none; }
#home-view[data-home-style="character"] .home-game-overline { z-index: 5; top: 38px; color: #fff; text-shadow: 0 1px 4px #17243b; }
#home-view[data-home-style="character"] .home-game-title { top: 219px; }
#home-view[data-home-style="character"] .home-game-subtitle { top: 251px; }
#home-view[data-home-style="character"] [data-game-id="valorant"] .home-game-character img { object-position: 60% center; }
#home-view[data-home-style="character"] [data-game-id="peace"] .home-game-character img { position: absolute; top: 0; left: -126px; width: 520px; height: auto; max-width: none; object-fit: initial; }
#home-view[data-home-style="character"] [data-game-id="wanxiangqi"] .home-game-character img { position: absolute; left: 0; top: -2px; width: 288px; height: 298px; max-width: none; object-fit: fill; }
#home-view[data-home-style="character"] [data-game-id="delta"] .home-game-character img { object-fit: cover; object-position: center 39%; }
#home-view[data-home-style="character"] [data-game-id="voice"] .home-game-character img { object-position: center 28%; }
#home-view[data-home-style="character"] [data-game-id="steam"] .home-game-character { filter: brightness(.5); }
#home-view[data-home-style="character"] [data-game-id="steam"] .home-game-large-icon { display: grid; z-index: 5; }
#home-view .shared-base { top: 458px; left: 9px; width: 246px; height: 52px; overflow: visible; opacity: 1; border: none; border-radius: 50%; background: radial-gradient(ellipse at center,#c6e7ff2b,transparent 63%); }
#home-view .shared-base::before { content: ""; position: absolute; inset: 19px 0 0; border-radius: 50%; background: linear-gradient(#284161,#10223f 58%,#35547b); border: 1px solid #739ac570; box-shadow: 0 8px 16px #080e2866; }
#home-view .shared-base::after { content: ""; position: absolute; inset: 7px 10px 11px; border-radius: 50%; background: radial-gradient(ellipse at center,#92b6e766,#193354 62%,#779dcc 65%,#172a4b 68%,#8bb7dfb3 71%,#132b4a 73%); box-shadow: 0 -1px 2px #e4f4ff66,0 0 18px #9abaff22; border: 1px solid #bddaff66; }
.shared-base span { position: absolute; z-index: 3; inset: 4px 0 10px; border: 1px solid #adcfff70; border-radius: 50%; }
.shared-base span:nth-child(2) { inset: 0 -12px 4px; opacity: .4; }
.shared-base span:nth-child(3) { inset: -6px -21px 0; opacity: .13; }
.home-game-orbit { position: absolute; z-index: 1; top: 156px; left: 57px; width: 286px; height: 346px; border: 1px solid #a4c5ff54; border-radius: 50%; transform: rotate(-16deg); box-shadow: 2px 0 8px #bfd5ff17,inset -1px 0 3px #cfeaff1f; pointer-events: none; }
.home-game-orbit::before { content: ""; position: absolute; inset: 9px; border: 1px dashed #c5d4ff25; border-radius: 50%; }
.home-game-orbit::after { content: ""; position: absolute; inset: -13px; border: 1px solid #cbdcff13; border-radius: 50%; }
.home-game-orbit span { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #d5edff; box-shadow: 0 0 9px #c7e8ff,0 0 22px #9cbaffaa; animation: home-orbit-pulse 3s ease-in-out infinite alternate; }
.home-game-orbit span:nth-child(1) { top: 2px; left: 100px; }
.home-game-orbit span:nth-child(2) { right: -2px; top: 195px; animation-delay: -1s; }
.home-game-orbit span:nth-child(3) { left: 74px; bottom: 12px; animation-delay: -2s; }
#home-view .arc-carousel { top: 68px; overflow: clip; }
#home-view .arc-card { width: 76px; height: 96px; display: block; border: none; padding: 0; border-radius: 13px; overflow: visible; background: url('home-assets/moonlight-silver-card-frame-20261012.png') center/100% 100% no-repeat; box-shadow: none; }
#home-view .arc-card::before { content: ""; position: absolute; inset: 5px 6px; border-radius: 9px; background: radial-gradient(ellipse at 50% 28%,rgba(var(--game-rgb),.15),transparent 68%); }
#home-view .arc-card[aria-current="true"] { background-image: url('home-assets/moonlight-silver-card-frame-20261012.png'); filter: drop-shadow(0 0 9px #b1d4ff44); }
.arc-icon-frame { position: absolute; left: 11px; right: 8px; top: 16px; height: 53px; overflow: visible; display: grid; place-items: center; }
.arc-icon-frame .real-game-logo { transform: scale(.33); transform-origin: center center; flex-shrink: 0; position: absolute; left: 50%; top: 50%; margin-left: -72px; margin-top: -72px; }
.arc-icon-frame .real-game-logo[data-logo="peace"] { margin-top: -47px; }
.arc-icon-frame .real-game-logo[data-logo="steam"] { margin-left: -59.5px; margin-top: -63px; }
.arc-icon-frame .real-game-logo[data-logo="voice"] { margin-top: -59.5px; }
.arc-game-name { position: absolute; bottom: 16px; left: 6px; right: 3px; color: #d6e8ff; text-align: center; font-size: 8px; font-weight: 600; letter-spacing: .025em; white-space: nowrap; }
.arc-card-art { display: none; position: absolute; inset: 10px 9px 21px 11px; overflow: hidden; border-radius: 7px; -webkit-mask-image: linear-gradient(#000 70%,transparent); mask-image: linear-gradient(#000 70%,transparent); background: #314367; }
.arc-card-art img { width: 100%; height: 100%; object-fit: cover; object-position: 53% 40%; }
#home-view[data-home-style="character"] .arc-card-art { display: none; }
#home-view[data-home-style="character"] .arc-icon-frame { display: grid; mix-blend-mode: screen; }
#home-view[data-home-style="character"] [data-game-id="valorant"] .arc-card-art img { object-position: 59% center; }
#home-view[data-home-style="character"] [data-game-id="delta"] .arc-card-art img { object-fit: cover; object-position: center 37%; }
#home-view[data-home-style="character"] [data-game-id="peace"] .arc-card-art img { position: absolute; top: 0; left: -43px; width: 174px; height: auto; max-width: none; object-fit: initial; }
#home-view[data-home-style="character"] [data-game-id="voice"] .arc-card-art img { object-position: center 28%; }
#home-view[data-home-style="character"] [data-game-id="steam"] .arc-card-art { filter: brightness(.45); }
#home-view[data-home-style="character"] [data-game-id="steam"] .arc-icon-frame { display: grid; z-index: 3; mix-blend-mode: screen; }
#home-view[data-home-style="character"] [data-game-id="wanxiangqi"] .arc-card-art img { position: absolute; left: 0; top: -1px; width: 94px; height: 98px; max-width: none; object-fit: fill; }
#home-view .arc-card:focus-visible, #home-view .main-card:focus-visible { outline: 2px solid #c6d9ff; outline-offset: 3px; }
.home-review-heading { top: 535px; }
#home-view .home-review-count { top: 538px; }
#home-view .home-review-preview { top: 583px; }
@keyframes home-game-float { from { translate: 0 0; } to { translate: 0 -5px; } }
@keyframes home-card-sheen { 0%,30% { background-position: 100% 0; } 65%,100% { background-position: 0 0; } }
@keyframes home-portrait-drift { from { transform: scale(1); } to { transform: scale(1.035) translateY(-2px); } }
@keyframes home-orbit-pulse { from { opacity: .55; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #home-view .main-card,.home-game-surface::after,.home-game-character img,.home-game-orbit span { animation: none; } }