:root{--ink:#16181d;--muted:#6c7280;--line:#dce1e8;--panel:#ffffff;--soft:#f5f7fb;--brand:#0f7b8f;--brand-dark:#075665;--accent:#d24545;--gold:#b98518;--green:#1b8a59;--shadow:0 18px 50px rgba(25,34,48,0.12)}*{box-sizing:border-box}html{background:#fff;color:var(--ink);font-family:Georgia,Times New Roman,serif}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.homeShell{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:26px 0 38px;color:#172033;font-family:Arial,Helvetica,sans-serif}.homeNav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #e6e9ef}.brandMark{display:inline-grid;gap:2px;color:#172033;text-decoration:none}.brandMark span{color:#d7a928;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brandMark strong{font-size:22px;line-height:1}.gameSearchBar{width:min(420px,100%);min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #dfe4ec;border-radius:999px;background:#f6f8fb;color:#5e6878}.gameSearchBar input{width:100%;min-width:0;border:0;background:transparent;color:#172033;outline:none;font-size:15px}.gameSearchBar input::placeholder{color:#8b94a4}.homeLanguageSelect{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #dfe4ec;border-radius:999px;background:#fff;color:#5e6878;font-size:13px;font-weight:800}.homeLanguageSelect select{border:0;background:transparent;color:#172033;outline:none;font-weight:800}.homeHero{display:grid;place-items:center;padding:44px 0 58px}.bannerStage{width:min(795px,100%);height:clamp(260px,38vw,410px);position:relative;overflow:hidden;border-radius:24px;box-shadow:0 20px 54px rgba(32,36,48,.17)}.featureBanner{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;opacity:0;animation:homeBannerCycle 15s infinite}.featureBanner:nth-child(2){animation-delay:5s}.featureBanner:nth-child(3){animation-delay:10s}.featureBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(108deg,rgba(35,23,25,.86),rgba(83,46,38,.78) 43%,rgba(255,255,255,.08) 44%),radial-gradient(circle at 77% 48%,rgba(255,255,255,.55),transparent 34%)}.featureBanner:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#655af5,#35c3d0,#f2b84b);transform-origin:left;animation:bannerProgress 5s linear infinite}.bannerPyro{background:#7d382b}.bannerDendro{background:#284c3d}.bannerCryo{background:#344d72}.bannerCopy{position:relative;z-index:1;display:grid;grid-gap:14px;gap:14px;padding:42px;color:#fff}.bannerCopy p{margin:0;color:#f3d476;font-size:18px;font-weight:800;text-align:left}.bannerCopy h1{margin:0;color:#fff;font-size:clamp(26px,4vw,46px);line-height:1.04;letter-spacing:0;text-align:left}.bannerCopy strong{max-width:310px;color:rgba(255,255,255,.86);font-size:15px;line-height:1.45}.elementRow{display:flex;gap:10px}.elementRow span{width:18px;height:18px;border:2px solid rgba(255,255,255,.46);transform:rotate(45deg)}.featureBanner img{position:relative;z-index:1;width:min(360px,88%);justify-self:center;align-self:end;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}.bannerIndex{position:absolute;right:20px;bottom:18px;z-index:2;color:rgba(255,255,255,.76);font-size:13px;font-weight:800}.heroControls{display:inline-flex;align-items:center;gap:13px;min-height:56px;margin-top:-14px;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:0 10px 26px rgba(34,38,48,.16);color:#1c2636;font-size:14px;font-weight:800;z-index:2}.heroControls button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:999px;background:#e8ebf0;color:#627083}.heroControls .pauseControl{background:#665ef0;color:#fff}.gameSection{padding:0 0 52px}.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.homeEyebrow{margin:0 0 8px;color:#665ef0;font-size:12px;font-weight:900;letter-spacing:.14em;text-align:left;text-transform:uppercase}.sectionTitle h2{position:relative;margin:0;color:#10223d;font-size:34px;line-height:1.1;letter-spacing:0}.sectionTitle h2:after{content:"";position:absolute;left:0;bottom:-14px;width:74px;height:4px;border-radius:999px;background:#665ef0}.smallAction{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #dfe4ec;border-radius:8px;color:#245d6b;background:#fff;text-decoration:none;font-weight:800}.gameGrid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));grid-gap:22px;gap:22px}.gameTile{display:grid;justify-items:center;align-content:start;grid-gap:10px;gap:10px;min-width:0;color:#121b2d;text-align:center;text-decoration:none;transition:opacity .16s ease,transform .16s ease}.gameTileLoading{opacity:.64;transform:translateY(2px)}.gameTile strong{min-height:40px;display:flex;align-items:flex-start;justify-content:center;color:#121b2d;font-size:15px;line-height:1.18}.gameTile span{min-height:24px;padding:4px 9px;border-radius:999px;background:#eef8f5;color:#16725a;font-size:12px;font-weight:900}.gameTileDisabled{opacity:.72}.gameTileDisabled span{background:#f0f1f4;color:#6c7280}.gameIcon{width:128px;height:128px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:#f0f4f8;box-shadow:0 12px 28px rgba(28,35,52,.11)}.gameIcon:before{content:"";position:absolute;inset:0}.gameIcon img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.gameEndfield img{object-fit:contain;padding:12px;background:#101723}.gameGenshin:before{background:linear-gradient(135deg,#d7ef6d,#5ac6c0 55%,#315d8a)}.gameWuwa:before{background:linear-gradient(135deg,#111827,#4b6f91 55%,#dee4eb)}.gameZzz:before{background:linear-gradient(135deg,#f2911b,#1f2937)}.gameHsr:before{background:linear-gradient(135deg,#f7b3c8,#6e63c7 56%,#222a44)}.gameEndfield:before{background:linear-gradient(135deg,#d8dde3,#b9c56c 50%,#334b3c)}.gameNte:before{background:linear-gradient(135deg,#242938,#66c8d0 55%,#f3f7fb)}.homeFooter{min-height:64px;display:flex;align-items:center;justify-content:flex-start;gap:18px;border-top:1px solid #e6e9ef;color:#727986;font-size:13px}.homeFooter a{display:inline-flex;align-items:center;gap:7px;color:#245d6b;text-decoration:none;font-weight:800}.gameEmptyState{min-height:120px;display:grid;place-items:center;border:1px dashed #d9dee8;border-radius:12px;background:#fbfcfe;color:#6c7280;font-weight:800}.wutheringPanel{padding-top:44px}.wutheringCharacterImage,.wutheringWeaponImage{background:transparent;color:#1d2636}.wutheringCharacterImage>span,.wutheringWeaponImage>span{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:26px;font-weight:900;letter-spacing:.02em}.wutheringWeaponImage>span{background:linear-gradient(135deg,#262231,#6a5b8f 55%,#d9d1ef);font-size:22px}.wutheringCharacterImage>img,.wutheringWeaponImage>img{width:100%;height:100%;display:block;object-fit:contain}.catalogLoadingOverlay,.routeLoading{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#10223d}.hsrCatalogShell{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:26px 0 56px;color:#172033;font-family:Arial,Helvetica,sans-serif}.hsrCatalogNav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e6e9ef}.hsrBackLink{display:inline-flex;align-items:center;gap:7px;color:#536077;text-decoration:none;font-size:14px;font-weight:800}.hsrCatalogHero{min-height:280px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:34px 0 24px;padding:38px clamp(28px,6vw,72px);overflow:hidden;border-radius:24px;background:radial-gradient(circle at 76% 38%,rgba(137,219,255,.42),transparent 27%),linear-gradient(120deg,#121529,#28345c 57%,#8b69a9);color:#fff;box-shadow:0 20px 54px rgba(32,36,48,.17)}.hsrCatalogHero p{margin-bottom:12px;color:#9fe8ff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hsrCatalogHero h1{margin-bottom:14px;font-size:clamp(34px,5vw,62px);line-height:.95}.hsrCatalogHero span{color:#e5e9f6;font-size:16px;font-weight:700}.hsrCatalogHero img{width:min(310px,38%);max-height:215px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.3))}.zzzCatalogHero{background:radial-gradient(circle at 76% 38%,rgba(255,219,79,.4),transparent 28%),linear-gradient(120deg,#111111,#292929 58%,#d98b16)}.zzzCatalogHero p{color:#ffdc4f}.zzzCatalogHero img{border-radius:8px}.zzzReferenceShell{min-height:100vh;padding:0 clamp(18px,9vw,176px) 56px;background:#fff;color:#050505;font-family:Georgia,Times New Roman,serif}.zzzReferencePanel{width:100%;min-height:100vh;padding:12px clamp(24px,8vw,148px) 44px;border:1px solid #d7deea;border-top:0}.zzzFilterColumns{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));grid-gap:clamp(32px,6vw,92px);gap:clamp(32px,6vw,92px)}.zzzFilterColumn{display:grid;grid-template-rows:repeat(5,42px);grid-gap:11px;gap:11px}.zzzFilterColumn>label{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;font-size:16px}.zzzFilterColumn>label>span:first-child{text-align:right;line-height:1.08}.zzzFilterColumn input:not([type=checkbox]),.zzzFilterColumn select{width:100%;height:33px;padding:0 13px;border:1px solid #d7deea;border-radius:8px;outline:none;background:#fff;color:#31394a;font:15px Georgia,Times New Roman,serif}.zzzFilterColumn input::placeholder{color:#b9c2d4}.zzzDoubleSelect,.zzzRangeLabel>div{display:flex;align-items:center;gap:9px}.zzzDoubleSelect select,.zzzRangeLabel input{min-width:0}.zzzRangeLabel i{font-style:normal}.zzzFilterColumn .zzzCheckLabel{grid-template-columns:15px 1fr;gap:11px;padding-left:0}.zzzCheckLabel input{width:14px;height:14px;margin:0}.zzzFilterColumn .zzzCheckLabel span{color:#075ff2;text-align:left;white-space:nowrap}.zzzFilterColumn .zzzSearchLabel{grid-template-columns:18px 1fr;gap:7px;height:33px;padding:0 10px;border:1px solid #d7deea;border-radius:8px}.zzzSearchLabel input:not([type=checkbox]){height:30px;padding:0;border:0}.zzzClearButton{width:calc(100% - 146px);height:33px;display:flex;align-items:center;justify-content:center;gap:5px;margin-left:146px;border:1px solid #d7deea;border-radius:8px;background:#fff;color:#075ff2;font:15px Georgia,Times New Roman,serif;cursor:pointer}.zzzReferenceTabs{display:flex;gap:31px;margin-top:24px;border-bottom:1px solid #d7deea}.zzzReferenceTabs button{position:relative;padding:0 0 12px;border:0;background:none;color:#050505;font:15px Georgia,Times New Roman,serif;white-space:nowrap;cursor:pointer}.zzzReferenceTabs button.active{color:#075ff2}.zzzReferenceTabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#075ff2}.zzzAgentGrid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));grid-column-gap:clamp(24px,4vw,70px);column-gap:clamp(24px,4vw,70px);grid-row-gap:27px;row-gap:27px;padding:26px 12px 0}.zzzAgentGrid button{min-width:0;display:grid;justify-items:center;padding:0;border:0;background:none;color:#000;font:inherit;cursor:pointer}.zzzAgentGrid button>span{width:106px;height:106px;display:grid;place-items:center;overflow:hidden;border:2px solid transparent;border-radius:8px;background:linear-gradient(145deg,#f4f5f7,#dfe3e8)}.zzzAgentGrid button.selected>span{border-color:#075ff2}.zzzAgentGrid img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.zzzPortraitFallback{color:#606773;font:800 26px Arial,Helvetica,sans-serif}.zzzAgentGrid strong{margin-top:3px;font-size:16px;font-weight:400;text-align:center}.zzzEngineGrid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));grid-gap:24px 32px;gap:24px 32px;padding:30px 12px 0}.zzzEngineGrid button{min-height:112px;display:grid;place-items:center;grid-gap:6px;gap:6px;padding:12px;border:1px solid #d7deea;border-radius:8px;background:#fff;font:inherit}.zzzEngineGrid .zzzEngineImage{width:74px;height:74px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#f3f4f7,#dfe3ea)}.zzzEngineImage img{width:100%;height:100%;object-fit:contain}.zzzEngineFallback{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#161616;color:#ffdd35;font:900 22px Arial,Helvetica,sans-serif}.zzzEngineGrid button strong{font-weight:400;text-align:center}.zzzSearchEmpty{min-height:280px;display:grid;align-content:center;justify-items:center;grid-gap:10px;gap:10px;color:#6d7480}.zzzReferencePanel .zzzFilterColumns{align-items:start}.zzzReferencePanel .zzzFilterColumn{display:grid;grid-gap:18px;gap:18px}.zzzReferencePanel .zzzFilterColumn>label{grid-template-columns:150px minmax(0,1fr);min-height:36px;font-size:17px}.zzzReferencePanel .zzzFilterColumn input:not([type=checkbox]),.zzzReferencePanel .zzzFilterColumn select{min-height:36px;height:auto;font-size:17px}.zzzReferencePanel .zzzClearButton{width:100%;margin-left:0}.zzzReferencePanel .zzzAgentGrid,.zzzReferencePanel .zzzEngineGrid{grid-template-columns:repeat(7,minmax(110px,1fr));column-gap:54px;row-gap:30px;padding:28px 0 0}.zzzReferencePanel .marketCharacterImage,.zzzReferencePanel .zzzAgentGrid button>span,.zzzReferencePanel .zzzEngineGrid .zzzEngineImage{width:116px;height:116px;border-radius:0}.zzzReferencePanel .zzzAgentGrid button>span{border:0;background:transparent}.zzzReferencePanel .zzzAgentGrid button.selected>span{outline:2px solid #1677ff;outline-offset:2px}.zzzReferencePanel .zzzEngineGrid button{min-height:132px;padding:0;border:0;background:transparent}.zzzReferencePanel .zzzEngineGrid .zzzEngineImage{background:transparent}.zzzReferencePanel .zzzAgentGrid strong,.zzzReferencePanel .zzzEngineGrid button strong{margin-top:3px;font-size:18px;line-height:1.08}.zzzReferencePanel .wutheringAccountList{margin-top:0}@media (max-width:1180px){.zzzReferenceShell{padding-inline:18px}.zzzReferencePanel{padding-inline:28px}.zzzFilterColumns{grid-template-columns:1fr 1fr}.zzzAgentGrid{grid-template-columns:repeat(5,minmax(90px,1fr))}}@media (max-width:760px){.zzzReferenceShell{padding:0 10px 30px}.zzzReferencePanel{padding:16px 12px 30px}.zzzFilterColumns{grid-template-columns:1fr;gap:11px}.zzzFilterColumn>label{grid-template-columns:116px minmax(0,1fr);gap:10px;font-size:14px}.zzzClearButton{width:calc(100% - 126px);margin-left:126px}.zzzReferenceTabs{gap:23px;overflow-x:auto}.zzzAgentGrid{grid-template-columns:repeat(3,minmax(72px,1fr));gap:22px 10px;padding-inline:0}.zzzAgentGrid button>span{width:88px;height:88px}.zzzAgentGrid strong{font-size:13px}.zzzEngineGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-inline:0}}.hsrCatalogPanel{padding:24px;border:1px solid #e1e5ec;border-radius:16px;background:#fff}.hsrCatalogSearch{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #dfe4ec;border-radius:10px;background:#f6f8fb;color:#697386}.hsrCatalogSearch input{width:100%;border:0;outline:0;background:transparent;color:#172033}.hsrCatalogEmpty{min-height:220px;display:grid;align-content:center;justify-items:center;padding:32px;text-align:center}.hsrCatalogEmpty strong{margin-bottom:8px;font-size:22px}.hsrCatalogEmpty p{margin:0;color:#6c7280}@media (max-width:680px){.hsrCatalogHero{min-height:340px;align-items:flex-start;position:relative}.hsrCatalogHero img{width:200px;position:absolute;right:10px;bottom:16px;opacity:.8}}.hsrReferenceShell{min-height:100vh;padding:12px clamp(18px,8vw,148px) 56px;background:#fff;color:#050505;font-family:Georgia,Times New Roman,serif}.hsrReferencePanel{width:100%}.hsrFilterColumns{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));grid-gap:clamp(32px,7vw,108px);gap:clamp(32px,7vw,108px)}.hsrFilterColumn{display:grid;grid-template-rows:repeat(5,42px);grid-gap:17px;gap:17px}.hsrFilterColumn>label{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;grid-gap:18px;gap:18px;font-size:17px}.hsrFilterColumn>label>span:first-child{text-align:right;line-height:1.08}.hsrFilterColumn input:not([type=checkbox]),.hsrFilterColumn select{width:100%;height:38px;padding:0 15px;border:1px solid #d7deea;border-radius:8px;outline:none;background:#fff;color:#31394a;font:16px Georgia,Times New Roman,serif}.hsrFilterColumn input::placeholder{color:#b9c2d4}.hsrRangeLabel>div{display:flex;align-items:center;gap:10px}.hsrRangeLabel>div input,.hsrRangeLabel>div select{min-width:0}.hsrRangeLabel i{font-style:normal}.hsrFilterColumn .hsrCheckLabel{grid-template-columns:16px 1fr;gap:14px;padding-left:0}.hsrCheckLabel input{width:14px;height:14px;margin:0}.hsrFilterColumn .hsrCheckLabel span{color:#075ff2;text-align:left;white-space:nowrap}.hsrFilterColumn .hsrSearchLabel{grid-template-columns:18px 1fr;gap:7px;height:38px;padding:0 11px;border:1px solid #d7deea;border-radius:8px}.hsrSearchLabel input:not([type=checkbox]){height:34px;padding:0;border:0}.hsrClearButton{width:calc(100% - 163px);height:38px;display:flex;align-items:center;justify-content:center;gap:5px;margin-left:163px;border:1px solid #d7deea;border-radius:8px;background:#fff;color:#075ff2;font:16px Georgia,Times New Roman,serif}.hsrReferenceTabs{display:flex;gap:34px;margin-top:26px;border-bottom:1px solid #d7deea}.hsrReferenceTabs button{position:relative;padding:0 0 12px;border:0;background:none;color:#050505;font:17px Georgia,Times New Roman,serif;white-space:nowrap}.hsrReferenceTabs button.active{color:#075ff2}.hsrReferenceTabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#075ff2}.hsrCharacterGrid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));grid-column-gap:clamp(28px,5vw,82px);column-gap:clamp(28px,5vw,82px);grid-row-gap:30px;row-gap:30px;padding:28px 12px 0}.hsrCharacterGrid button{min-width:0;display:grid;justify-items:center;padding:0;border:0;background:none;color:#000;font:inherit}.hsrCharacterGrid button>span{width:116px;height:116px;overflow:hidden;border:2px solid transparent;border-radius:10px;background:transparent;transition:border-color .16s,transform .16s}.hsrCharacterGrid button:hover>span{transform:translateY(-3px)}.hsrCharacterGrid button.selected>span{border-color:#075ff2}.hsrCharacterGrid img{width:100%;height:100%;object-fit:contain;object-position:center top}.hsrCharacterGrid strong{margin-top:4px;font-size:17px;font-weight:400;text-align:center}.hsrTabEmpty{min-height:360px;display:grid;place-items:center;color:#7a8291}.hsrAccountSection{padding-top:24px}.hsrAccountHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 18px;font-family:Arial,Helvetica,sans-serif}.hsrAccountHeader strong{font-size:20px}.hsrAccountHeader span{color:#6c7280;font-weight:700}.hsrAccountGrid{display:grid;grid-gap:16px;gap:16px}.hsrAccountCard{display:grid;grid-template-columns:132px minmax(0,1fr);grid-gap:18px;gap:18px;padding:16px;border:1px solid #d7deea;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(17,32,55,.08);font-family:Arial,Helvetica,sans-serif}.hsrAccountCard>img,.hsrAccountImageFallback{width:132px;height:132px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,#171a35,#6c71d9)}.hsrAccountImageFallback{display:grid;place-items:center;color:#fff;font-size:30px;font-weight:900}.hsrAccountCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hsrAccountCardTop strong{font-size:21px}.hsrAccountCardTop span{color:#0f7b8f;font-size:18px;font-weight:900;white-space:nowrap}.hsrAccountCard p{margin:8px 0 10px;color:#6c7280;font-weight:700}.hsrAccountMeta,.hsrAccountTags{display:flex;flex-wrap:wrap;gap:8px}.hsrAccountMeta span,.hsrAccountTags span{padding:5px 9px;border-radius:999px;background:#f0f4fa;color:#26364d;font-size:12px;font-weight:800}.hsrAccountTags{margin-top:12px}@media (max-width:1150px){.hsrFilterColumns{grid-template-columns:1fr 1fr}.hsrCharacterGrid{grid-template-columns:repeat(5,minmax(90px,1fr))}}@media (max-width:760px){.hsrReferenceShell{padding:18px}.hsrFilterColumns{grid-template-columns:1fr;gap:17px}.hsrFilterColumn>label{grid-template-columns:120px minmax(0,1fr);gap:12px;font-size:14px}.hsrClearButton{width:calc(100% - 132px);margin-left:132px}.hsrReferenceTabs{gap:24px;overflow-x:auto}.hsrCharacterGrid{grid-template-columns:repeat(3,minmax(72px,1fr));gap:24px 12px;padding-inline:0}.hsrCharacterGrid button>span{width:92px;height:92px}.hsrCharacterGrid strong{font-size:14px}}.catalogLoadingOverlay strong,.routeLoading strong{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border:1px solid #dfe4ec;border-radius:999px;background:#fff;box-shadow:0 12px 28px rgba(28,35,52,.14);font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900}.catalogLoadingOverlay span,.routeLoading strong:before{width:18px;height:18px;border:3px solid #dce1e8;border-top-color:#1677ff;border-radius:999px;animation:loadingSpin .8s linear infinite}.routeLoading strong:before{content:""}.catalogLoadingOverlay span{position:absolute;transform:translateX(-86px)}.wutheringEmptyPanel{min-height:220px;display:grid;place-items:center;border:1px dashed #d9dee8;border-radius:8px;background:#fbfcfe;color:#6c7280;font-weight:800}.wutheringAccountList{display:grid;grid-gap:18px;gap:18px;font-family:Georgia,Times New Roman,serif}.characterPortrait>span:not(.constellationBadge){width:88px;height:88px;display:grid;place-items:center;background:linear-gradient(135deg,#1d2636,#496a84 55%,#d9e5ed);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900}@keyframes homeBannerCycle{0%{opacity:0;transform:translateX(18px)}31%,5%{opacity:1;transform:translateX(0)}36%,to{opacity:0;transform:translateX(-18px)}}@keyframes bannerProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loadingSpin{to{transform:rotate(1turn)}}.adminShell,.catalogShell{width:min(1660px,calc(100% - 88px));margin:0 auto;padding:0 0 56px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:#b8f3ff}h1,h2,h3,p{margin-top:0}.adminLink,.copyButton,.dangerButton,.ghostButton,.iconButton,.primaryButton{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;text-decoration:none;font-weight:700}.adminLink{padding:0 16px;color:#0a3942;background:#fff;white-space:nowrap}.emptyState,.marketPanel,.resultHeader{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:none}.marketPanel{min-height:calc(100vh - 56px);position:relative;padding:14px 10% 70px}.searchField{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.field input,.field select,.field textarea,.filterGrid select,.filterMatrix input,.filterMatrix select,.searchField input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none}.filterMatrix{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));grid-column-gap:48px;column-gap:48px;grid-row-gap:18px;row-gap:18px;align-items:center}.filterMatrix label{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;color:#000;font-size:17px}.filterMatrix label>span{line-height:1.2;text-align:right}.filterMatrix input,.filterMatrix select{min-height:36px;padding:7px 13px;border-color:#d9dee8;color:#4a5565;background:#fff}.filterMatrix input::placeholder{color:#b8becb}.filterServer{grid-column:1;grid-row:1}.filterGender{grid-column:2;grid-row:1}.filterLanguage{grid-column:3;grid-row:1}.filterEventCount{grid-column:1;grid-row:2}.filterEventOnly{grid-column:2;grid-row:2}.filterLevel{grid-column:3;grid-row:2}.filterStandardCount{grid-column:1;grid-row:3}.filterStandardOnly{grid-column:2;grid-row:3}.filterWeaponCount{grid-column:1;grid-row:4}.filterConstellation{grid-column:2;grid-row:4}.filterSearch{grid-column:3;grid-row:4}.checkLine{grid-template-columns:20px minmax(0,1fr)!important;color:#1677ff!important}.checkLine input{width:14px;min-height:14px;padding:0;accent-color:#4096ff}.rangeFields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center}.rangeFields:has(select){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.rangeFields b{font-weight:400}.marketSearch{display:flex!important;grid-template-columns:none!important;min-height:36px;gap:8px!important;padding:0 10px;background:#fff}.marketSearch input{padding:0;border:0}.marketTools{position:absolute;right:-60px;top:450px;display:grid;grid-gap:18px;gap:18px}.adminIconLink,.cartButton{width:56px;height:56px;display:grid;place-items:center;border:0;border-radius:999px;background:#fff;color:#ff3b22;box-shadow:0 4px 16px rgba(0,0,0,.12)}.adminIconLink{width:42px;height:42px;color:#1677ff;text-decoration:none}.resetMarketButton{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9dee8;border-radius:6px;background:#fff;color:#1677ff}.marketTabs{display:flex;gap:34px;margin-top:34px;border-bottom:1px solid #d9dee8}.marketTabs button{border:0;background:transparent;padding:0 0 9px;color:#000;font-family:inherit;font-size:17px}.marketTabs button.active{color:#1677ff;border-bottom:2px solid #1677ff}.marketCharacterGrid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));grid-column-gap:54px;column-gap:54px;grid-row-gap:30px;row-gap:30px;padding-top:28px}.marketCharacter{min-height:132px;display:grid;justify-items:center;align-content:start;grid-gap:3px;gap:3px;border:0;background:transparent;color:#000;font-family:inherit;font-size:18px}.marketAllIcon,.marketCharacter img,.marketCharacterImage{width:116px;height:116px;border-radius:0}.marketCharacterImage{position:relative;display:block}.marketCharacter img{width:100%;height:100%;object-fit:cover}.marketCharacterImage svg{position:absolute;top:5px;right:5px;width:24px;height:24px;padding:4px;border-radius:999px;background:#1677ff;color:#fff}.marketAllIcon{display:grid;place-items:center;border:1px solid #e5e9f0;background:#f4f7fb;color:#1677ff;font-size:26px;font-weight:700}.marketCharacter strong{max-width:150px;color:#000;font-size:18px;font-weight:400;line-height:1.1;overflow-wrap:anywhere}.marketCharacter.active strong{color:#1677ff}.marketCharacter.active .marketAllIcon,.marketCharacter.active .marketCharacterImage{outline:2px solid #1677ff;outline-offset:3px}.easySearchPanel{padding-top:12px}.ssrFilterGrid{display:flex;flex-wrap:wrap;align-items:center}.ssrFilterButton{min-height:36px;min-width:82px;margin:0 -1px -1px 0;padding:0 14px;border:1px solid #d9dee8;background:#fff;color:#4a5565;font-family:inherit}.ssrFilterButton:before{content:"★";margin-right:3px;color:#4a5565}.ssrFilterButton.active{position:relative;z-index:1;border-color:#1677ff;background:#eef6ff;color:#1677ff}.ssrFilterButton.active:before{color:#1677ff}.easyActionRow{display:flex;justify-content:center;gap:12px;margin-top:18px}.easyActionRow .dangerButton,.easyActionRow .primaryButton{width:auto;min-width:94px}.resetEasyButton{background:#7b808a}.searchField input{border:0;background:transparent;min-height:48px}.marketSearch input{min-height:34px}.filterGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-top:14px;align-items:end}.field,.filterGrid label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea,.filterGrid select{min-height:42px;padding:9px 11px;color:var(--ink);font-weight:500}.field textarea{min-height:86px;resize:vertical}.ghostButton{color:var(--brand-dark);background:#e9f7fa;padding:0 14px}.characterStrip{margin-top:18px;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-gap:16px;gap:16px}.characterTile{min-height:126px;border:1px solid transparent;border-radius:8px;background:#fff;color:var(--ink);display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px}.allCharacterIcon,.characterTile img{width:76px;height:76px;object-fit:cover;border-radius:8px;background:var(--soft)}.allCharacterIcon{display:grid;place-items:center;color:var(--brand)}.characterTile.active{border-color:var(--brand);background:#ecfbfd;box-shadow:inset 0 0 0 1px var(--brand)}.characterTile span:last-child{max-width:100%;font-weight:700;font-size:13px;overflow-wrap:anywhere}.resultHeader{margin:18px 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.resultHeader strong{color:var(--ink);font-size:18px}.accountGrid{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px;font-family:Georgia,Times New Roman,serif}.accountCard{min-width:0;overflow:visible;border:1px solid var(--line);border-radius:2px;background:var(--panel);box-shadow:0 2px 14px rgba(20,24,32,.12);padding:18px 12px 22px}.statusAvailable{color:var(--green)}.statusReserved{color:var(--gold)}.statusSold{color:#7b808a}.accountSummaryGrid{display:grid;grid-template-columns:minmax(110px,1fr) minmax(180px,1.35fr) minmax(100px,.7fr) minmax(150px,1fr) minmax(110px,.8fr);grid-gap:18px;gap:18px;align-items:center;color:#1f2937;font-size:18px;line-height:1.25}.accountSummaryGrid strong{font-weight:400}.accountSummaryGridSecondary{margin-top:30px;grid-template-columns:minmax(150px,1fr) minmax(180px,1.1fr) minmax(120px,.75fr) minmax(130px,.85fr)}.inlineActionButton{width:-moz-fit-content;width:fit-content;border:0;background:transparent;color:#1677ff;padding:0;font-size:18px;font-family:inherit}.statusText{font-weight:700}.accountCharacterGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,92px));grid-gap:24px 26px;gap:24px 26px;align-items:start;margin-top:26px}.accountWeaponGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,92px));grid-gap:20px 26px;gap:20px 26px;align-items:start;margin-top:22px;padding-top:16px;border-top:1px solid #edf0f5}.galleryCharacter{display:grid;justify-items:center;grid-gap:0;gap:0;min-width:0;color:#263244;font-size:16px;line-height:1.1;text-align:center}.galleryCharacter img{width:88px;height:88px;object-fit:cover}.characterPortrait{position:relative;display:block;width:88px;height:88px}.constellationBadge{position:absolute;right:0;bottom:0;width:24px;height:20px;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 5px;background:#1677ff;-webkit-clip-path:polygon(32% 0,100% 0,100% 100%,0 100%);clip-path:polygon(32% 0,100% 0,100% 100%,0 100%);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.25)}.galleryCharacter strong{max-width:100%;min-height:18px;font-weight:400;overflow-wrap:anywhere}.galleryCharacter.fiveStar strong{color:#ff6b00}.galleryCharacter.weaponItem img{object-fit:contain;background:transparent}.galleryCharacter.weaponItem strong{color:#536173}.weaponTextChip{align-self:start;padding:5px 8px;border:1px solid #d9e0ea;border-radius:4px;color:#536173;font-size:12px;line-height:1.25}.accountCompactNote,.weaponTextChip{font-family:Arial,Helvetica,sans-serif}.accountCompactNote{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.paginationBar{min-height:54px;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;color:#1f2937;font-size:14px;font-family:Georgia,Times New Roman,serif}.pageJump input,.paginationBar select{min-height:34px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#1f2937}.paginationBar select{min-width:90px;padding:0 10px}.pageArrow,.pageNumber{min-width:32px;height:34px;border:0;background:transparent;color:#111827;font-weight:700}.pageArrow{color:#8fa0b7;font-size:22px}.pageArrow:disabled{cursor:not-allowed;opacity:.35}.pageNumbers{display:flex;align-items:center;gap:7px}.pageNumberGroup{display:inline-flex;align-items:center;gap:7px}.pageNumber.active{color:#1677ff}.pageEllipsis{min-width:22px;text-align:center;font-weight:700}.pageJump{display:inline-flex;align-items:center;gap:8px}.pageJump input{width:48px;padding:0 8px}.copyButton,.primaryButton{width:100%;color:#fff;background:var(--brand);padding:0 16px}.dangerButton{color:#fff;background:var(--accent);padding:0 14px}.emptyState{margin-top:18px;padding:42px 18px;display:grid;justify-items:center;text-align:center;color:var(--muted)}.emptyState h2{margin:12px 0 6px;color:var(--ink)}.adminHeader{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.adminHeader h1{margin:0;font-size:34px}.adminPanel,.loginPanel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.loginPanel{width:min(460px,100%);margin:12vh auto 0;padding:26px}.loginPanel h1{margin-bottom:8px}.helpText,.loginPanel p{color:var(--muted);line-height:1.45}.adminLayout{display:grid;grid-template-columns:300px 1fr;grid-gap:18px;gap:18px}.adminPanel{padding:18px}.adminList{display:grid;grid-gap:10px;gap:10px}.listButton{width:100%;min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;text-align:left}.listButton.active{border-color:var(--brand);background:#ecfbfd}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.fieldFull{grid-column:1/-1}.checkboxGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:10px;gap:10px}.weaponCheckboxGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.checkField{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px}.characterConsField{flex-direction:column;align-items:stretch;justify-content:center;min-height:74px}.characterConsField.active{border-color:#11849a;background:#eefbfe}.characterCheckLabel{min-width:0;display:flex;align-items:center;gap:8px;width:100%}.characterCheckLabel span{min-width:0;line-height:1.2;overflow-wrap:normal;word-break:normal}.characterConsControl{display:grid;grid-template-columns:28px 34px 28px;align-items:center;grid-gap:4px;gap:4px;align-self:flex-end}.characterConsControl button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#0a3942;cursor:pointer}.characterConsControl button:disabled{opacity:.38;cursor:not-allowed}.characterConsControl strong{text-align:center;font-size:13px;color:#0a3942}.buttonRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.buttonRow .dangerButton,.buttonRow .ghostButton,.buttonRow .primaryButton{width:auto}.adminGameTabs{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f7fbfd}.adminGameTabs .ghostButton,.adminGameTabs .primaryButton{width:auto;min-width:116px}.adminSubTabs{margin-top:10px;margin-bottom:0}.gameSetupPanel{margin-top:16px}.gameSetupGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.gameSetupCard{min-height:92px;display:grid;align-content:center;grid-gap:8px;gap:8px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.gameSetupCard strong{color:#10223d}.gameSetupCard span{width:-moz-fit-content;width:fit-content;padding:4px 9px;border-radius:999px;background:#e8f8fb;color:#0f7b8f;font-size:12px;font-weight:900}.gameSetupNote{margin-top:16px;padding:12px 14px;border:1px dashed #c8d4e2;border-radius:10px;color:var(--muted);line-height:1.45}.honkaiAdminCharacterColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.honkaiAdminCharacterList{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.honkaiAdminCharacterList h3{margin:0 0 12px}.honkaiAdminCharacterList>div{display:flex;flex-wrap:wrap;gap:8px}.honkaiAdminCharacterList span{padding:6px 9px;border:1px solid #d8e3ee;border-radius:999px;background:#fff;color:#26364d;font-size:13px;font-weight:800}.imagePreviewRow{display:flex;gap:10px;flex-wrap:wrap}.imagePreview{width:86px;height:86px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.notice{padding:10px 12px;border-radius:8px;background:#fff7df;color:#74510f;font-weight:700}.importHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.importHeader h2{margin-bottom:8px}.importHeader .primaryButton{width:auto;flex:0 0 auto}.importTextarea{min-height:280px!important;font-family:Consolas,Courier New,monospace;line-height:1.45}.importPreview{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.importPreviewRow{display:grid;grid-template-columns:minmax(130px,170px) minmax(0,1fr) max-content;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--soft);overflow-wrap:anywhere}.importPreviewRow .dangerButton,.importPreviewRow .ghostButton,.importPreviewRow .primaryButton{width:auto;min-width:142px;white-space:nowrap}.readonlyMetric{min-height:42px;display:flex;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font-weight:800}@media (max-width:900px){.homeShell{width:min(760px,calc(100% - 24px));padding-top:12px}.homeNav{flex-direction:column;align-items:stretch;gap:14px;padding-bottom:16px}.homeLanguageSelect{width:max-content}.homeHero{padding:28px 0 42px}.bannerStage{height:360px;border-radius:18px}.featureBanner{grid-template-columns:1fr;align-items:end}.featureBanner:before{background:linear-gradient(180deg,rgba(35,23,25,.9),rgba(79,45,50,.76) 54%,rgba(255,255,255,.06) 55%),radial-gradient(circle at 64% 76%,rgba(255,255,255,.48),transparent 35%)}.bannerCopy{align-self:start;padding:26px}.bannerCopy h1{max-width:360px}.featureBanner img{width:220px;justify-self:end;margin-right:14px}.heroControls{gap:9px;min-height:50px}.heroControls button{width:32px;height:32px}.sectionTitle{align-items:flex-start;flex-direction:column}.gameGrid{grid-template-columns:repeat(2,minmax(120px,1fr))}.gameIcon{width:min(132px,100%);height:132px}.homeFooter{flex-direction:column;align-items:flex-start;padding-top:18px}.adminShell,.catalogShell{width:min(100% - 20px,1480px);padding-top:10px}.adminHeader,.importHeader{flex-direction:column}.importPreviewRow{grid-template-columns:1fr}.marketPanel{min-height:auto;padding:16px}.adminLayout,.filterGrid,.filterMatrix,.formGrid{grid-template-columns:1fr}.filterMatrix{gap:12px}.filterConstellation,.filterEventCount,.filterEventOnly,.filterGender,.filterLanguage,.filterLevel,.filterSearch,.filterServer,.filterStandardCount,.filterStandardOnly,.filterWeaponCount{grid-column:auto;grid-row:auto}.filterMatrix label{grid-template-columns:1fr;gap:6px}.filterMatrix label>span{text-align:left}.marketTabs{gap:18px;overflow-x:auto}.marketTabs button{flex:0 0 auto}.marketCharacterGrid{grid-template-columns:repeat(3,minmax(86px,1fr));gap:20px}.marketAllIcon,.marketCharacter img,.marketCharacterImage{width:82px;height:82px}.marketCharacter strong{font-size:14px}.ssrFilterButton{min-width:78px;flex-grow:1;flex-shrink:0;flex-basis:calc(50% + 1px)}.easyActionRow{justify-content:stretch}.easyActionRow .dangerButton,.easyActionRow .primaryButton{flex:1 1}.marketTools{position:fixed;right:16px;bottom:18px;top:auto;z-index:10}.accountGrid{grid-template-columns:1fr}.accountSummaryGrid,.accountSummaryGridSecondary{grid-template-columns:1fr 1fr;gap:12px 18px;font-size:16px}.accountCharacterGallery{gap:18px 16px}.accountCharacterGallery,.accountWeaponGallery{grid-template-columns:repeat(auto-fill,minmax(76px,76px))}.accountWeaponGallery{gap:16px}.characterPortrait,.galleryCharacter img{width:74px;height:74px}.galleryCharacter{font-size:14px}.paginationBar{flex-wrap:wrap;gap:8px;font-size:13px}.pageNumbers{order:3;width:100%;justify-content:center}}@media (max-width:520px){.gameGrid{grid-template-columns:1fr}.gameTile{width:100%}}