/* 商业街（2026-10-08 改版）：整页显示，第一屏三大板块；进入板块后是商家列表。游戏页为应用式紧凑列表。 */
#district-scene[data-district=commerce] .scene-top,#district-scene[data-district=commerce] .scene-mission,#district-scene[data-district=commerce] .scene-core,#district-scene[data-district=commerce] .scene-line,#district-scene[data-district=commerce] .scene-options,#district-scene[data-district=commerce] .scene-eva{display:none!important}
#district-scene[data-district=commerce]{background:var(--pw-color-canvas)!important}
#district-scene[data-district=commerce] .commerce-directory{top:0!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;transform:none!important;border:0!important;border-radius:0!important;padding:var(--pw-space-4) var(--pw-space-4) var(--pw-space-20)!important;background:var(--pw-color-canvas)!important;box-shadow:none!important}
#district-scene .commerce-directory .street-top{display:flex;align-items:center;justify-content:space-between;gap:var(--pw-space-3);margin:2px 0 var(--pw-space-4)}
#district-scene .commerce-directory .street-top h2{margin:0;font-size:var(--pw-text-xl);font-weight:var(--pw-weight-bold);color:var(--pw-color-ink)}
#district-scene .commerce-directory .street-city select{min-height:36px;padding:var(--pw-space-1) var(--pw-space-6) var(--pw-space-1) var(--pw-space-3);font-size:var(--pw-text-sm);border-radius:var(--pw-radius-lg)}
.street-zones{display:grid;gap:var(--pw-space-3)}
#district-scene .commerce-directory .street-zone{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pw-space-3);width:100%;min-height:128px;padding:var(--pw-space-4) var(--pw-space-10) var(--pw-space-4) var(--pw-space-4);text-align:left;border:0;border-radius:var(--pw-radius-xl);color:var(--pw-brand-on-navy);box-shadow:var(--pw-shadow-raised)}
#district-scene .commerce-directory .street-zone.is-game{min-height:176px;background:radial-gradient(120% 120% at 100% 0%,var(--pw-color-action) 0,transparent 55%),linear-gradient(135deg,var(--pw-color-action-deep),var(--pw-color-action))}
#district-scene .commerce-directory .street-zone.is-online{background:linear-gradient(135deg,var(--pw-color-danger),var(--pw-color-danger))}
#district-scene .commerce-directory .street-zone.is-offline{background:linear-gradient(135deg,var(--pw-color-cyan),var(--pw-color-success))}
.street-zone .zone-copy{display:grid;gap:var(--pw-space-1)}
.street-zone .zone-copy small{font-size:var(--pw-text-xs);letter-spacing:.12em;opacity:.8}
.street-zone .zone-copy b{font-size:var(--pw-text-xl);font-weight:var(--pw-weight-bold)}
.street-zone .zone-copy span{font-size:var(--pw-text-sm);opacity:.9}
.street-zone .zone-minis{display:flex;gap:var(--pw-space-1);flex-wrap:wrap}
.street-zone .zone-minis i{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--pw-radius-md);background:var(--c);border:2px solid color-mix(in srgb, var(--pw-brand-on-navy) 80%, transparent);font:var(--pw-weight-bold) var(--pw-text-xs)/1 var(--pw-font-sans);font-style:normal;color:var(--pw-brand-on-navy);box-shadow:var(--pw-shadow-raised)}
.street-zone.is-game .zone-minis i{width:44px;height:44px;border-radius:var(--pw-radius-md)}
.street-zone>em{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:var(--pw-text-xl);opacity:.8}
.street-links{display:grid;margin-top:var(--pw-space-4);border-radius:var(--pw-radius-lg);background:var(--pw-color-surface);border:1px solid var(--pw-color-line);overflow:hidden}
#district-scene .commerce-directory .street-links button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 var(--pw-space-4);border:0;border-radius:0;background:var(--pw-color-surface);color:var(--pw-color-ink);font-size:var(--pw-text-sm)}
#district-scene .commerce-directory .street-links button+button{border-top:1px solid var(--pw-color-line)}
.street-links b{font-weight:var(--pw-weight-semibold);color:var(--pw-color-ink-muted);font-size:var(--pw-text-sm)}
.street-sub{display:flex;align-items:center;gap:var(--pw-space-2);margin:0 0 var(--pw-space-3)}
#district-scene .commerce-directory .street-back{flex-shrink:0;min-height:36px;padding:var(--pw-space-1) var(--pw-space-3);border-radius:var(--pw-radius-lg);font-size:var(--pw-text-sm);background:var(--pw-color-surface)}
.street-sub h2{margin:0;font-size:var(--pw-text-xl);color:var(--pw-color-ink)}
.street-sub small{display:block;font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted);margin-top:2px}
.street-sortbar{display:flex;align-items:center;justify-content:space-between;gap:var(--pw-space-2);margin-bottom:var(--pw-space-2);font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted)}
#district-scene .commerce-directory .street-sortbar select{min-height:34px;padding:2px var(--pw-space-6) 2px var(--pw-space-2);font-size:var(--pw-text-xs);border-radius:var(--pw-radius-lg)}
#district-scene .commerce-directory .commerce-grid{display:grid;grid-template-columns:1fr;gap:var(--pw-space-3)}
#district-scene .commerce-directory .street-shop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--pw-space-2);padding:var(--pw-space-3);border-radius:var(--pw-radius-lg);background:var(--pw-color-surface);border:1px solid var(--pw-color-line)}
#district-scene .commerce-directory .street-shop-main{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--pw-space-3);align-items:center;padding:0;border:0;background:transparent;text-align:left;min-height:0}
.street-shop-cover{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--pw-radius-lg);background:var(--cover)}
.street-shop-cover .merchant-logo{width:46px!important;height:46px!important;border-radius:var(--pw-radius-md);box-shadow:none!important;font-size:var(--pw-text-sm)}
.street-shop-copy{display:grid;gap:var(--pw-space-1);min-width:0}
.street-shop-copy small{font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted)}
.street-shop-copy b{font-size:var(--pw-text-base);color:var(--pw-color-ink)}
.street-shop-copy>span{font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.street-shop-facts{display:flex;flex-wrap:wrap;gap:var(--pw-space-1);margin-top:2px}
.street-shop-facts em{font-style:normal;font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted);background:var(--pw-color-canvas);border-radius:var(--pw-radius-sm);padding:2px var(--pw-space-1)}
#district-scene .commerce-directory .street-shop>button.primary{min-height:36px;padding:var(--pw-space-1) var(--pw-space-3);border-radius:var(--pw-radius-lg);font-size:var(--pw-text-sm)}
.commerce-pay-list{display:grid;gap:var(--pw-space-2)}

/* 游戏板块 */
#district-scene[data-district=game] .game-directory{background:var(--pw-color-canvas)!important;padding:var(--pw-space-4) var(--pw-space-4) var(--pw-space-20)!important}
#game-directory .game-directory-head{display:flex;align-items:center;gap:var(--pw-space-2);margin:0 0 var(--pw-space-3)}
#game-directory .game-directory-head>div{display:grid;gap:2px}
#game-directory .game-directory-head b{font-size:var(--pw-text-xl);color:var(--pw-color-ink)}
#game-directory .game-directory-head small{font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted)}
#game-directory .game-return{order:-1;flex-shrink:0;min-height:36px;padding:var(--pw-space-1) var(--pw-space-3);border-radius:var(--pw-radius-lg);font-size:var(--pw-text-sm)}
#game-directory [data-publisher-desk]{display:none!important}
.game-featured{display:grid;gap:var(--pw-space-1);padding:var(--pw-space-4);margin:var(--pw-space-1) 0 var(--pw-space-3);border-radius:var(--pw-radius-xl);color:var(--pw-brand-on-navy);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb, var(--pw-brand-on-navy) 20%, transparent),transparent 50%),linear-gradient(135deg,var(--g),var(--pw-color-action-deep))}
.game-featured small{font-size:var(--pw-text-xs);letter-spacing:.12em;opacity:.85}
.game-featured b{font-size:var(--pw-text-xl)}
.game-featured span{font-size:var(--pw-text-xs);line-height:1.6;opacity:.92}
.game-featured div{display:flex;gap:var(--pw-space-2);margin-top:var(--pw-space-1)}
.game-featured-more{min-height:38px;padding:var(--pw-space-1) var(--pw-space-3);border:0;background:transparent;color:var(--pw-brand-on-navy);font-size:var(--pw-text-sm)}
.game-count{margin:0 2px var(--pw-space-1);font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted)}
#game-list{display:grid;gap:0!important}
.game-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--pw-space-2);padding:var(--pw-space-2) var(--pw-space-1);border-bottom:1px solid var(--pw-color-line)}
.game-row-main{display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--pw-space-3);align-items:center;padding:0;border:0;background:transparent;text-align:left;color:var(--pw-color-ink);min-height:0;box-shadow:none}
.game-tile{display:grid;place-items:center;width:58px;height:58px;border-radius:var(--pw-radius-lg);background:linear-gradient(140deg,var(--g),var(--pw-color-action-deep));color:var(--pw-brand-on-navy);font:var(--pw-weight-bold) var(--pw-text-sm)/1 var(--pw-font-sans);box-shadow:var(--pw-shadow-raised)}
.game-row-copy{display:grid;gap:2px;min-width:0}
.game-row-copy b{font-size:var(--pw-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-row-copy small{font-size:var(--pw-text-xs);color:var(--pw-color-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-open{min-height:34px;min-width:64px;padding:var(--pw-space-1) var(--pw-space-3);border:0;border-radius:var(--pw-radius-lg);background:var(--pw-color-canvas);color:var(--pw-color-action);font-size:var(--pw-text-sm);font-weight:var(--pw-weight-bold);box-shadow:none}
.game-open.is-light{background:var(--pw-color-surface);color:var(--pw-color-action-deep)}