/* 色调直接采用首页登记的近黑蓝、宝蓝受光与蓝色地面反光；材质变化由光照位置和明暗形成，布局继续保留。 */
body.spatial-catalogue{
  --scene-dark:#000618;
  --scene-surface:#041a43;
  --scene-blue:#06245b;
  --scene-light:#1a4698;
  --scene-floor:#2e579d;
  background-color:var(--scene-dark);
  background-image:radial-gradient(ellipse at 20% 4%,rgba(26,70,152,.24),transparent 45%),radial-gradient(ellipse at 84% 66%,rgba(6,36,91,.18),transparent 47%),linear-gradient(125deg,#00040f,#020c1c 58%,#000716);
  background-attachment:fixed;
  --rail-shift:clamp(16px,calc((100vw - 1440px) / 2),84px);
  --muted:#cad4e6;
  --accent:#a6c5ff;
}
/* 导航与辅助控件沿用首页的深蓝玻璃和冷蓝灰文字；选中受光集中在当前项。 */
body.spatial-catalogue .site-header{background:#04122bf0;border-bottom-color:rgba(159,182,226,.24)}
body.spatial-catalogue .category-link small{color:#aabad9}
body.spatial-catalogue .search-field input{background:rgba(2,13,37,.62)}
/* 产品网格与已确认位置的侧栏共同左靠；保留四十八像素的实际间隔，使整体留白匀称。 */
@media(min-width:1200px){
  .spatial-catalogue .catalogue-body{grid-template-columns:calc(264px - var(--rail-shift)) minmax(0,1fr)}
  .spatial-catalogue .category-rail{width:264px;transform:translateX(calc(-1 * var(--rail-shift)))}
}
.spatial-catalogue .catalogue-content{position:relative;isolation:isolate}
/* 两块低透明度远景面延续首页的几何背景语言；光从左上斜入，较暗的右侧面退后，不占布局或截获点击。 */
.spatial-catalogue .catalogue-content:before{content:'';position:absolute;left:0;right:0;top:80px;height:760px;z-index:-3;pointer-events:none;clip-path:polygon(2% 0,38% 0,82% 100%,31% 100%);background:linear-gradient(145deg,rgba(108,146,198,.055),rgba(26,70,152,.075) 40%,rgba(0,6,24,.20));mask-image:linear-gradient(180deg,transparent,#000 14%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 72%,transparent)}
.spatial-catalogue .catalogue-content:after{content:'';position:absolute;left:0;right:0;top:80px;height:760px;z-index:-3;pointer-events:none;clip-path:polygon(77% 0,100% 0,100% 100%,47% 100%);background:linear-gradient(155deg,rgba(3,14,33,.08),rgba(0,3,13,.55) 64%,rgba(0,6,24,.12));mask-image:linear-gradient(180deg,transparent,#000 14%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 72%,transparent)}
.spatial-catalogue .catalogue-tools{padding-bottom:20px;border-bottom:1px solid rgba(173,199,244,.15)}
.spatial-catalogue .category-rail{padding-top:6px}
body.spatial-catalogue .category-link{color:#cad4e6}
body.spatial-catalogue .category-link.active{background:linear-gradient(90deg,rgba(26,70,152,.43),rgba(6,36,91,.08));box-shadow:inset 0 1px 0 rgba(230,239,255,.055)}
body.spatial-catalogue .hero-product{background:radial-gradient(ellipse at 43% 86%,rgba(46,87,157,.35),rgba(6,36,91,.16) 48%,transparent 78%)}
body.spatial-catalogue .chip{background:rgba(2,13,37,.65);color:#cad4e6;border-color:rgba(159,182,226,.24)}
body.spatial-catalogue .chip.active{background:rgba(6,36,91,.72);color:#f3f7fc;border-color:#76a6ff}
.spatial-catalogue .results-meta{padding-bottom:6px;color:#aabad9}
/* 每排设备共用后窄前宽的展示地面；顶部后景与前缘亮度不同，形成可辨认的厚度和纵深。 */
.product-grid.spatial-gallery{display:block;position:relative;isolation:isolate}
.shelf-row{position:relative;display:grid;grid-template-columns:repeat(var(--row-columns),minmax(0,1fr));gap:26px;padding:8px 18px 42px;isolation:isolate}
.shelf-row:before{content:'';position:absolute;inset:0 0 auto;height:285px;background:radial-gradient(ellipse at 27% 82%,rgba(26,70,152,.22),transparent 57%),linear-gradient(112deg,transparent 42%,rgba(0,3,14,.36));mask-image:linear-gradient(180deg,transparent,#000 22%,#000 68%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 68%,transparent);z-index:-2;pointer-events:none}
.shelf-floor{position:absolute;left:-2%;right:-2%;top:221px;height:73px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 27% 37%,rgba(46,87,157,.42),transparent 46%),linear-gradient(174deg,#071a39,#03122a 44%,#000716 100%);clip-path:polygon(5% 0,94% 0,100% 83%,100% 100%,0 100%,0 83%);box-shadow:0 20px 24px rgba(0,3,14,.68)}
/* 细纹复用首页现有文件，强度只作用于承托面；窄幅银白反光让材质变化集中在受光位置。 */
.shelf-floor:before{content:'';position:absolute;inset:0;background-image:linear-gradient(110deg,transparent 17%,rgba(230,239,255,.12) 27%,rgba(77,123,207,.075) 34%,transparent 46%),url('../assets/地面细纹.svg');background-size:auto,128px 128px;border-top:1px solid rgba(170,199,240,.08);opacity:.075}
.shelf-floor:after{content:'';position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(180deg,rgba(15,37,73,.18),#00040f);border-top:1px solid rgba(170,199,240,.13)}
/* 清除每张设备图原有的独立蓝色底板，图片区域只负责设备、接触阴影和短倒影。 */
.spatial-catalogue .spatial-product{border-bottom:0;padding-bottom:0;position:relative;min-width:0}
.spatial-catalogue .studio-visual{height:260px;border-radius:0;background:none!important;overflow:visible}
.studio-device{position:absolute;bottom:20px;left:50%;width:min(84%,var(--subject-width));aspect-ratio:var(--subject-ratio);transform:translateX(-50%)}
.device-crop,.reflection-crop{position:relative;width:100%;aspect-ratio:var(--subject-ratio);overflow:hidden}
.device-crop{z-index:2}
.spatial-catalogue .studio-device img{position:absolute;width:var(--crop-size);max-width:none;left:var(--crop-left);top:var(--crop-top);height:auto;object-fit:fill;transform:none}
.device-shadow{position:absolute;left:6%;right:-3%;bottom:-9px;height:14px;background:radial-gradient(ellipse,rgba(0,4,15,.85),rgba(0,5,17,.25) 58%,transparent 74%);filter:blur(3px);transform:skewX(-18deg);z-index:1}
.device-reflection{position:absolute;left:0;right:0;top:calc(100% + 4px);height:42px;overflow:hidden;opacity:.14;filter:blur(.8px);mask-image:linear-gradient(180deg,#000,transparent);-webkit-mask-image:linear-gradient(180deg,#000,transparent);z-index:0}
.reflection-crop{transform:scaleY(-1);transform-origin:center center}
.spatial-catalogue .spatial-product:hover .device-crop{filter:brightness(1.035)}
.spatial-catalogue .spatial-product:hover img{transform:none}
/* 阅读区域落在共同展台前方；型号、类型、已确认格式与入口按同一顺序排齐。 */
.product-reading{position:relative;padding:42px 10px 20px;display:flex;flex-direction:column;min-height:222px}
.product-reading:before{content:'';position:absolute;left:4px;right:4px;top:23px;border-top:1px solid rgba(177,205,246,.12)}
.product-reading h3{font-size:27px;margin:0 0 10px;font-weight:500}
.product-reading p{font-size:16px;line-height:1.65;min-height:52px;margin-bottom:14px;color:#cad4e6}
.selection-fact{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin:0 0 18px;font-size:14px}
.selection-fact dt{color:#aabad9;flex-shrink:0}
.selection-fact dd{margin:0;color:#f3f7fc;text-align:right;overflow-wrap:anywhere}
.product-reading .card-foot{margin-top:auto;font-size:14px;color:#a6c5ff;min-height:32px;align-items:center}
.spatial-catalogue .spatial-product .card-visual.paper{height:260px;border:1px solid rgba(165,190,232,.15);border-radius:5px;background:#f6f8fc}
/* 手机与中屏按实际列数重建每排；同一展台仍有厚度，但降低倒影和透视幅度以保证选型可读。 */
@media(max-width:1100px){.shelf-row{gap:22px;padding-right:10px;padding-left:10px}.product-reading{padding-right:5px;padding-left:5px}.product-reading h3{font-size:25px}}
@media(max-width:700px){
  body.spatial-catalogue{background-image:radial-gradient(ellipse at 28% 5%,rgba(26,70,152,.21),transparent 44%),linear-gradient(125deg,#00040f,#020c1c 58%,#000716)}
  .spatial-catalogue .catalogue-content:before,.spatial-catalogue .catalogue-content:after{height:680px;opacity:.7}
  .spatial-catalogue .product-grid.spatial-gallery{display:block}
  .shelf-row{gap:0;padding:6px 14px 28px}
  .shelf-floor{left:-3%;right:-3%;clip-path:polygon(7% 0,93% 0,100% 86%,100% 100%,0 100%,0 86%)}
  .studio-device{width:min(84%,var(--subject-width))}
  .device-reflection{opacity:.1;height:36px}
  .product-reading{padding-top:42px;min-height:0}
  .product-reading h3{font-size:27px}
  .product-reading p{min-height:0;font-size:16px}
  .selection-fact{font-size:15px}
}