:root{--max:none}
html,body{width:100%;min-height:100%;overflow-x:hidden}
body{background-size:100% 100%;background-attachment:fixed}
.container{width:calc(100% - 48px);max-width:none}
.nav-inner{padding:10px 0 4px}
.brand-mark{width:336px;height:116px;object-fit:contain;transform:translateY(8px)}
.tap-hotline{color:#07111f!important;background:linear-gradient(135deg,var(--gold-2),var(--gold));padding:10px 15px;border-radius:999px;font-weight:800;white-space:nowrap}
.tap-hotline:hover{transform:translateY(-1px);filter:brightness(1.06)}
.tap-language-wrap{position:fixed;top:86px;right:18px;z-index:70;display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(7,17,31,.94);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.tap-language-wrap span{font-size:16px}.tap-language-select{width:auto;min-width:118px;padding:8px 28px 8px 10px;border:0;background:#10243b;color:#fff;border-radius:999px;outline:none;cursor:pointer}
.tap-contact-card{margin-top:28px;display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;padding:30px;background:linear-gradient(135deg,rgba(216,179,106,.12),rgba(255,255,255,.045));border:1px solid rgba(216,179,106,.28);border-radius:var(--radius);box-shadow:var(--shadow)}
.tap-contact-copy h3{font-size:clamp(25px,3vw,38px);margin:10px 0}.tap-contact-copy p{color:var(--muted)}.tap-kicker{color:var(--gold-2);font-size:12px;font-weight:800;letter-spacing:.14em}
.tap-contact-form label{display:block;color:var(--muted);font-size:13px;margin-bottom:14px}.tap-contact-form label span{display:block;margin-bottom:5px}.tap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.tap-contact-form input,.tap-contact-form select,.tap-contact-form textarea,.tap-chat-form input{width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.07);color:var(--text);padding:12px 13px;outline:none;font:inherit}.tap-contact-form select option{color:#111}.tap-contact-form textarea{min-height:118px;resize:vertical}.tap-contact-form input:focus,.tap-contact-form select:focus,.tap-contact-form textarea:focus,.tap-chat-form input:focus{border-color:var(--gold)}.tap-form-status{min-height:24px;margin-top:10px;color:var(--gold-2)}
.tap-chat-launcher{position:fixed;right:20px;bottom:20px;z-index:90;height:56px;padding:0 20px;border:0;border-radius:999px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#07111f;font-weight:800;cursor:pointer;box-shadow:0 16px 46px rgba(0,0,0,.4)}.tap-chat-launcher i{font-style:normal;font-size:20px}
.tap-chat-panel{position:fixed;right:20px;bottom:88px;z-index:89;width:min(390px,calc(100vw - 30px));height:min(590px,calc(100vh - 120px));display:none;grid-template-rows:auto auto 1fr auto;background:#091828;border:1px solid rgba(216,179,106,.38);border-radius:20px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.55)}.tap-chat-panel.open{display:grid}
.tap-chat-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#10243b;border-bottom:1px solid var(--line)}.tap-chat-head strong,.tap-chat-head small{display:block}.tap-chat-head small{color:var(--muted)}.tap-chat-close{border:0;background:none;color:#fff;font-size:25px;cursor:pointer}
.tap-chat-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px 12px;background:#07131f;border-bottom:1px solid var(--line)}.tap-chat-modes button{padding:9px;border:1px solid var(--line);border-radius:10px;background:#10263a;color:var(--muted);font-weight:800;cursor:pointer}.tap-chat-modes button.active{background:var(--gold);color:#07111f;border-color:var(--gold)}.tap-chat-message.fallback{border:1px solid rgba(216,179,106,.55)}
.tap-chat-messages{padding:15px;overflow:auto;display:flex;flex-direction:column;gap:10px}.tap-chat-message{max-width:86%;padding:10px 13px;border-radius:15px;white-space:pre-wrap;font-size:14px;line-height:1.5}.tap-chat-message.assistant{align-self:flex-start;background:#15324a}.tap-chat-message.user{align-self:flex-end;background:var(--gold);color:#07111f}.tap-chat-message.typing{opacity:.65;font-style:italic}
.tap-chat-form{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:11px;background:#07131f;border-top:1px solid var(--line)}.tap-chat-send{border:0;border-radius:11px;background:var(--gold);color:#07111f;font-size:19px;cursor:pointer}
.foxconn-digital{padding:58px 0 76px;background:linear-gradient(180deg,rgba(3,12,24,.35),rgba(3,13,25,.9));border-top:1px solid rgba(62,147,205,.18);border-bottom:1px solid rgba(62,147,205,.18)}
.foxconn-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.foxconn-head h2{margin:6px 0 8px;font-size:clamp(28px,3vw,48px)}.foxconn-head p{margin:0;color:var(--muted)}.foxconn-live{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #126d70;border-radius:999px;color:#2ee0b0;white-space:nowrap}.foxconn-live i{width:9px;height:9px;border-radius:50%;background:#2ee0b0;box-shadow:0 0 14px #2ee0b0}
.foxconn-showcase{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;margin-top:28px}.scada-panel,.digital-twin-panel{min-width:0;background:#061425;border:1px solid #19476b;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.scada-panel{padding:14px;color:#fff;font-size:12px}.scada-top,.scada-status{display:flex;align-items:center;justify-content:space-between;gap:15px}.scada-top{padding:0 4px 12px}.scada-top strong,.scada-top small{display:block}.scada-top strong{font-size:15px;color:#43caff}.scada-top small{color:#b8ccdc}.scada-top>span{border:1px solid #1a668d;border-radius:7px;padding:6px 9px;color:#42d8ff}.scada-status{background:#0e2239;border:1px solid #1d4b70;border-radius:9px;padding:10px 12px}.scada-status em{font-style:normal;color:#2ee0b0}.scada-grid{display:grid;grid-template-columns:1fr 1.2fr .78fr;gap:10px;margin-top:12px}.scada-stack{display:grid;gap:8px}.scada-card,.scada-health,.scada-controls{background:#0e1f35;border:1px solid #20415e;border-radius:10px;padding:10px}.scada-card small,.scada-card strong,.scada-card em{display:block}.scada-card strong{font-size:22px;color:#e8f2ff}.scada-card sup{font-size:10px}.scada-card em{font-style:normal;color:#2ee0b0}.scada-card.active{border-color:#13a58e}.scada-card.active strong{color:#2ee0b0}.scada-card.warning{border-color:#d79b16}.scada-card.warning strong,.scada-card.warning em{color:#ffc247}.scada-health{text-align:center}.scada-health h3{font-size:14px;margin:0}.scada-health>p{color:#2ee0b0;font-weight:800}.health-ring{width:94px;height:94px;margin:8px auto 12px;border-radius:50%;display:grid;place-items:center;background:#2bdca9;color:#fff;font-size:25px;font-weight:900;box-shadow:0 0 24px rgba(43,220,169,.2)}.scada-health ul{padding:0;margin:0;list-style:none;text-align:left}.scada-health li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #294059}.scada-health li em{font-style:normal;color:#2ee0b0}.scada-controls{display:flex;flex-direction:column;gap:7px}.scada-controls button{border:0;border-radius:7px;padding:10px 5px;background:#2bdca9;font-weight:900;font-size:10px}.scada-controls button.danger{background:#ff2850;color:#fff}.scada-controls button.reset{background:#ffc247}.scada-controls h4{margin:2px 0}.scada-controls div{padding:8px;border:1px solid #284661;border-radius:7px}.scada-controls div small,.scada-controls div b{display:block}.scada-controls div b{color:#2ee0b0;font-size:9px}.scada-controls div b.off{color:#ff4768}
.digital-twin-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:540px}.twin-toolbar,.twin-pinbar{display:flex;align-items:center;gap:8px;padding:10px;background:#0d2035;border-bottom:1px solid #1c4767}.twin-toolbar button,.twin-pinbar button,.twin-pinbar select{border:1px solid #2b5b7b;border-radius:7px;background:#112a42;color:#dceafa;padding:7px 10px;cursor:pointer}.twin-toolbar button.active,.twin-toolbar button:hover,.twin-pinbar button:hover{background:#2d4358;color:#fff}.twin-stage{position:relative;min-height:440px;display:grid;place-items:center;overflow:hidden;perspective:1100px;background:radial-gradient(circle at 50% 48%,#102943 0,#061321 58%,#030b15 100%);cursor:grab}.twin-stage:active{cursor:grabbing}.twin-model{position:relative;width:min(95%,900px);transform-style:preserve-3d;transition:transform .35s ease;will-change:transform}.twin-model svg{width:100%;filter:drop-shadow(0 24px 25px rgba(0,0,0,.55));overflow:visible}.twin-pin{position:absolute;z-index:2;transform:translate(-50%,-50%);border:1px solid #23ddff;border-radius:7px;background:#06243a;color:#fff;padding:6px 9px;font-size:11px;font-weight:800;box-shadow:0 0 15px rgba(35,221,255,.45);cursor:pointer}.twin-pin:before{content:"";position:absolute;left:50%;top:100%;height:24px;border-left:2px solid #22dbf5}.twin-pin.pinned{background:#e7aa2f;color:#07111f;border-color:#fff;box-shadow:0 0 25px #ffc247;animation:pinPulse 1.2s infinite}.twin-model [data-device].pinned{filter:url(#glow)}.twin-hint{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(5,20,35,.76);color:#9cc3dc;font-size:11px;pointer-events:none}.twin-pinbar{border-top:1px solid #1c4767;border-bottom:0;flex-wrap:wrap}.twin-pinbar span{color:#76a2bf;font-size:11px}.twin-pinbar select{min-width:115px}@keyframes pinPulse{50%{box-shadow:0 0 32px #ffc247;transform:translate(-50%,-50%) scale(1.05)}}
.twin-stage model-viewer{display:block;width:100%;height:100%;min-height:440px;background:transparent;--poster-color:transparent;--progress-bar-color:#23ddff;--progress-bar-height:4px}.twin-stage model-viewer::part(default-progress-bar){display:none}.twin-stage model-viewer .twin-pin{position:relative;left:auto;top:auto;transform:none;white-space:nowrap}.twin-stage model-viewer .twin-pin.pinned{animation:twinModelPulse 1.2s infinite}.twin-loader{position:absolute;inset:auto 12% 18px;display:flex;align-items:center;gap:10px;color:#a9c7dc;font-size:11px}.twin-loader span{height:4px;flex:1;border-radius:4px;background:linear-gradient(90deg,#23ddff,var(--gold));animation:twinLoad 1.4s ease-in-out infinite;transform-origin:left}.twin-loader.hide{display:none}@keyframes twinModelPulse{50%{box-shadow:0 0 32px #ffc247;filter:brightness(1.15)}}@keyframes twinLoad{50%{transform:scaleX(.35);opacity:.6}}
@media(min-width:1700px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:56px}.grid-3{gap:24px}.section-head{max-width:1200px}}
@media(max-width:1200px){.foxconn-showcase{grid-template-columns:1fr}.digital-twin-panel{min-height:500px}.scada-grid{grid-template-columns:1fr 1fr}.scada-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.scada-controls h4{grid-column:1/-1}}
@media(max-width:760px){.container{width:calc(100% - 24px)}.brand-mark{width:236px;height:81px;transform:translateY(5px)}.tap-language-wrap{top:auto;bottom:84px;left:16px;right:auto}.tap-contact-card,.tap-form-grid{grid-template-columns:1fr}.tap-contact-card{padding:22px}.tap-chat-launcher{right:15px;bottom:15px}.tap-chat-panel{right:15px;bottom:80px}.foxconn-digital{padding:42px 0}.foxconn-head{align-items:flex-start;flex-direction:column}.scada-grid{grid-template-columns:1fr}.scada-controls{grid-column:auto;display:flex}.digital-twin-panel{min-height:420px}.twin-stage{min-height:330px}.twin-pin{font-size:8px;padding:4px 5px}.twin-toolbar{overflow:auto}.twin-toolbar button{white-space:nowrap}}
