:root{color-scheme:dark;--bg:#11151d;--panel:#1a202a;--panel-hover:#222a36;--line:#2a323f;--text:#edf0ef;--muted:#9aa4b4;--dim:#727f91;--accent:#d8ee86;--accent-dark:#283326;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}a{color:inherit}svg{width:20px;height:20px;display:block;flex:none}button svg{pointer-events:none}[hidden]{display:none!important}.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}.skip{position:fixed;z-index:20;background:var(--accent);color:#111;left:16px;top:-60px;padding:12px}.skip:focus{top:16px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(36px,calc((100vw - 1360px)/2));border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;text-decoration:none;gap:16px}.brand-mark{position:relative;font-size:34px;font-weight:850;font-family:Arial,sans-serif;letter-spacing:-4px;line-height:1;padding-right:8px}.brand-mark>span{color:var(--accent)}.brand-mark i{position:absolute;width:28px;height:2px;background:var(--accent);transform:rotate(-56deg);left:-6px;top:15px;opacity:.55}.brand-words{font-size:16px;font-weight:650;letter-spacing:1px;border-left:1px solid var(--line);padding-left:17px}.brand-words small{display:block;font-size:12px;color:var(--dim);letter-spacing:2px;margin-top:1px}.top-right{display:flex;gap:30px;align-items:center}.archive-label{font-family:ui-monospace,monospace;letter-spacing:1.3px;font-size:12px;color:var(--dim)}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;padding:8px 0}.text-button:hover{color:var(--accent)}.text-button svg{width:16px;height:16px}.shell{max-width:1360px;margin:auto;padding:36px 36px 0}.intro-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{display:flex;align-items:center;gap:10px;font:12px/1.5 ui-monospace,monospace;color:var(--accent);letter-spacing:2.1px;margin:0 0 8px}.eyebrow-line{width:19px;height:1px;background:var(--accent)}h1{font-size:40px;line-height:1.3;letter-spacing:1px;margin:0;font-weight:750}.title-dot{color:var(--accent);margin-left:3px}.intro-text{font-size:14px;color:var(--muted);margin:9px 0 0}.index-stamp{display:flex;flex-direction:column;align-items:flex-end;padding:0 0 0 24px}.index-stamp>span{font-size:12px;letter-spacing:2px;color:var(--muted)}.index-stamp strong{font:40px/1.2 ui-monospace,monospace;letter-spacing:-2px;color:var(--accent);margin:3px 0}.index-stamp small{font:12px/1.5 ui-monospace,monospace;letter-spacing:1px;color:var(--dim)}.search-wrap{min-height:60px;padding:0 20px;display:flex;align-items:center;gap:16px;background:#1c232d;border:1px solid #394454;border-radius:7px;transition:border-color .2s,box-shadow .2s}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #d8ee8610}.search-wrap>span{color:var(--accent)}#search{font-size:16px;min-width:0;flex:1;min-height:58px;outline:none;color:var(--text);background:none;border:0}#search::placeholder{color:#8b96a7}#search::-webkit-search-cancel-button{display:none}kbd{font:12px/1 ui-monospace,monospace;border:1px solid #3b4655;border-radius:4px;background:#222a36;min-width:24px;display:inline-flex;align-items:center;justify-content:center;height:24px;color:#a5aebc}.search-key{width:27px;height:27px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:36px;height:36px;background:transparent;color:var(--muted);flex-shrink:0}.icon-button:hover{background:#ffffff0b;color:var(--text)}.quick-search{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0 30px;font-size:12px;color:var(--dim)}.quick-search>span:first-child{margin-right:2px}.quick-search button{border-radius:4px;background:#202731;padding:3px 10px;color:#aeb7c4;font-size:12px;transition:color .2s,background .2s}.quick-search button:hover{background:var(--accent-dark);color:var(--accent)}.search-tip{margin-left:auto}.workspace{display:grid;grid-template-columns:174px minmax(0,1fr);gap:32px}.filter-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;padding-left:12px;min-height:26px}.filter-heading h2,.dlc-filter label{font-weight:500;font-size:12px;letter-spacing:1.5px;color:var(--dim);margin:0}.reset-button{font-size:12px;color:var(--accent);padding:4px}.rarity-filters{display:flex;flex-direction:column;gap:4px}.rarity-button{display:flex;align-items:center;text-align:left;gap:11px;min-height:41px;padding:9px 12px;color:#aab3c1;border-radius:5px;transition:background .15s,color .15s;font-size:14px}.rarity-button:hover{background:#ffffff06;color:var(--text)}.rarity-button.active{background:var(--accent-dark);color:var(--accent)}.rarity-button svg{width:15px;height:15px}.rarity-button .count{margin-left:auto;font:12px ui-monospace,monospace;color:var(--dim)}.rarity-button.active .count{color:var(--accent)}.rarity-gem{height:9px;width:9px;transform:rotate(45deg);background:var(--tier);margin:0 3px;box-shadow:0 0 11px color-mix(in srgb,var(--tier) 17%,transparent)}.dlc-filter{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.dlc-filter label{display:block;padding-left:12px;margin-bottom:12px}.select-wrap{position:relative}.select-wrap select{font-size:13px;width:100%;padding:11px 32px 11px 12px;border:1px solid var(--line);background:var(--panel);border-radius:5px;color:#b6c0cd;appearance:none}.select-wrap>span{position:absolute;right:10px;top:13px;pointer-events:none;color:var(--dim)}.select-wrap svg{width:14px;height:14px}.side-note{margin-top:34px;padding:22px 12px;border-top:1px solid var(--line)}.side-note>span:first-child{display:block;color:var(--dim);margin-bottom:12px}.side-note p{font-size:12px;color:var(--muted);margin:0 0 12px}.side-note>span:not(:first-child){display:flex;align-items:center;gap:10px;font-size:12px;color:var(--dim);margin:8px 0}.side-note kbd{font-size:12px;min-width:27px;height:22px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:26px;gap:12px}.result-heading{display:flex;gap:12px;align-items:baseline}.result-heading h2{font-size:18px;font-weight:650;letter-spacing:.5px;margin:0}.result-heading>span{font-size:12px;color:var(--dim)}.sort-wrap{display:flex;align-items:center;position:relative;color:var(--muted)}.sort-wrap select{font-size:12px;appearance:none;border:0;background:transparent;color:inherit;padding:4px 20px 4px 8px;max-width:150px}.sort-wrap>span{position:absolute;right:0;pointer-events:none}.sort-wrap svg{width:13px;height:13px}select option{background:#1a202a;color:var(--text)}.effect-filters{display:flex;gap:8px;margin:16px 0 20px;flex-wrap:wrap}.effect-button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:5px 12px;color:var(--muted);font-size:14px;border-radius:4px;transition:all .15s}.effect-button.active{border-color:#7f8e54;color:var(--accent);background:#d8ee860a}.effect-button:hover{border-color:#637048;color:var(--accent)}.effect-button svg{width:13px;height:13px}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.item-card{position:relative;display:flex;flex-direction:column;text-align:left;padding:18px 17px 13px;background:var(--panel);border:1px solid var(--line);border-radius:7px;min-height:216px;overflow:hidden;transition:transform .18s,border-color .18s,background .18s}.item-card:before{content:"";position:absolute;left:17px;right:17px;top:0;height:2px;background:var(--tier);opacity:.8}.item-card:hover{border-color:#485564;background:var(--panel-hover);transform:translateY(-3px)}.card-head{display:flex;gap:12px;align-items:center;min-height:62px}.item-image{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:62px;height:62px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tier) 7%,transparent),transparent 72%);position:relative}.item-image img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 8px #0005)}.card-names{min-width:0;flex:1}.card-names h3{font-size:16px;font-weight:650;margin:0 0 3px;line-height:1.45;overflow-wrap:anywhere}.card-names p{font-size:12px;color:var(--dim);margin:0;line-height:1.5;overflow-wrap:anywhere}.card-description{font-size:16px;line-height:1.7;color:#aeb7c5;margin:13px 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description em{font-style:normal;color:#d9dfdf}.card-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid #ffffff06;min-height:30px}.card-tag{font-size:12px;color:#8c99a9;display:inline-flex;align-items:center;gap:5px}.card-tag svg{width:12px;height:12px}.dlc-badge{font:12px ui-monospace,monospace;letter-spacing:.6px;color:#8d91a7;background:#242936;padding:2px 5px;border-radius:3px;margin-left:auto}.card-arrow{color:#687687;margin-left:auto}.dlc-badge+.card-arrow{margin-left:0}.card-arrow svg{width:14px;height:14px}.item-card:hover .card-arrow{color:var(--accent)}.empty-state{text-align:center;padding:90px 20px;background:#161c25;border:1px dashed var(--line);border-radius:8px}.empty-state>span{display:inline-block;color:var(--dim);margin-bottom:12px}.empty-state>span svg{width:34px;height:34px}.empty-state h3{font-size:18px;margin:10px 0}.empty-state p{color:var(--muted);font-size:14px;margin-bottom:22px}.primary-button{background:var(--accent);color:#1c2811;font-size:14px;font-weight:650;padding:11px 17px;border-radius:5px}.primary-button:hover{background:#e5fa9a}footer{border-top:1px solid var(--line);margin-top:40px;padding:23px 0;display:flex;gap:16px;justify-content:space-between;align-items:center;color:var(--dim);font-size:12px}footer button{display:flex;gap:6px;align-items:center;padding:4px 0;color:var(--muted);font-size:12px}footer button:hover{color:var(--accent)}footer svg{width:13px;height:13px}dialog{color:var(--text);border:1px solid #3a4452;padding:0;background:#171e28;box-shadow:0 20px 90px #0009;max-height:calc(100dvh - 32px)}dialog::backdrop{background:#070b11bb;backdrop-filter:blur(5px)}.item-dialog{width:min(480px,calc(100vw - 28px));margin:16px 16px 16px auto;min-height:calc(100dvh - 32px);border-radius:12px;overflow-y:auto}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.detail-header>span{color:var(--dim);font:12px ui-monospace,monospace;letter-spacing:1.6px}.detail-body{padding:24px 30px 32px}.detail-visual{height:174px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--tier) 12%,#171e28),#171e28 70%);position:relative;margin-bottom:25px}.detail-visual:before,.detail-visual:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--tier);opacity:.6}.detail-visual:before{border-left:1px solid;border-top:1px solid;top:12px;left:12px}.detail-visual:after{border-right:1px solid;border-bottom:1px solid;bottom:12px;right:12px}.detail-visual img{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 8px 14px #0008)}.detail-visual .visual-code{position:absolute;bottom:12px;left:14px;font:12px ui-monospace,monospace;color:var(--dim)}.detail-labels{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tier-label{font-size:12px;color:var(--tier);border:1px solid color-mix(in srgb,var(--tier) 30%,transparent);padding:3px 9px;background:color-mix(in srgb,var(--tier) 6%,transparent);border-radius:4px}.detail-dlc{color:var(--muted);font-size:12px}.detail-body h2{font-size:28px;line-height:1.5;margin:12px 0 0;font-weight:700}.english-name{color:var(--muted);font-size:14px;margin:0 0 24px}.detail-section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.detail-section h3{font-size:12px;letter-spacing:1.4px;color:var(--dim);font-weight:500;margin:0 0 12px;display:flex;align-items:center;gap:8px}.detail-section h3 svg{width:14px;height:14px}.detail-section p{font-size:16px;line-height:1.85;color:#c8d0dc;margin:0;white-space:pre-line}.detail-section p em{font-style:normal;color:var(--accent)}.stack-note{margin-top:14px;padding:12px 14px;border-left:2px solid #87994b;background:#d8ee8606;color:#a7b68c;font-size:13px;line-height:1.7}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 0}.detail-tags span{font-size:12px;background:#252f3c;color:#afbac8;border-radius:3px;padding:3px 8px}.detail-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;color:var(--accent);margin-top:28px}.detail-link:hover{text-decoration:underline}.detail-link svg{width:14px;height:14px}.detail-small{font-size:12px;color:var(--dim);line-height:1.7;margin-top:14px}.about-dialog{width:min(540px,calc(100vw - 32px));border-radius:12px;padding:32px;overflow:auto}.dialog-close{position:absolute;right:18px;top:18px}.about-dialog h2{font-size:26px;margin:14px 0 22px}.about-dialog p,.about-dialog li{font-size:14px;line-height:1.9;color:#b2bdca}.about-dialog a{color:var(--accent);text-underline-offset:3px}.about-dialog ul{padding-left:20px}.about-dialog .coverage{padding:15px 18px;background:#212936;border-radius:6px;margin:18px 0}.noscript{padding:20px;text-align:center;color:var(--accent)}
@media(min-width:1600px){.shell{padding-top:42px}.item-card{min-height:210px}}@media(max-width:1100px){.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:160px minmax(0,1fr);gap:24px}.shell{padding:28px 28px 0}.topbar{padding:0 28px}.card-names h3{font-size:16px}.search-tip{display:none}}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.archive-label{display:none}.brand-words{font-size:14px}.brand-words small{font-size:12px}.brand-mark{font-size:31px}.shell{padding:26px 20px 0}.intro-row{margin-bottom:22px}h1{font-size:32px}.index-stamp strong{font-size:32px}.index-stamp small{font-size:12px}.index-stamp>span{font-size:12px}.intro-text{font-size:13px}.eyebrow{font-size:12px}.search-wrap{padding:0 14px;gap:10px;min-height:56px}#search{min-height:54px;font-size:14px}.search-key{display:none}.quick-search{margin-bottom:25px}.workspace{display:flex;flex-direction:column;gap:22px}.filters{border-bottom:1px solid var(--line);padding-bottom:18px}.filter-heading{display:none}.rarity-filters{flex-direction:row;flex-wrap:wrap;gap:6px}.rarity-button{min-height:36px;padding:7px 11px;font-size:14px;border:1px solid var(--line);gap:7px}.rarity-button.active{border-color:#637048}.rarity-button .count{display:none}.rarity-gem{width:7px;height:7px}.rarity-button svg{width:12px;height:12px}.side-note{display:none}.dlc-filter{margin:14px 0 0;border:0;padding:0;display:flex;align-items:center;gap:12px}.dlc-filter label{margin:0;padding:0;font-size:12px;letter-spacing:0}.select-wrap select{font-size:12px;padding:6px 30px 6px 10px}.select-wrap>span{top:10px}.item-card{padding:15px 13px 12px;min-height:205px}.item-grid{gap:10px}.card-head{flex-direction:column;align-items:flex-start;gap:10px}.item-image,.item-image img{width:60px;height:60px}.card-names h3{font-size:14px}.card-names p{font-size:12px}.card-description{font-size:16px;margin:12px 0}.card-tag{font-size:12px}.catalog-toolbar{min-height:24px}.result-heading h2{font-size:16px}.effect-filters{margin-top:14px;margin-bottom:16px;gap:6px}.effect-button{font-size:12px;padding:5px 10px}footer{font-size:12px;flex-direction:column;align-items:flex-start;gap:6px;margin-top:30px;padding:20px 0}.item-dialog{margin:8px;width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 16px);min-height:auto;height:calc(100dvh - 16px);border-radius:10px}.detail-body{padding:20px 24px 28px}.detail-header{padding:13px 20px}.detail-visual{height:150px}.detail-body h2{font-size:26px}.text-button{font-size:12px}.about-dialog{padding:26px}.sort-wrap select{font-size:12px}.empty-state{padding:55px 16px}}@media(max-width:380px){.shell{padding:22px 14px 0}.topbar{padding:0 14px}.brand{gap:10px}.brand-words{padding-left:10px}.item-grid{grid-template-columns:1fr}.card-head{flex-direction:row;align-items:center}.item-card{min-height:174px}.card-names h3{font-size:16px}.index-stamp{padding-left:12px}.index-stamp small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.related-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border:1px solid var(--line);border-radius:5px;margin-top:8px;font-size:14px;color:#bbc5d1}.related-item:hover{border-color:#716884;background:#252334}.related-item img{width:32px;height:32px;object-fit:contain}.related-item svg{width:14px;height:14px;margin-left:auto}.equipment-cooldown{display:inline-flex;align-items:center;gap:6px;font:12px ui-monospace,monospace;color:#d9b47a;margin-left:auto}.coverage-date{font:12px ui-monospace,monospace;color:var(--dim)}