/* 独立游戏布局：继承站点背景，仅对游玩页覆盖。 */
.type-games #page-header { height: 64px !important; background: transparent !important; transform: none !important; filter: none !important; backdrop-filter: none !important; }
.type-games #page-header::before { display: none !important; }
.type-games #page-header #nav { position: fixed !important; top: 0 !important; left: 0; width: 100%; transform: none !important; opacity: 1 !important; z-index: 100; }
.type-games #content-inner { max-width: 1320px; padding: 30px 24px 60px; }
#arcade { width: 100%; min-width: 0; color: #fff; }
#arcade * { box-sizing: border-box; }
#arcade [hidden] { display: none !important; }
#arcade p { margin: 0; }
#arcade .game-heading { padding: 32px 0; text-shadow: 0 2px 8px rgba(22,59,56,.85); }
#arcade .game-eyebrow { color: #e8d6a4; font-size: 12px; letter-spacing: .2em; font-weight: 700; }
#arcade h1 { margin: 10px 0 12px; color: #fff; font-size: clamp(30px,4vw,46px); line-height: 1.25; }
#arcade .game-heading > p { font-size: 16px; color: #fff; }
#arcade .game-stats { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 18px; color: #fff; font-size: 13px; }
#arcade .game-controls { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 20px; background: rgba(22,59,56,.84); border: 1px solid rgba(232,214,164,.35); border-radius: 20px; backdrop-filter: blur(20px) saturate(130%); }
#arcade .game-status-tabs, #arcade .game-category-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
#arcade .game-category-tabs { width: 100%; border-top: 1px solid rgba(155,201,172,.25); padding-top: 16px; }
#arcade .game-chip { min-height: 38px; border: 1px solid rgba(155,201,172,.35); border-radius: 999px; padding: 7px 15px; color: #fff; background: rgba(63,116,108,.2); font: inherit; font-size: 13px; cursor: pointer; transition: background .2s,border-color .2s; }
#arcade .game-chip[aria-pressed="true"] { background: #079ed252; border-color: #e8d6a4; font-weight: 700; }
#arcade .game-chip:hover { background: rgba(155,201,172,.25); }
#arcade .game-search { display: flex; gap: 12px; align-items: center; margin-left: auto; color: #fff; font-size: 13px; }
#arcade input { min-width: 0; width: 220px; border: 1px solid rgba(155,201,172,.4); border-radius: 10px; background: rgba(22,59,56,.65); color: #fff; padding: 9px 12px; font: inherit; }
#arcade input::placeholder { color: #e0ebe6; }
#arcade .game-owner-note { font-size: 12px; color: #e0ebe6; }
#arcade .game-result { padding: 18px 2px 12px; color: #fff; font-size: 13px; text-shadow: 0 1px 4px #163b38; }
#arcade .game-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
#arcade .game-card { display: grid; grid-template-columns: 145px minmax(0,1fr); gap: 20px; padding: 20px; border: 1px solid rgba(232,214,164,.32); border-radius: 20px; background: rgba(22,59,56,.88); backdrop-filter: blur(18px) saturate(135%); box-shadow: inset 0 1px 0 rgba(232,214,164,.16),0 12px 30px rgba(22,59,56,.14); transition: border-color .2s,transform .2s; }
#arcade .game-card:hover { border-color: rgba(232,214,164,.75); transform: translateY(-2px); }
#arcade .game-poster { position: relative; display: block; align-self: start; aspect-ratio: 2/3; border-radius: 12px; overflow: hidden; background: linear-gradient(145deg,#3f746c,#163b38); color: #e8d6a4; }
#arcade .game-poster-fallback { position: absolute; inset: 0; display: grid; place-content: center; padding: 16px; text-align: center; font-size: 20px; font-weight: 700; }
#arcade .game-poster img { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; display: block; }
#arcade .game-pick { position: absolute; bottom: 8px; left: 8px; border: 1px solid rgba(232,214,164,.4); background: rgba(22,59,56,.92); color: #e8d6a4; border-radius: 6px; padding: 3px 8px; font-size: 11px; }
#arcade .game-detail { min-width: 0; display: flex; flex-direction: column; }
#arcade .game-meta { color: #e8d6a4; font-size: 12px; line-height: 1.6; }
#arcade h2 { margin: 8px 0 4px; padding: 0; color: #fff !important; font-size: 20px; line-height: 1.4; }
#arcade h2::before, #arcade h2::after { display: none; }
#arcade .game-english { font-size: 12px; line-height: 1.5; color: #d8e8e0; }
#arcade .game-reason { margin: 14px 0; color: #fff; font-size: 14px; line-height: 1.8; }
#arcade .game-thought { font-size: 13px; color: #e8d6a4; margin-bottom: 15px; }
#arcade summary { cursor: pointer; width: fit-content; }
#arcade .game-thought p { margin-top: 8px; line-height: 1.7; color: #fff; }
#arcade .game-actions { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; border-top: 1px solid rgba(155,201,172,.22); padding-top: 12px; }
#arcade .game-status { font: inherit; font-size: 12px; color: #fff; background: #214a45; border: 1px solid rgba(155,201,172,.4); border-radius: 8px; padding: 7px; min-height: 36px; }
#arcade .game-actions a { color: #e8d6a4; font-size: 12px; }
#arcade .game-empty { padding: 50px 20px; text-align: center; background: rgba(22,59,56,.85); border-radius: 20px; }
#arcade .game-empty button { margin-top: 16px; }
#arcade .game-footnote { padding: 24px 16px; margin-top: 18px; color: #fff; font-size: 12px; line-height: 1.8; background: rgba(22,59,56,.8); border-radius: 12px; }
#arcade :is(button,input,summary,a):focus-visible { outline: 2px solid #e8d6a4; outline-offset: 4px; }
@media(max-width: 1000px) { #arcade .game-card { grid-template-columns: 116px minmax(0,1fr); gap: 16px; padding: 16px; } }
@media(max-width: 760px) { #arcade .game-grid { grid-template-columns: 1fr; } #arcade .game-search { width: 100%; margin: 0; } #arcade input { flex: 1; width: auto; } .type-games #content-inner { padding: 12px 14px 40px; } #arcade .game-heading { padding: 24px 6px; } }
@media(max-width: 380px) { #arcade .game-card { grid-template-columns: 92px minmax(0,1fr); gap: 12px; padding: 12px; } #arcade h2 { font-size: 18px; } }
@media(prefers-reduced-motion: reduce) { #arcade * { transition: none !important; } #arcade .game-card:hover { transform: none; } }