/* 首屏地面逐渐收进同色背景，产品区顶部延续相同的宝蓝反光，避免图片边缘成为一条突然的场景分界。 */
html[data-theme="navy"] .composition-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(65px,7cqw,105px);background:linear-gradient(180deg,transparent,rgba(0,6,24,.32) 54%,#000618);pointer-events:none;z-index:1}
html[data-theme="navy"] .glass-families{background:radial-gradient(ellipse at 64% 0,rgba(26,70,152,.31),transparent 49%),radial-gradient(ellipse at 15% 46%,rgba(6,36,91,.36),transparent 61%),linear-gradient(120deg,#000618,#02122e 66%,#00091d)}
html[data-theme="navy"] .glass-families::before{content:"";position:absolute;left:0;right:0;top:0;height:105px;background:linear-gradient(180deg,#000618,rgba(0,6,24,.4) 47%,transparent);pointer-events:none;z-index:-1}

/* 产品内部使用同一片深蓝展台，取消明显的内层矩形底板；设备原图通过透明边界定位，正文继续位于场景外。 */
html[data-theme="navy"] .glass-card-media,
html[data-theme="navy"][data-surface="glass"] .glass-card-media{background:radial-gradient(ellipse at 23% 18%,rgba(26,70,152,.30),transparent 61%),linear-gradient(160deg,rgba(2,15,44,.38),rgba(0,6,24,.17));box-shadow:none;border-radius:8px;overflow:hidden;isolation:isolate}
html[data-theme="navy"] .glass-family-card,
html[data-theme="navy"][data-surface="glass"] .glass-family-card{border-color:rgba(142,178,232,.20)}
html[data-theme="navy"] .glass-family-card.is-active{border-color:rgba(183,208,247,.29)}
html[data-theme="navy"] .glass-card-media .motion-product-plane{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none}
/* 缺少设备图的系列继续居中显示型号占位，不生成没有依据的设备或倒影。 */
html[data-theme="navy"] .glass-card-media:not([data-studio-ratio]) .motion-product-plane{display:flex;align-items:center;justify-content:center}

/* 地面在设备背后铺开，顶部逐渐透明，没有明显地平线；蓝色反光与单色细纹共同表现轻微粗糙的反射表面。 */
.studio-floor{position:absolute;left:-18%;right:-18%;top:43%;bottom:0;background:radial-gradient(ellipse at 51% 58%,rgba(46,87,157,.30),transparent 62%),linear-gradient(180deg,rgba(2,13,39,0),rgba(5,29,76,.47) 44%,rgba(0,6,24,.84));z-index:1;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%)}
.studio-floor::before{content:"";position:absolute;left:40%;width:16%;top:0;bottom:-10%;background:linear-gradient(180deg,rgba(166,193,241,.10),rgba(77,123,207,.15) 40%,transparent);transform:skewX(-23deg);filter:blur(9px);pointer-events:none}
.studio-floor::after{content:"";position:absolute;inset:0;background-image:url("assets/地面细纹.svg");background-size:128px 128px;opacity:.10;mix-blend-mode:soft-light;pointer-events:none}

/* 设备组合在尺寸观察中获得真实显示宽高，接触阴影与倒影沿着同一底部基线，只有背景和倒影允许轻微模糊。 */
.studio-object{position:absolute;left:50%;width:140px;height:220px;top:20px;margin-left:calc(-1 * var(--subject-half-width,70px));--reflection-height:65px;pointer-events:none}
.studio-product-crop{position:absolute;inset:0;overflow:hidden;z-index:3;pointer-events:none}
.studio-contact-shadow{position:absolute;left:5%;width:90%;bottom:-6px;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,2,12,.72),rgba(0,4,18,.28) 53%,transparent 73%);filter:blur(3px);z-index:2;pointer-events:none}
.studio-reflection{position:absolute;left:0;right:0;top:calc(100% + 2px);height:var(--reflection-height);overflow:hidden;opacity:.22;filter:blur(1.15px);mask-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.30) 50%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.30) 50%,transparent 100%);z-index:1;pointer-events:none}
.studio-reflection-crop{position:absolute;left:0;top:0;width:100%;height:var(--subject-height,220px);overflow:hidden;transform:scaleY(-1);transform-origin:center center;pointer-events:none}
html[data-theme="navy"] .glass-card-media .studio-product-crop img,
html[data-theme="navy"] .glass-card-media .studio-reflection-crop img{position:absolute;max-width:none;max-height:none;height:auto;display:block;object-fit:fill;filter:none;pointer-events:none;user-select:none}

/* 触屏降低细纹和反射的强度，保持设备边缘清楚；倒影从属于装饰层，不增加任何可聚焦内容。 */
@container website (max-width:700px){.studio-reflection{opacity:.18;filter:blur(1px)}.studio-floor::after{opacity:.075}html[data-theme="navy"] .composition-hero::after{height:66px}}