/* 对照工具位于官网画布之外，供本地审核切换背景；操作不重建目录，也不改变产品和搜索状态。 */
.fusion-background-review{position:fixed;right:18px;bottom:16px;z-index:40;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 10px;background:rgba(3,10,24,.94);border:1px solid rgba(175,196,225,.3);border-radius:8px;box-shadow:0 10px 30px rgba(0,3,12,.4);backdrop-filter:blur(12px);color:#dbe5f5;font-size:13px;max-width:calc(100vw - 32px)}
.fusion-background-review span{padding:0 6px;font-size:13px}
.fusion-background-review button{font:inherit;font-size:14px;min-height:44px;padding:8px 12px;background:transparent;color:#c8d6e9;border:1px solid transparent;border-radius:5px;cursor:pointer}
.fusion-background-review button:hover{background:#0d2446;color:white}
.fusion-background-review button[aria-pressed="true"]{background:#9cbfff;color:#04142d;border-color:#c3d8fc}
.fusion-background-review button:focus-visible{outline:2px solid #bed8ff;outline-offset:2px}
/* 三种试版都保留深蓝主题，背景只施加在原目录外壳，产品照片、承托面和参数不参与调色。 */
html[data-theme="navy"][data-catalogue-background]:not([data-catalogue-background="original"]) .catalogue-layout{position:relative;isolation:isolate}
/* 侧向柔光从左侧留白进入，阅读区域保持暗面；光照范围有限，避免平均把整页铺蓝。 */
html[data-theme="navy"][data-catalogue-background="side-light"] .catalogue-layout{background:radial-gradient(ellipse at 0% 23%,rgba(176,197,229,.16),transparent 42%),radial-gradient(ellipse at 84% 66%,rgba(26,70,152,.12),transparent 50%),linear-gradient(112deg,#06142b,#020b1d 54%,#061b3e)}
html[data-theme="navy"][data-catalogue-background="side-light"] .page-intro{background:radial-gradient(ellipse at 2% 50%,rgba(151,182,226,.10),transparent 52%),linear-gradient(125deg,#04132c,#020b1c 68%,#061b3b)}
/* 半透明斜面给目录增加远近关系；边界在内容后方，不能截获鼠标，也不会产生额外排版高度。 */
html[data-theme="navy"][data-catalogue-background="planes"] .catalogue-layout{background:radial-gradient(ellipse at 72% 8%,rgba(26,70,152,.15),transparent 49%),linear-gradient(115deg,#030c20,#061b3c 68%,#020918)}
html[data-theme="navy"][data-catalogue-background="planes"] .catalogue-layout:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:polygon(-10% 0,23% 0,85% 100%,46% 100%);background:linear-gradient(145deg,rgba(177,199,232,.10),rgba(40,82,145,.085) 43%,transparent 85%)}
html[data-theme="navy"][data-catalogue-background="planes"] .catalogue-layout:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:polygon(74% 0,110% 0,72% 100%,26% 100%);background:linear-gradient(155deg,rgba(1,6,16,.16),rgba(0,3,13,.48) 63%,rgba(6,20,43,.12))}
html[data-theme="navy"][data-catalogue-background="planes"] .catalogue-layout>*{z-index:1}
/* 冷白反光只形成一束局部的擦光，银灰不铺满背景；深蓝暗面与明亮设备之间保留层次。 */
html[data-theme="navy"][data-catalogue-background="reflection"] .catalogue-layout{background:radial-gradient(ellipse at 35% 0%,rgba(206,221,242,.14),transparent 47%),linear-gradient(126deg,#020918,#051832 46%,#081d3c 70%,#010817)}
html[data-theme="navy"][data-catalogue-background="reflection"] .catalogue-layout:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:polygon(3% 0,17% 0,88% 100%,75% 100%);background:linear-gradient(152deg,rgba(214,230,253,.15),rgba(100,149,210,.055) 32%,transparent 72%)}
html[data-theme="navy"][data-catalogue-background="reflection"] .catalogue-layout>*{z-index:1}
html[data-theme="navy"][data-catalogue-background="reflection"] .page-intro{background:radial-gradient(ellipse at 42% 0%,rgba(194,214,243,.13),transparent 62%),linear-gradient(125deg,#030c20,#061934 66%,#010a1a)}
/* 窄屏对照工具放在页面尾部，避免固定工具遮住产品文字和手机点击区域。 */
@media(max-width:700px){.fusion-background-review{position:relative;right:auto;bottom:auto;margin:16px auto;max-width:calc(100% - 28px);justify-content:center}.fusion-background-review span{width:100%;text-align:center}.fusion-background-review button{padding:8px 10px}}