/* 游戏选择和物品目录，共用英文前台视觉。 */
.catalog-page,.catalog-container{width:calc(100% - 96px);max-width:1420px;margin-inline:auto}.catalog-page{min-height:70vh}.catalog-heading{position:relative;isolation:isolate;padding:22px 0 16px;overflow:hidden}.catalog-heading .breadcrumbs{margin:0 0 14px;position:relative;z-index:1}.catalog-heading h1{font-size:44px;line-height:1.15;letter-spacing:-1.3px;margin:0 0 5px;position:relative;z-index:1}.catalog-heading>p{color:#b9c3ce;font-size:19px;margin:0;position:relative;z-index:1}.catalog-banner{position:absolute;z-index:-1;right:0;top:-100px;width:57%;height:340px;object-fit:cover;object-position:65% 60%;mask-image:linear-gradient(90deg,transparent,#000 50%);opacity:.7}.catalog-filter-bar{display:flex;align-items:center;gap:22px;padding:10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,#191d20,#111518);margin:4px 0 20px}.catalog-search{display:flex;flex:1;position:relative;min-width:120px}.catalog-search input{width:100%;height:40px;border:1px solid #343b41;background:#202428;border-radius:10px;color:var(--ink);padding:0 48px 0 16px}.catalog-search button{position:absolute;right:1px;top:1px;display:grid;place-items:center;width:42px;height:38px;padding:0;border:0;border-radius:0 9px 9px 0;background:none;color:#d4dce5;cursor:pointer}.catalog-search button svg{display:block;width:20px;height:20px;pointer-events:none}.catalog-search button:hover{color:var(--accent);background:#ffffff08}.catalog-search button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.filter-tabs{display:flex;align-items:stretch;border:1px solid #2c3339;border-radius:9px;overflow:hidden}.filter-tabs a{display:flex;align-items:center;justify-content:center;padding:8px 24px;color:#c4cbd4;font-size:12px;white-space:nowrap}.filter-tabs .is-current{background:var(--accent);color:#101408;border-radius:8px;font-weight:700}.genre-tabs{flex:0 1 610px}.genre-tabs a{flex:1;border-right:1px solid var(--line)}.genre-tabs a:last-child{border-right:0}.catalog-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px}.catalog-section-heading h2{font-size:27px;letter-spacing:-.5px;line-height:1.2;margin:0}.letter-tabs a{padding:5px 15px}.catalog-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-game-card{display:block;background:linear-gradient(145deg,#191e22,#101417);border:1px solid #343d45;border-radius:9px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.catalog-game-card:hover,.catalog-game-card:focus-visible{border-color:var(--accent);box-shadow:0 0 12px #d8ff4f14;color:var(--ink)}.catalog-game-image{aspect-ratio:1.98;background:#151c22;overflow:hidden}.catalog-game-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.catalog-game-card:hover img{transform:scale(1.025)}.catalog-game-copy{padding:9px 19px 11px}.catalog-game-copy h3{font-size:16px;line-height:1.4;margin:0 0 8px}.catalog-badges{display:flex;gap:8px;margin-bottom:8px}.catalog-badges span{padding:2px 11px;border:1px solid #3b444d;border-radius:99px;background:#242b32;color:#d5dce3;font-size:10px}.explore-link{display:flex;justify-content:space-between;color:var(--accent);font-weight:600;font-size:12px}.explore-link>span{font-size:18px;line-height:1}.catalog-advice{display:flex;align-items:center;gap:18px;padding:17px 0 20px;border-top:1px solid var(--line);margin-top:20px;font-size:12px}.catalog-advice>span{color:var(--accent);font-size:25px}.catalog-advice strong{font-weight:500}.catalog-advice a{color:#c7ced6}.catalog-empty{text-align:center;padding:50px 18px;border:1px dashed #3b444b;border-radius:10px;color:var(--muted);min-height:230px}.catalog-empty h2{color:var(--ink);font-size:24px}.catalog-empty p{margin-bottom:20px}.catalog-empty a{display:inline-block}
.game-catalog-hero{position:relative;isolation:isolate;padding:16px 0 18px;border-bottom:1px solid var(--line);overflow:hidden;background:#0b0e10}.game-hero-art{position:absolute;inset:0 0 0 28%;z-index:-1;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 55%)}.game-hero-art img{height:100%;width:100%;object-fit:cover;object-position:center 45%}.game-catalog-hero .breadcrumbs{margin-bottom:14px}.game-identity{display:flex;align-items:center;gap:24px}.game-identity-image{width:138px;height:116px;flex-shrink:0;border:1px solid #39434b;border-radius:12px;overflow:hidden;background:#10161a}.game-identity-image img{width:100%;height:100%;object-fit:cover;display:block}.game-identity h1{font-size:36px;line-height:1.15;letter-spacing:-.8px;margin:0 0 5px}.game-identity p{font-size:17px;color:#b9c4ce;margin:0 0 9px}.back-to-games{font-size:13px;color:#bec9d2}.game-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding:16px 0 24px;align-items:start;min-height:60vh}.catalog-sidebar{padding:14px 4px 20px;border:1px solid #303a43;background:linear-gradient(140deg,#11171b,#0c1012);border-radius:11px}.catalog-sidebar h2{font-size:15px;font-weight:600;line-height:1.4;margin:0 16px 12px}.catalog-sidebar nav{display:grid}.catalog-sidebar nav a{position:relative;border-radius:7px;padding:9px 16px;color:#cdd5dd;font-size:14px;display:flex;justify-content:space-between}.catalog-sidebar nav a:hover{background:#1d2529;color:var(--accent)}.catalog-sidebar nav .is-current{color:var(--accent);background:#d8ff4f14;font-weight:600}.catalog-sidebar nav .is-current:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:4px;background:var(--accent);border-radius:4px}.catalog-related{border-top:1px solid #303a43;margin:24px 14px 0;padding-top:23px}.catalog-related h2{font-weight:500;color:#c1ccd6;margin:0 0 12px}.catalog-related>a{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#bfc9d2;margin:0 0 12px}.game-items{min-width:0}.items-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.items-toolbar h2{font-size:26px;line-height:1.3;letter-spacing:-.5px;margin:0 auto 0 0}.item-filter-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.item-filter-form input[type=search],.item-filter-form select{background:#0e1316;border:1px solid #34404a;border-radius:7px;height:36px;padding:0 12px;color:#dce2e7;font-size:12px}.item-filter-form input[type=search]{width:230px}.item-filter-form select{min-width:145px}.item-filter-form button{height:36px;cursor:pointer;background:#13191c}.view-switch{display:flex;gap:8px}.view-switch a{display:grid;place-items:center;width:37px;height:36px;border:1px solid #35414a;border-radius:6px;font-size:22px;color:#bfcbd4}.view-switch .is-current{border-color:var(--accent);color:var(--accent);background:#d8ff4f0c}.catalog-items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-item-card{border:1px solid #354049;border-radius:9px;overflow:hidden;background:linear-gradient(140deg,#12181b,#0a0e10);transition:border-color .18s}.catalog-item-card:hover,.catalog-item-card:focus-within{border-color:var(--accent)}.catalog-item-image{display:block;position:relative;aspect-ratio:1.9;background:#111516;overflow:hidden}.catalog-item-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#0d0e0f}.item-type-badge{position:absolute;top:12px;left:13px;padding:2px 10px;border:1px solid #3c444a;border-radius:99px;font-size:11px;color:#c5cfd8;background:#1a2025dc}.catalog-item-copy{padding:4px 15px 14px}.catalog-item-copy h3{font-size:17px;line-height:1.3;margin:0 0 3px;overflow-wrap:anywhere}.catalog-item-copy p{font-size:12px;color:#aebbc7;margin:0 0 8px}.item-detail-link{display:block;text-align:center;width:100%;border:1px solid #727f89;border-radius:6px;padding:5px 8px;font-size:12px}.item-detail-link:hover{background:var(--accent);color:#11150a;border-color:var(--accent)}.catalog-items-grid.is-list{grid-template-columns:1fr}.is-list .catalog-item-card{display:grid;grid-template-columns:190px minmax(0,1fr)}.is-list .catalog-item-copy{padding:15px;align-content:center}.is-list .item-detail-link{width:auto;max-width:200px}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:12px;color:#b9c5cf}.catalog-pagination p{margin:0}.catalog-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.catalog-pagination .page-numbers{display:inline-block;text-align:center;min-width:32px;padding:6px 10px;border:1px solid #34414a;border-radius:6px}.catalog-pagination .current{background:var(--accent);color:#13170b;border-color:var(--accent)}.catalog-pagination .navigation{margin:0}
.primary-nav a.catalog-active{color:var(--accent);border-bottom:3px solid var(--accent);padding-top:3px}
@media(max-width:1200px){.catalog-page,.catalog-container{width:calc(100% - 48px)}.genre-tabs{flex-basis:480px}.filter-tabs a{padding-inline:16px}.game-browser{grid-template-columns:210px minmax(0,1fr);gap:20px}.item-filter-form input[type=search]{width:180px}.items-toolbar{gap:10px}.catalog-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.catalog-page,.catalog-container{width:calc(100% - 32px)}.catalog-heading{padding-top:15px}.catalog-heading h1{font-size:32px}.catalog-heading>p{font-size:16px;max-width:85%}.catalog-banner{width:85%;opacity:.35}.catalog-filter-bar{flex-direction:column;align-items:stretch;gap:10px}.genre-tabs{flex-basis:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-tabs a{padding:8px 9px;font-size:11px}.catalog-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.catalog-section-heading h2{font-size:24px}.letter-tabs a{padding:5px 17px}.catalog-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-game-copy{padding:9px 10px}.catalog-game-copy h3{font-size:14px;min-height:39px}.catalog-badges span{font-size:9px;padding:2px 7px}.catalog-advice{flex-wrap:wrap;gap:10px}.game-identity{gap:14px}.game-identity-image{width:75px;height:83px}.game-identity h1{font-size:27px}.game-identity p{font-size:14px;line-height:1.4}.game-browser{grid-template-columns:minmax(0,1fr);gap:18px}.catalog-sidebar{padding:12px 4px;min-width:0}.catalog-sidebar nav{display:flex;overflow-x:auto}.catalog-sidebar nav a{flex-shrink:0;padding:7px 12px;font-size:12px}.catalog-sidebar nav a>span{display:none}.catalog-related{margin:12px 10px 0;padding-top:12px}.catalog-related h2{font-size:13px;margin-bottom:7px}.catalog-related>a{margin-bottom:6px;font-size:11px}.items-toolbar h2{width:100%;font-size:24px}.item-filter-form{flex:1;gap:8px}.item-filter-form input[type=search]{width:100%;flex:1 1 100%}.item-filter-form select{min-width:0;width:140px}.view-switch{align-self:flex-end}.catalog-items-grid{gap:10px}.catalog-item-image{aspect-ratio:1.3}.catalog-item-copy{padding:7px 10px 10px}.catalog-item-copy h3{font-size:15px}.catalog-item-copy p{font-size:10px;line-height:1.5}.item-type-badge{top:7px;left:7px;font-size:9px;padding:2px 7px}.item-detail-link{font-size:11px}.catalog-pagination{align-items:flex-start;flex-direction:column}.is-list .catalog-item-card{grid-template-columns:110px minmax(0,1fr)}.is-list .catalog-item-copy{padding:10px}.is-list .catalog-item-image{height:100%;aspect-ratio:auto}.game-hero-art{left:10%;opacity:.35}}
@media(prefers-reduced-motion:reduce){.catalog-game-card,.catalog-game-image img,.catalog-item-card{transition:none}.catalog-game-card:hover img{transform:none}}