.item-category-bar{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 8px}
.item-category-bar button{height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0a1622;color:#8fa4b5;font-size:9px;font-weight:900;cursor:pointer}
.item-category-bar button:hover{color:#eaf8ff;border-color:rgba(115,236,255,.2)}
.item-category-bar button.active{color:#071018;background:#8cecff;border-color:#8cecff}
.item-db-section{scroll-margin-top:88px}
.item-db-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:12px 0}
.item-db-search{position:relative;display:flex;align-items:center;min-width:0;height:44px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#091521}
.item-db-search>span{display:grid;place-items:center;width:42px;color:#74899b;font-size:15px}
.item-db-search input{min-width:0;flex:1;height:42px;border:0;background:transparent;color:#f4f8fb;outline:0;padding:0 12px 0 0;font-size:12px}
.item-db-search input::placeholder{color:#65798b}
.item-db-quality{height:44px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#091521;color:#e7eff5;padding:0 34px 0 12px;outline:0;font-size:11px}
.item-db-count{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:34px;padding:0 10px;border-radius:9px;background:rgba(115,236,255,.07);color:#9feaf6;font-size:10px;font-weight:950}
.item-db-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.item-db-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;min-height:108px;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(155deg,#0d1825,#09141f);text-decoration:none;transition:.16s ease}
.item-db-card:hover{transform:translateY(-2px);border-color:rgba(115,236,255,.22);background:#0e1b29}
.item-db-thumb{display:grid;place-items:center;width:84px;height:84px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(169,140,255,.12),transparent 60%),#0a1420}
.item-db-thumb img{display:block;max-width:76px;max-height:76px;width:auto;height:auto;object-fit:contain}
.item-db-fallback{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(169,140,255,.1);color:#a998d8;font-size:9px;font-weight:900}
.item-db-copy{min-width:0}.item-db-copy small{display:block;color:#6f8395;font-size:8px;font-weight:900;letter-spacing:.03em}
.item-db-copy h3{margin:5px 0 0;color:#f2f7fa;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-db-copy p{margin:6px 0 0;color:#8298aa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-db-copy>span{display:block;margin-top:9px;color:#9ddbe6;font-size:8.5px;font-weight:900}
.item-db-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}
.item-db-pager button{min-width:84px;height:36px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0a1622;color:#dce8ef;font-size:9px;font-weight:900;cursor:pointer}
.item-db-pager button:disabled{opacity:.32;cursor:default}
.item-db-pager span{min-width:70px;text-align:center;color:#8094a5;font-size:9px;font-weight:850}
.item-db-empty{grid-column:1/-1;display:grid;place-items:center;min-height:180px;border:1px dashed rgba(255,255,255,.08);border-radius:14px;color:#768b9c;font-size:10px}
.item-db-card.skeleton{pointer-events:none;background:linear-gradient(110deg,#0d1424 8%,#141d31 18%,#0d1424 33%);background-size:220% 100%;animation:dex-shimmer 1.2s linear infinite}
.item-db-card.skeleton i{width:84px;height:84px;border-radius:12px;background:rgba(255,255,255,.045)}
.item-db-card.skeleton div{display:grid;gap:8px}.item-db-card.skeleton b,.item-db-card.skeleton span,.item-db-card.skeleton em{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.055)}.item-db-card.skeleton b{width:68%}.item-db-card.skeleton span{width:88%}.item-db-card.skeleton em{width:54%}
.item-db-detail{width:min(1120px,calc(100% - 28px));margin:0 auto;padding-bottom:50px}
.db-item-hero{margin-top:0}.item-db-relations{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.item-db-relations span{padding:7px 9px;border:1px solid rgba(115,236,255,.1);border-radius:9px;background:rgba(115,236,255,.035);color:#9db8c5;font-size:9px}.item-db-relations b{color:#d8f7fb}
.db-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.db-stat-grid>div{padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#0a1621}.db-stat-grid small{display:block;color:#6f8496;font-size:7px;font-weight:950;letter-spacing:.1em}.db-stat-grid b{display:block;margin-top:7px;color:#f2f7fb;font-size:20px}.db-stat-grid span{display:block;margin-top:3px;color:#8297a8;font-size:9px}
.db-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.db-source-card{padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#0a1621}.db-source-card small{display:block;color:#718699;font-size:7px;font-weight:950}.db-source-card b{display:block;margin-top:7px;font-size:13px}.db-source-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.db-source-tags span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.045);color:#8fa6b5;font-size:8px}
.item-db-note{margin-top:12px;color:#7890a1;font-size:9px}
@media(max-width:1000px){.item-db-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.item-db-toolbar{grid-template-columns:1fr auto}.item-db-search{grid-column:1/-1}.item-db-grid{grid-template-columns:1fr}.db-stat-grid{grid-template-columns:1fr 1fr}.db-source-grid{grid-template-columns:1fr}.item-db-card{grid-template-columns:72px 1fr;min-height:96px}.item-db-thumb,.item-db-card.skeleton i{width:72px;height:72px}.item-db-thumb img{max-width:66px;max-height:66px}}
.game-data-flip-y{transform:scaleY(-1)}
.item-db-copy .item-db-english{margin:4px 0 0;color:#8294a3;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item-db-copy .item-db-reltext{margin-top:5px;color:#708596}