/* 此文件是五种工程区构图的临时原型：比较叙事、配置、对照、拆解和影像怎样接续首页。仅网址选中方案时启用。 */
.ep-section{position:relative;isolation:isolate;padding:100px 48px 92px;overflow:hidden;background:radial-gradient(ellipse at 75% 48%,#10377288,transparent 58%),linear-gradient(155deg,#000618,#031332 62%,#000618);color:#f3f7fc}
.ep-section::after{content:"";position:absolute;inset:48% -10% 0;z-index:-1;background:radial-gradient(ellipse at 58% 65%,#2e579d55,transparent 62%);pointer-events:none}
.ep-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}
.ep-section h2{font-size:clamp(32px,3.6vw,57px);font-weight:600;letter-spacing:-.055em;line-height:1.08;margin:10px 0 0;max-width:650px}
.ep-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8cbbff}
.ep-heading>a{white-space:nowrap;font-size:12px;color:#bdd3f1;border-bottom:1px solid #4d6687;padding:9px 0}
.ep-section p{font-size:14px;line-height:1.75;color:#bdcce4;max-width:540px}
.ep-section h3{font-size:25px;font-weight:500;letter-spacing:-.035em;margin:12px 0}
.ep-section button{font:inherit;color:inherit;cursor:pointer}
.ep-section button:focus-visible,.ep-section input:focus-visible,.ep-dock button:focus-visible,.ep-dock a:focus-visible{outline:2px solid #a6ceff;outline-offset:5px}
.ep-note{font-size:10px!important;color:#92abd0!important;letter-spacing:.025em;margin:14px 0 0}
.ep-controls{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 12px}
.ep-controls button,.ep-choice button,.ep-layer-buttons button{border:1px solid #6f9bce55;border-radius:30px;background:#0a1f4288;padding:10px 18px;font-size:12px}
.ep-controls button[aria-pressed="true"],.ep-choice button[aria-pressed="true"],.ep-layer-buttons button[aria-pressed="true"]{background:#b4d2ff;color:#07142e;border-color:#b4d2ff}
.ep-capabilities{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.ep-capabilities button{background:none;border:0;border-bottom:1px solid #42648a66;padding:8px 0;margin-right:18px;font-size:11px;color:#93afd4}
.ep-capabilities button[aria-pressed="true"]{color:#eef5ff;border-color:#9cc3ff}
.ep-status{font-size:11px;color:#9fc5ff;letter-spacing:.035em;min-height:20px}
/* 蓝图采用左右非对称构图，网格与导线只表达外形研究，不携带未经核准的尺寸。 */
.ep-blueprint-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.ep-blueprint-stage{position:relative;border:1px solid #83baff35;border-radius:4px;aspect-ratio:1.35;background:radial-gradient(ellipse at 65% 70%,#174a9544,transparent 66%),#020d23;overflow:hidden;box-shadow:0 30px 70px #00081c88}
.ep-blueprint-stage svg,.ep-compare-image svg{display:block;width:100%;height:100%}
.ep-blueprint-stage svg text{font-family:inherit;fill:#9fbce3;font-size:11px;letter-spacing:2px}
.ep-blueprint-stage .ep-guides{stroke:#75aaf3;fill:none;stroke-width:1;opacity:.62}
.ep-blueprint-stage .ep-guide-grid{opacity:.13}
.ep-blueprint-tag{position:absolute;top:23px;left:24px;font-size:10px;letter-spacing:.13em;color:#a6c5f3}
.ep-blueprint-foot{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px;color:#9fc5f0}
/* 配置面板将控制放在左侧窄栏，右侧为连续展台，避免再次使用轮播卡片形式。 */
.ep-config-layout{display:grid;grid-template-columns:270px 1fr;gap:46px;align-items:start}
.ep-config-panel{padding:25px 24px;background:linear-gradient(125deg,#40679b24,#09214577);border:1px solid #87b7f035;border-radius:20px;backdrop-filter:blur(18px)}
.ep-choice{border:0;margin:0 0 24px;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.ep-choice legend{font-size:11px;color:#a8c1e6;padding:0 0 12px;width:100%;letter-spacing:.07em}
.ep-choice button{padding:9px 13px;font-size:11px}
.ep-config-stage{position:relative;height:420px;display:flex;align-items:center;justify-content:center;perspective:800px}
.ep-config-stage::before{content:"";position:absolute;width:80%;height:170px;bottom:28px;border:1px solid #6f9df255;border-radius:50%;transform:rotateX(65deg);background:radial-gradient(ellipse,#3164b080,transparent 68%);box-shadow:0 40px 70px #002b9855}
.ep-config-stage img{position:relative;width:64%;height:84%;object-fit:contain;filter:drop-shadow(0 24px 15px #000814);z-index:2;transition:transform .55s}
.ep-config-stage[data-mount="envelope"] img{transform:scale(.85) translateY(-10px)}
.ep-envelope{position:absolute;inset:15% 10% 10%;border:1px dashed #7da4d499;border-radius:18px;transform:skewY(-3deg);opacity:0;transition:opacity .4s}
.ep-config-stage[data-mount="envelope"] .ep-envelope{opacity:1}
.ep-connector{position:absolute;right:4%;top:46%;color:#a6cfff;font-size:10px;max-width:90px;border-left:1px solid #8fbaff;padding:12px;opacity:0;transition:opacity .4s}
.ep-connector::before{content:"";position:absolute;width:78px;right:100%;top:50%;height:1px;background:#8fbaff}
.ep-config-stage[data-automation="module"] .ep-connector{opacity:1}
.ep-config-summary{display:flex;gap:30px;border-top:1px solid #5983be55;padding-top:17px;flex-wrap:wrap}
.ep-config-summary div{font-size:11px;color:#9db9df}
.ep-config-summary strong{display:block;font-size:16px;color:#eef4ff;font-weight:500;margin-top:7px}
/* 对照方案使用单张大画布，原生滑杆和图片中线共用百分比，保证触屏与键盘得到一致结果。 */
.ep-compare-top{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.ep-compare-top p{margin:0;max-width:660px}
.ep-compare-stage{position:relative;height:480px;border:1px solid #6998de55;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 76%,#2e579d66,transparent 65%),#020d25;--reveal:50%}
.ep-compare-image{position:absolute;inset:0}
.ep-compare-outline{background-image:linear-gradient(#608ecc14 1px,transparent 1px),linear-gradient(90deg,#608ecc14 1px,transparent 1px);background-size:30px 30px}
.ep-compare-photo{clip-path:inset(0 0 0 var(--reveal));background:radial-gradient(ellipse at 50% 76%,#26559a66,transparent 65%),#061838}
.ep-compare-line{position:absolute;left:var(--reveal);top:0;bottom:0;width:1px;background:#a0c7ff;pointer-events:none;box-shadow:0 0 14px #9bc7ff88}
.ep-compare-line span{position:absolute;left:-23px;top:46%;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid #96bded;background:#143361e6;font-size:18px}
.ep-compare-labels{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#b8d2f6;pointer-events:none}
.ep-compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}
.ep-compare-stage:focus-within{outline:2px solid #9ecaff;outline-offset:4px}
.ep-compare-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
/* 拆解方案用独立等轴测示意层，视觉分离程度由滑杆控制，并明确不代表真实产品内部结构。 */
.ep-assembly-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}
.ep-assembly-stage{height:470px;position:relative;background:radial-gradient(ellipse at 50% 80%,#315b9d77,transparent 58%)}
.ep-assembly-stage svg{width:100%;height:100%;overflow:visible}
.ep-assembly-stage .ep-layer{cursor:pointer;transition:filter .2s}
.ep-assembly-stage .ep-layer:hover,.ep-assembly-stage .ep-layer[data-selected="true"]{filter:drop-shadow(0 0 12px #6b9fed99)}
.ep-layer-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.ep-layer-buttons button{font-size:11px}
.ep-separation{display:block;margin-top:20px;font-size:11px;color:#b4cae9}
.ep-separation input{width:100%;display:block;margin-top:17px;accent-color:#a3c7ff}
/* 影像方案采用宽幅舞台与纵向章节，真实竖屏素材保留比例，留出的边侧用同色环境承接。 */
.ep-film-layout{display:grid;grid-template-columns:1fr 285px;gap:34px}
.ep-film-stage{height:460px;position:relative;background:radial-gradient(ellipse at 50% 80%,#26559b88,transparent 65%),#020c21;border:1px solid #6a92c944;border-radius:16px;overflow:hidden;display:flex;justify-content:center}
.ep-film-stage::before{content:"";position:absolute;inset:10% 23%;background:#5785c355;filter:blur(65px)}
.ep-film-stage video{height:100%;width:auto;max-width:100%;position:relative;object-fit:contain;background:#000}
.ep-film-badge{position:absolute;left:24px;top:22px;font-size:10px;color:#c0d5f7;letter-spacing:.13em}
.ep-chapters{display:flex;flex-direction:column}
.ep-chapters button{display:flex;gap:15px;text-align:left;border:0;border-top:1px solid #4a71a455;background:transparent;padding:23px 0;color:#8eaace}
.ep-chapters button:last-of-type{border-bottom:1px solid #4a71a455}
.ep-chapters button[aria-current="true"]{color:#f3f7fc}
.ep-chapters button span{font-size:10px;padding-top:3px;color:#8ebaf5}
.ep-chapters button strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.025em}
.ep-chapters button small{display:block;font-size:10px;margin-top:6px;color:#98b4d8}
.ep-video-footer{display:flex;align-items:center;gap:20px;margin-top:20px}
.ep-video-footer button{border:1px solid #8aaedf66;background:#142d50;border-radius:30px;font-size:12px;padding:10px 20px}
.ep-video-footer input{flex:1;accent-color:#a4c5fa;min-width:70px}
.ep-video-footer output{color:#afc9ee;font-size:11px;min-width:70px}
/* 底部工具属于内部方案审核，不进入官网画布；仅本机且带方案参数时显示，防止误当正式导航。 */
.ep-dock{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:9999;background:#e8f0fe;color:#102341;box-shadow:0 14px 50px #000b;border:1px solid #fff;border-radius:16px;padding:10px 14px;max-width:calc(100vw - 24px);width:640px;font:12px/1.4 sans-serif}
.ep-dock[hidden]{display:none}
.ep-dock-main{display:flex;align-items:center;gap:12px}
.ep-dock button{cursor:pointer;font:inherit;color:inherit}
.ep-dock-cycle{border:1px solid #a1b8d8;border-radius:50%;width:32px;height:32px;background:#fff;flex-shrink:0}
.ep-dock-label{flex:1;min-width:0}
.ep-dock-label strong{display:block;font-size:13px}
.ep-dock-state{display:block;color:#4b6688;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-dock a{color:#284c7c;font-size:10px;text-decoration:underline;white-space:nowrap}
.ep-dock-choices{display:flex;gap:6px;padding-top:8px;margin-top:8px;border-top:1px solid #b7c9e1}
.ep-dock-choices button{background:transparent;border:0;border-radius:6px;padding:5px 8px;flex:1;white-space:nowrap;font-size:10px}
.ep-dock-choices button[aria-pressed="true"]{background:#173862;color:white}
/* 容器查询同时兼容实际手机与审核工具的手机画布，不依赖窗口宽度推断设备。 */
#site-viewport{container-type:inline-size}
@container (max-width: 850px){
 .ep-section{padding:65px 25px 68px}.ep-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:30px}.ep-section h2{font-size:38px;max-width:440px}
 .ep-blueprint-layout,.ep-config-layout,.ep-assembly-layout,.ep-film-layout{grid-template-columns:1fr;gap:28px}.ep-blueprint-stage{aspect-ratio:1.2}.ep-blueprint-foot{font-size:8px;gap:10px;flex-wrap:wrap}.ep-compare-top{display:block}.ep-compare-top h3{font-size:21px}.ep-compare-stage{height:380px}.ep-compare-bottom{align-items:start;flex-direction:column;gap:0}
 .ep-config-panel{padding:20px}.ep-choice{margin-bottom:18px}.ep-config-stage{height:350px}.ep-config-summary{gap:22px}.ep-assembly-stage{height:370px;order:2}.ep-film-stage{height:440px}.ep-chapters{flex-direction:row;gap:12px}.ep-chapters button{flex:1;gap:8px;padding:15px 0}.ep-chapters button:last-of-type{border-bottom:0}.ep-chapters button strong{font-size:12px}.ep-chapters button small{font-size:9px}.ep-film-layout .ep-note{display:none}
}
@media(max-width:600px){.ep-dock{bottom:8px;padding:9px 10px}.ep-dock-main{gap:8px}.ep-dock-state{max-width:210px}.ep-dock-choices{gap:2px}.ep-dock-choices button{padding:5px 2px;font-size:9px}.ep-dock a{font-size:9px}.ep-dock-label strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ep-section *{transition:none!important;animation:none!important}}