:root { --ink:#07131d; --panel:#0d202d; --line:rgba(185,221,232,.18); --text:#eef7fa; --muted:#9aafb8; --cyan:#27d6d2; --lime:#b8e843; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--ink); font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; line-height:1.65; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1180px,calc(100% - 48px)); margin:auto; }
.nav { height:76px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:12px; font-weight:700; font-size:20px; letter-spacing:1px; }
.brand-mark { width:32px; height:32px; position:relative; border:2px solid var(--cyan); transform:rotate(45deg); }
.brand-mark::after { content:""; position:absolute; width:10px; height:10px; background:var(--lime); right:-6px; top:-6px; }
.brand small { color:var(--muted); font-size:11px; font-weight:400; letter-spacing:2px; display:block; margin-top:-4px; }
.nav-links { display:flex; align-items:center; gap:28px; font-size:14px; color:#d8e6e9; }
.nav-links a:hover { color:var(--cyan); }
.nav-dropdown { position:relative; padding:28px 0; }
.nav-dropdown > a { display:inline-flex; align-items:center; gap:7px; }
.nav-dropdown > a::after { content:""; width:7px; height:7px; border-right:1.5px solid var(--cyan); border-bottom:1.5px solid var(--cyan); display:inline-block; transform:rotate(45deg) translateY(-2px); transform-origin:center; }
.dropdown-menu { position:absolute; top:68px; left:-18px; min-width:150px; padding:8px; margin:0; list-style:none; background:#0d202d; border:1px solid var(--line); box-shadow:0 14px 30px rgba(0,0,0,.28); opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s ease; }
.nav-dropdown:hover .dropdown-menu, .nav-dropdown:focus-within .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0); }
.dropdown-menu a { display:block; padding:9px 12px; white-space:nowrap; font-size:13px; }
.dropdown-menu a:hover { background:rgba(39,214,210,.1); }
.nav-cta { border:1px solid var(--cyan); color:var(--cyan); padding:8px 15px; }
.hero { min-height:720px; position:relative; overflow:hidden; background:linear-gradient(90deg,rgba(4,15,23,.94) 0%,rgba(4,15,23,.75) 43%,rgba(4,15,23,.2) 100%),url('https://images.unsplash.com/photo-1496247749665-49cf5b1022e9?auto=format&fit=crop&w=2000&q=90') center/cover; }
.hero::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(39,214,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(39,214,210,.08) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,#000,transparent 76%); }
.hero-content { position:relative; z-index:1; padding:126px 0 128px; max-width:760px; }
.eyebrow { color:var(--cyan); font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; display:flex; align-items:center; gap:10px; }
.eyebrow::before { content:""; width:36px; height:1px; background:var(--cyan); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(42px,6vw,78px); line-height:1.12; letter-spacing:1px; margin:20px 0 24px; font-weight:700; }
h1 strong { color:var(--lime); font-weight:inherit; }
.hero p { max-width:630px; color:#c0d1d7; font-size:18px; }
.hero-actions { display:flex; gap:14px; margin-top:38px; }
.btn { display:inline-flex; align-items:center; min-height:48px; padding:0 23px; font-size:14px; font-weight:700; transition:.2s; }
.btn-primary { background:var(--cyan); color:#06202a; }.btn-primary:hover { background:#66eeea; }
.btn-ghost { border:1px solid rgba(238,247,250,.5); }.btn-ghost:hover { border-color:var(--cyan); color:var(--cyan); }
.hero-data { position:absolute; z-index:1; bottom:33px; right:max(24px,calc((100vw - 1180px)/2)); display:flex; gap:38px; color:#d6e7ea; }
.hero-data div { border-left:1px solid var(--cyan); padding-left:12px; }.hero-data b { display:block; color:var(--lime); font-size:20px; }.hero-data span { font-size:12px; color:var(--muted); }
.section { padding:100px 0; }.section-light { background:#eaf2f3; color:#102530; }.section-dark { background:#081923; }
.section-head { max-width:700px; margin-bottom:48px; }.section-head h2 { font-size:clamp(30px,4vw,48px); line-height:1.25; margin:13px 0; }.section-head p { color:var(--muted); }.section-light .section-head p { color:#5d7078; }
.industry-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.industry { min-height:435px; position:relative; overflow:hidden; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; background:#122a36; }
.industry::before { content:""; position:absolute; inset:0; background-position:center; background-size:cover; transition:transform .5s; }.industry:hover::before { transform:scale(1.06); }
.industry::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,18,26,.94),rgba(5,18,26,.08) 80%); }
.industry-power::before { background-image:url('https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&w=900&q=85'); }.industry-chemical::before { background-image:url('https://images.unsplash.com/photo-1565514020179-026b92b84bb6?auto=format&fit=crop&w=900&q=85'); }.industry-foundry::before { background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=900&q=85'); }
.industry > * { position:relative; z-index:1; }.industry .num { color:var(--lime); font-size:13px; letter-spacing:2px; }.industry h3 { font-size:27px; margin:10px 0; }.industry p { color:#c1d0d4; font-size:14px; margin-bottom:24px; }.text-link { color:var(--cyan); font-size:14px; font-weight:700; }.text-link::after { content:" ->"; margin-left:5px; }
.capability { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:center; }.capability-image { min-height:500px; background:url('https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=1100&q=85') center/cover; position:relative; }.capability-image::after { content:"DATA / DECISION / CONTROL"; position:absolute; right:-44px; bottom:42px; padding:10px 18px; background:var(--lime); color:#173039; font-size:11px; font-weight:bold; letter-spacing:2px; }.capability-list { border-top:1px solid #cad9dc; }.capability-item { padding:17px 0; border-bottom:1px solid #cad9dc; display:grid; grid-template-columns:45px 1fr; gap:13px; }.capability-item b { color:#0b5263; font-size:13px; }.capability-item h3 { font-size:18px; margin:0 0 4px; }.capability-item p { margin:0; color:#587078; font-size:14px; }
.model { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.model-card { padding:42px; border:1px solid var(--line); background:linear-gradient(135deg,rgba(39,214,210,.07),transparent 65%); }.model-card .tag { color:var(--lime); font-size:12px; letter-spacing:2px; }.model-card h3 { font-size:28px; margin:13px 0; }.model-card p { color:var(--muted); margin-bottom:0; }
.contact { background:var(--lime); color:#0b222c; padding:70px 0; }.contact .wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }.contact h2 { font-size:clamp(29px,4vw,47px); line-height:1.25; margin:0; }.contact p { margin:5px 0 0; }.contact .btn { background:#0b222c; color:#fff; white-space:nowrap; }
footer { padding:34px 0; background:#061018; color:#879ba3; font-size:13px; }.footer-row { display:flex; justify-content:space-between; gap:16px; }.footer-row b { color:#dbe8eb; }
.footer-row .record-link { color:#879ba3; }
.footer-row .record-link:hover { color:var(--cyan); }
.page-hero { min-height:500px; position:relative; overflow:hidden; }.page-hero .nav { position:relative; z-index:1; }.page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,15,23,.9),rgba(4,15,23,.45)),var(--hero-img) center/cover; }.page-title { position:relative; z-index:1; padding:95px 0; max-width:780px; }.page-title h1 { font-size:clamp(40px,5vw,64px); }.page-title p { color:#c8d8dd; font-size:17px; }
.page-hero[style*="photo-1533232816731"]::before { background-image:linear-gradient(90deg,rgba(4,15,23,.9),rgba(4,15,23,.45)),url('https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?auto=format&fit=crop&w=2000&q=90'); }
.page-hero[style*="photo-1531988042231"]::before { background-image:linear-gradient(90deg,rgba(4,15,23,.9),rgba(4,15,23,.45)),url('https://images.unsplash.com/photo-1565514020179-026b92b84bb6?auto=format&fit=crop&w=2000&q=90'); }
.page-hero[style*="photo-1516939884455"]::before { background-image:linear-gradient(90deg,rgba(4,15,23,.9),rgba(4,15,23,.45)),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2000&q=90'); }
.breadcrumbs { color:#9db4bb; font-size:13px; margin-bottom:18px; }.breadcrumbs a:hover { color:var(--cyan); }
.intro { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }.intro h2 { font-size:35px; line-height:1.3; }.intro p { color:#526a73; font-size:16px; }.metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:34px; border-top:1px solid #b5c8cc; }.metrics div { padding:18px 12px 0 0; }.metrics b { display:block; color:#087f86; font-size:25px; }.metrics span { color:#668088; font-size:13px; }
.solution-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.solution { background:#0b1b26; padding:34px; min-height:230px; }.solution .index { color:var(--lime); font-size:13px; }.solution h3 { margin:14px 0 8px; font-size:23px; }.solution p { margin:0; color:var(--muted); font-size:14px; }
.process { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }.step { border-top:2px solid #109fa7; padding-top:16px; }.step b { color:#0c5d70; font-size:13px; }.step h3 { margin:10px 0 5px; font-size:18px; }.step p { color:#61767d; font-size:13px; margin:0; }
@media (max-width:760px) { .wrap { width:min(100% - 32px,1180px); }.nav { height:66px; }.nav-links { display:none; }.hero { min-height:680px; }.hero-content { padding:100px 0 150px; }.hero p { font-size:16px; }.hero-data { left:16px; bottom:25px; right:auto; gap:20px; }.hero-data div { font-size:12px; }.section { padding:70px 0; }.industry-grid,.model,.solution-grid { grid-template-columns:1fr; }.industry { min-height:350px; }.capability,.intro { grid-template-columns:1fr; gap:35px; }.capability-image { min-height:330px; }.capability-image::after { right:0; }.process { grid-template-columns:repeat(2,1fr); }.contact .wrap,.footer-row { align-items:flex-start; flex-direction:column; }.page-title { padding:70px 0 80px; }.metrics { grid-template-columns:repeat(3,1fr); }.metrics b { font-size:20px; }.model-card { padding:30px; } }