@import url('/css/theme-detail-base.css');
:root{--primary-color:#1199DD;--secondary-color:#B5532D;--accent-color:#FFCC33;--success-color:#2f8a3e;--warning-color:#c98a00;--danger-color:#c0392b;--bg-primary:#bfe6f8;--bg-secondary:#ffffff;--bg-tertiary:#e3f4fc;--text-primary:#2a1608;--text-secondary:#4d3424;--text-tertiary:#6b4c38;--glass-bg:#ffffff;--glass-border:#2a1608;--glass-shadow:4px 4px 0 #5a2a12;--nav-bg:#1199DD;--search-input-bg:#ffffff;--panel-bg:#ffffff;--footer-bg:#5a2a12;--gradient-primary:linear-gradient(135deg,#B5532D,#8e3d1f);--gradient-secondary:linear-gradient(135deg,#FFCC33,#f2b400);--gradient-accent:linear-gradient(135deg,#1199DD,#0d7fb8);--border-radius-sm:0;--border-radius-md:0;--border-radius-lg:0;--transition:all .15s steps(3);--transition-bounce:all .15s steps(3);--shadow-sm:3px 3px 0 #5a2a12;--shadow-md:4px 4px 0 #5a2a12;--shadow-lg:6px 6px 0 #5a2a12}

/* ── body 与导航：天空底 + 云朵点阵，页眉天蓝、砖块底边 ── */
body.theme-side-scroller{font-family:system-ui,'Segoe UI',Roboto,Arial,sans-serif;color:#2a1608;background:#bfe6f8 radial-gradient(ellipse 60px 22px at 30% 40%,rgba(255,255,255,.75) 98%,transparent) 0 0/420px 260px}
.theme-side-scroller .particle{display:none}
.theme-side-scroller .main-content{margin-left:0}
.theme-side-scroller .glass-nav{position:relative;top:auto;padding:0;background:#1199DD;border-bottom:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1000}
.theme-side-scroller .glass-nav::after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:14px;background:#B5532D repeating-linear-gradient(90deg,#5a2a12 0 3px,transparent 3px 28px);border-top:3px solid #5a2a12;border-bottom:3px solid #5a2a12}
.theme-side-scroller .glass-nav-container{display:flex;align-items:center;gap:24px;width:min(1400px,100%);max-width:none;min-height:64px;margin:auto;padding:0 24px}
.theme-side-scroller .glass-logo{color:#0f2233;-webkit-text-fill-color:#0f2233;background:none;font-family:'Press Start 2P',ui-monospace,monospace;font-size:1rem;line-height:1.4;text-transform:uppercase}
.theme-side-scroller .glass-nav-menu{gap:6px;margin:0 auto 0 0;padding:0}
.theme-side-scroller .glass-nav-link{padding:9px 12px;color:#0f2233;border:3px solid transparent;border-radius:0;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.66rem;text-transform:uppercase}
.theme-side-scroller .glass-nav-link:hover,.theme-side-scroller .glass-nav-link.active{color:#2a1608;background:#FFCC33;border-color:#5a2a12}
.theme-side-scroller .glass-nav-categories{display:none}
.theme-side-scroller .glass-nav-actions{display:flex;align-items:center;gap:8px}
.theme-side-scroller .glass-search-box{border:3px solid #0f2233}
.theme-side-scroller .glass-search-input{width:240px;color:#2a1608;background:#fff;border:0;border-radius:0}
.theme-side-scroller .glass-search-input::placeholder{color:#6b4c38}
.theme-side-scroller .glass-search-btn{color:#2a1608;background:#FFCC33;border-radius:0}
.theme-side-scroller .hamburger{color:#0f2233}
.theme-side-scroller .mobile-panel{background:#fff;box-shadow:none}
.theme-side-scroller .panel-header{border-bottom:3px solid #2a1608}
.theme-side-scroller .panel-header .glass-logo{font-size:.8rem}
.theme-side-scroller .panel-close,.theme-side-scroller .mobile-link{color:#2a1608}
.theme-side-scroller .mobile-link{border:3px solid transparent;border-radius:0;font-weight:700}
.theme-side-scroller .mobile-link:hover,.theme-side-scroller .mobile-link.active{color:#2a1608;background:#FFCC33;border-color:#5a2a12}
.theme-side-scroller .mobile-categories .nav-category-list{margin:0;padding:0;list-style:none}
.theme-side-scroller .mobile-categories .cat-dot{display:inline-block;width:10px;height:10px;margin-right:10px;background:#B5532D;border:2px solid #5a2a12;vertical-align:middle}
.theme-side-scroller .nav-section-label{display:block;margin:10px 0;color:#B5532D;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.62rem;letter-spacing:.08em}
.theme-side-scroller .mobile-search-form .glass-search-input{color:#2a1608;background:#fff;border:3px solid #2a1608}
.theme-side-scroller .main-container{padding-top:14px}

/* ── 首页：HUD 计分栏 + 阶梯式高低平台（砖柱高度由下标推导）+ 终点旗杆 ── */
.theme-side-scroller .ss-course{width:min(1400px,100%);margin:auto;padding:22px 24px 8px}
.theme-side-scroller .ss-hud{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:8px 32px;margin-bottom:26px}
.theme-side-scroller .ss-hud-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 10px;padding:0 0 12px;border-bottom:3px dashed #0f2233}
.theme-side-scroller .ss-hud-stats div{display:flex;flex-direction:column;gap:6px}
.theme-side-scroller .ss-hud-stats dt{color:#0f2233;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.62rem}
.theme-side-scroller .ss-hud-stats dd{margin:0;color:#2a1608;font-family:'Press Start 2P',ui-monospace,monospace;font-size:1rem}
.theme-side-scroller .ss-hud h1{margin:0;color:#2a1608;font-family:'Press Start 2P',ui-monospace,monospace;font-size:clamp(1.1rem,2.1vw,1.7rem);line-height:1.5}
.theme-side-scroller .ss-hud p{margin:0;color:#4d3424;font-size:1.02rem}
.theme-side-scroller .ss-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:0 16px;margin:0;padding:30px 0 0;list-style:none}
.theme-side-scroller .ss-track::after{content:'';grid-column:1/-1;height:34px;background:repeating-linear-gradient(0deg,#5a2a12 0 3px,transparent 3px 17px),repeating-linear-gradient(90deg,#5a2a12 0 3px,transparent 3px 34px) #B5532D;border:3px solid #5a2a12}
.theme-side-scroller .ss-step{display:flex;flex-direction:column;min-width:0}
.theme-side-scroller .ss-stage{position:relative;display:flex;flex-direction:column;min-width:0;color:#2a1608;background:#fff;border:3px solid #2a1608;box-shadow:4px 4px 0 #5a2a12;text-decoration:none;transition:transform .12s steps(2)}
.theme-side-scroller .ss-stage:hover,.theme-side-scroller .ss-stage:focus-visible{transform:translateY(-8px)}
.theme-side-scroller .ss-qblock{position:absolute;z-index:1;top:-20px;left:50%;padding:6px 8px;color:#5a2a12;background:#FFCC33;border:3px solid #5a2a12;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.6rem;white-space:nowrap;transform:translateX(-50%)}
.theme-side-scroller .ss-shot{display:block;aspect-ratio:4/3;overflow:hidden;background:#0f2233;border-bottom:3px solid #2a1608}
.theme-side-scroller .ss-shot img{display:block;width:100%;height:100%;object-fit:cover}
.theme-side-scroller .ss-stage strong{overflow:hidden;margin:8px 8px 2px;font-size:.88rem;white-space:nowrap;text-overflow:ellipsis}
.theme-side-scroller .ss-stage small{overflow:hidden;margin:0 8px 8px;color:#B5532D;font-size:.72rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.theme-side-scroller .ss-pillar{display:block;margin:0 22%;background:#B5532D repeating-linear-gradient(0deg,#5a2a12 0 3px,transparent 3px 14px);border:3px solid #5a2a12;border-bottom:0}
.theme-side-scroller .ss-h1 .ss-pillar{height:24px}
.theme-side-scroller .ss-h2 .ss-pillar{height:66px}
.theme-side-scroller .ss-h3 .ss-pillar{height:108px}
.theme-side-scroller .ss-h4 .ss-pillar{height:150px}
.theme-side-scroller .ss-goal{align-self:stretch;justify-content:flex-end;align-items:center}
.theme-side-scroller .ss-flag{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:6px;width:100%;padding:12px 14px 12px 12px;color:#2a1608;background:#FFCC33;border:3px solid #5a2a12;clip-path:polygon(0 0,100% 50%,0 100%);text-decoration:none}
.theme-side-scroller .ss-flag b{font-family:'Press Start 2P',ui-monospace,monospace;font-size:.72rem}
.theme-side-scroller .ss-flag span{font-size:.78rem;font-weight:700}
.theme-side-scroller .ss-pole{display:block;width:8px;height:170px;background:#fff;border:3px solid #2a1608;border-bottom:0}

/* ── 首页共享区（Featured / Popular） ── */
.theme-side-scroller .glass-title{color:#2a1608;font-family:'Press Start 2P',ui-monospace,monospace;font-weight:400;line-height:1.5;letter-spacing:0}
.theme-side-scroller .glass-title.h2{font-size:clamp(1rem,2vw,1.4rem)}
.theme-side-scroller .glass-subtitle{color:#4d3424}
.theme-side-scroller .glass-card{color:#2a1608;background:#fff;border:3px solid #2a1608;border-radius:0;box-shadow:4px 4px 0 #5a2a12;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-side-scroller .glass-card:hover{transform:translateY(-4px)}
.theme-side-scroller .glass-card-title{color:#2a1608}
.theme-side-scroller .glass-card-badge{color:#2a1608;background:#FFCC33;border:2px solid #5a2a12;border-radius:0}
.theme-side-scroller .glass-card-category{color:#fff;background:#B5532D;border-radius:0}
.theme-side-scroller .glass-button{color:#fff;background:#B5532D;border:3px solid #5a2a12;border-radius:0;box-shadow:3px 3px 0 #5a2a12;font-weight:700}
.theme-side-scroller .glass-button:hover{color:#2a1608;background:#FFCC33;transform:none}
.theme-side-scroller .glass-button.secondary{color:#2a1608;background:#FFCC33}
.theme-side-scroller .glass-button.secondary:hover{color:#fff;background:#B5532D}
.theme-side-scroller .glass-card a:not(.glass-button){color:#9a4022}

/* ── 列表页：3 列关卡卡，左侧竖条关卡号（counter 生成 1-01），右侧封面与名称 ── */
.theme-side-scroller .ap-list-head{padding-bottom:14px;border-bottom:3px dashed #0f2233}
.theme-side-scroller .ap-list-title{color:#2a1608;font-family:'Press Start 2P',ui-monospace,monospace;font-size:clamp(1.3rem,3vw,2.2rem);line-height:1.4}
.theme-side-scroller .ap-list-title .ap-list-title-cat{color:#9a4022}
.theme-side-scroller .ap-list-count{color:#4d3424}
.theme-side-scroller .ap-cat-track{scroll-snap-type:x mandatory}
.theme-side-scroller .ap-cat-pill{scroll-snap-align:start;color:#2a1608;background:#fff;border:3px solid #2a1608;border-radius:0;font-weight:700}
.theme-side-scroller .ap-cat-pill:hover,.theme-side-scroller .ap-cat-pill.active{color:#2a1608;background:#FFCC33;border-color:#5a2a12}
.theme-side-scroller .ap-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:lvl}
.theme-side-scroller .ap-game-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto 1fr;counter-increment:lvl;color:#2a1608;background:#fff;border:3px solid #2a1608;border-radius:0;box-shadow:4px 4px 0 #5a2a12}
.theme-side-scroller .ap-game-card::before{content:'1-' counter(lvl,decimal-leading-zero);grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;color:#5a2a12;background:#FFCC33;border-right:3px solid #2a1608;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.72rem;writing-mode:vertical-rl}
.theme-side-scroller .ap-game-card:hover{transform:translateY(-4px)}
.theme-side-scroller .ap-card-thumb{grid-column:2;grid-row:1;aspect-ratio:16/9;border-bottom:3px solid #2a1608}
.theme-side-scroller .ap-card-badge{color:#2a1608;background:#FFCC33;border:2px solid #5a2a12;border-radius:0}
.theme-side-scroller .ap-play-btn{color:#2a1608;background:#FFCC33;border:3px solid #5a2a12;border-radius:0}
.theme-side-scroller .ap-card-info{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "cat rating";gap:4px 8px;padding:10px 12px}
.theme-side-scroller .ap-card-name{grid-area:name;color:#2a1608;font-weight:700}
.theme-side-scroller .ap-card-cat{grid-area:cat;max-width:100%;overflow:hidden;color:#9a4022;font-size:.74rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.theme-side-scroller .ap-card-rating{grid-area:rating;min-height:0;color:#4d3424;font-size:.74rem}
.theme-side-scroller .ap-card-rating i{color:#c98a00}
.theme-side-scroller .ap-page-btn{color:#2a1608;background:#fff;border:3px solid #2a1608;border-radius:0}
.theme-side-scroller .ap-page-btn:hover,.theme-side-scroller .ap-page-btn.active{color:#2a1608;background:#FFCC33;border-color:#5a2a12}

/* ── 详情页：海报居中，左侧分类与标题、右侧评分 / 简介 / 竖排按钮的三栏 hero，底部砖块地面 ── */
.theme-side-scroller .ap-detail-hero{background:#fff;border:3px solid #2a1608;border-bottom:0;border-radius:0;box-shadow:none}
.theme-side-scroller .ap-detail-hero::after{content:'';display:block;height:22px;background:#B5532D repeating-linear-gradient(90deg,#5a2a12 0 3px,transparent 3px 30px);border-top:3px solid #5a2a12;border-bottom:3px solid #5a2a12}
.theme-side-scroller .ap-detail-hero-bg,.theme-side-scroller .ap-detail-hero-overlay{display:none}
.theme-side-scroller .ap-detail-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"cat poster rating" "title poster desc" "title poster actions";align-items:start;gap:14px 30px;padding:34px}
.theme-side-scroller .ap-detail-info{display:contents}
.theme-side-scroller .ap-detail-cat{grid-area:cat;justify-self:start;color:#2a1608;background:#FFCC33;border:3px solid #5a2a12;border-radius:0;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.62rem}
.theme-side-scroller .ap-detail-title{grid-area:title;margin:0;color:#2a1608;font-family:'Press Start 2P',ui-monospace,monospace;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.5}
.theme-side-scroller .ap-detail-poster{grid-area:poster;align-self:center;border:3px solid #2a1608;border-radius:0;box-shadow:6px 6px 0 #5a2a12}
.theme-side-scroller .ap-detail-poster img{height:auto}
.theme-side-scroller .ap-detail-play-icon{color:#2a1608;background:#FFCC33;border-color:#5a2a12;border-radius:0}
.theme-side-scroller .ap-detail-rating-row{grid-area:rating;margin:0;color:#4d3424}
.theme-side-scroller .ap-detail-score{color:#2a1608;background:#FFCC33;border:2px solid #5a2a12;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.62rem}
.theme-side-scroller .ap-detail-desc{grid-area:desc;max-width:none;margin:0;color:#4d3424;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.theme-side-scroller .ap-detail-actions{grid-area:actions;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.theme-side-scroller .ap-btn-play,.theme-side-scroller .ap-btn-cat{justify-content:center;min-height:48px;border:3px solid #5a2a12;border-radius:0;box-shadow:3px 3px 0 #5a2a12;font-weight:700}
.theme-side-scroller .ap-btn-play{color:#fff;background:#B5532D}
.theme-side-scroller .ap-btn-cat{color:#2a1608;background:#FFCC33}
.theme-side-scroller .ap-btn-play:hover,.theme-side-scroller .ap-btn-cat:hover{transform:translateY(-3px)}
.theme-side-scroller .ap-detail-card{color:#2a1608;background:#fff;border:3px solid #2a1608;border-radius:0;box-shadow:4px 4px 0 #5a2a12}
.theme-side-scroller .ap-detail-card-title{color:#2a1608;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.82rem;line-height:1.5}
.theme-side-scroller .ap-detail-card-accent{width:12px;height:12px;background:#FFCC33;border:2px solid #5a2a12;border-radius:0}
.theme-side-scroller .ap-detail-card-text{color:#4d3424}
.theme-side-scroller .ap-detail-info-list li{border-bottom:2px dashed #d7c3b4}
.theme-side-scroller .ap-info-label{color:#6b4c38}
.theme-side-scroller .ap-info-value{color:#2a1608}
.theme-side-scroller .ap-info-rating,.theme-side-scroller .ap-rec-cat{color:#9a4022}
.theme-side-scroller .ap-rec-name{color:#2a1608}
.theme-side-scroller .ap-rec-item:hover{background:#e3f4fc;border-color:#2a1608}

/* ── play 页：按钮在上、大标题在下的页头；播放器下方砖块地面通栏控制条 ── */
.theme-side-scroller .glass-game-header{flex-direction:column-reverse;align-items:flex-start!important;gap:14px!important;background:#fff;border:3px solid #2a1608;box-shadow:4px 4px 0 #5a2a12}
.theme-side-scroller .glass-game-header .glass-title{font-size:clamp(1.1rem,2.4vw,1.8rem)}
.theme-side-scroller .glass-game-player{border:3px solid #2a1608!important;border-bottom:0!important;border-radius:0!important;background:#0f2233!important;box-shadow:none}
.theme-side-scroller .glass-player-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;margin-top:0!important;padding:14px;background:#B5532D repeating-linear-gradient(90deg,#5a2a12 0 3px,transparent 3px 34px);border:3px solid #5a2a12}
.theme-side-scroller .glass-player-controls .glass-button{justify-content:center;margin:0 6px}
.theme-side-scroller .glass-game-info{border:3px solid #2a1608}
.theme-side-scroller .glass-meta-item{background:#e3f4fc!important;border:3px solid #2a1608!important;box-shadow:none}
.theme-side-scroller .glass-meta-value{color:#9a4022!important}

/* ── 搜索页：沿用共享骨架，只换材质 ── */
.theme-side-scroller .glass-search-header{padding-bottom:14px;border-bottom:3px dashed #0f2233}
.theme-side-scroller .glass-search-input-group .glass-search-input{color:#2a1608;background:#fff;border:3px solid #2a1608;border-radius:0!important}
.theme-side-scroller .glass-game-card .glass-card-media{border-bottom:3px solid #2a1608}
.theme-side-scroller .glass-card-category[style]{color:#fff!important;background:#B5532D!important}
.theme-side-scroller .glass-pagination-pages .glass-button{color:#2a1608!important;background:#FFCC33!important}
.theme-side-scroller .glass-no-results-icon,.theme-side-scroller .glass-search-icon{color:#B5532D!important}

/* ── 页脚与 404 ── */
.theme-side-scroller .cyber-footer{color:#f6e7d6;background:#5a2a12;border-top:6px solid #B5532D}
.theme-side-scroller .cyber-footer .footer-content{background:#5a2a12}
.theme-side-scroller .cyber-footer .footer-title{color:#FFCC33;font-family:'Press Start 2P',ui-monospace,monospace;font-size:.82rem;line-height:1.6}
.theme-side-scroller .cyber-footer p{color:#f6e7d6!important}
.theme-side-scroller .cyber-footer .footer-links a{color:#f6e7d6}
.theme-side-scroller .cyber-footer .footer-links a:hover{color:#FFCC33}
.theme-side-scroller .error-panel{background:#fff;border:3px solid #2a1608;border-radius:0;box-shadow:6px 6px 0 #5a2a12}
.theme-side-scroller .error-copy h1{font-family:'Press Start 2P',ui-monospace,monospace;line-height:1.4}
.theme-side-scroller .error-code,.theme-side-scroller .error-action-primary,.theme-side-scroller .error-search button,.theme-side-scroller .error-visual{color:#0f2233}
.theme-side-scroller .error-eyebrow,.theme-side-scroller .error-action-secondary,.theme-side-scroller .error-breadcrumb a,.theme-side-scroller .error-recovery-index{color:#9a4022}
.theme-side-scroller .error-action,.theme-side-scroller .error-search{border-color:#2a1608}

/* ── 抽屉断点（≤992 汉堡出现） ── */
@media(max-width:992px){
.theme-side-scroller .glass-nav-menu{display:none}
.theme-side-scroller .glass-nav-actions{margin-left:auto}
.theme-side-scroller .glass-search-input{width:180px}
.theme-side-scroller .hamburger{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
}

/* ── 移动端：两列平台卡，砖柱压成一层台阶，旗杆收成通栏终点条 ── */
@media(max-width:768px){
.theme-side-scroller .glass-nav-container{min-height:58px;padding:0 12px}
.theme-side-scroller .glass-logo{font-size:.78rem}
.theme-side-scroller .ss-course{padding:12px 10px 4px}
.theme-side-scroller .ss-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px;padding-top:16px}
.theme-side-scroller .ss-track::after{height:20px}
.theme-side-scroller .ss-qblock{top:-14px;padding:4px 6px;font-size:.5rem}
.theme-side-scroller .ss-stage strong{margin:6px 6px 2px;font-size:.8rem}
.theme-side-scroller .ss-stage small{margin:0 6px 6px;font-size:.66rem}
.theme-side-scroller .ss-step .ss-pillar{height:12px}
.theme-side-scroller .ss-goal{grid-column:1/-1;flex-direction:row}
.theme-side-scroller .ss-flag{clip-path:none;justify-items:center;text-align:center}
.theme-side-scroller .ss-pole{display:none}
.theme-side-scroller .ap-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-side-scroller .ap-game-card{grid-template-columns:30px minmax(0,1fr)}
.theme-side-scroller .ap-game-card::before{font-size:.5rem}
.theme-side-scroller .ap-card-info{grid-template-areas:"name name" "cat cat" "rating rating";padding:8px}
.theme-side-scroller .ap-detail-hero-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"poster" "cat" "title" "rating" "desc" "actions";gap:12px;padding:16px}
.theme-side-scroller .ap-detail-poster{width:auto;justify-self:stretch}
.theme-side-scroller .ap-detail-info{display:contents}
.theme-side-scroller .ap-detail-body{grid-template-columns:minmax(0,1fr)}
.theme-side-scroller .glass-game-iframe{height:56vh!important}
.theme-side-scroller .glass-game-header{padding:16px!important}
.theme-side-scroller .glass-player-controls{padding:10px}
.theme-side-scroller .glass-player-controls .glass-button{padding:10px 8px;font-size:.86rem}
.theme-side-scroller .glass-games-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}
}
@media(min-width:600px) and (max-width:768px){
.theme-side-scroller .ss-track{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-side-scroller .ss-goal{grid-column:auto;flex-direction:column}
.theme-side-scroller .ap-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── 平板：4 列两层平台，砖柱按比例缩短 ── */
@media(min-width:769px) and (max-width:1199px){
.theme-side-scroller .ss-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px}
.theme-side-scroller .ss-h1 .ss-pillar{height:14px}
.theme-side-scroller .ss-h2 .ss-pillar{height:34px}
.theme-side-scroller .ss-h3 .ss-pillar{height:54px}
.theme-side-scroller .ss-h4 .ss-pillar{height:74px}
.theme-side-scroller .ss-pole{height:90px}
.theme-side-scroller .ap-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-side-scroller .ap-detail-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"poster cat" "poster title" "poster rating" "desc desc" "actions actions";padding:26px}
.theme-side-scroller .ap-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:769px) and (max-width:899px){
.theme-side-scroller .ap-detail-body{grid-template-columns:minmax(0,1fr)}
}