:root{
  --abyss:#061822;
  --deep:#0a2632;
  --ocean:#0d3944;
  --reef:#16c7aa;
  --mint:#8debd8;
  --ember:#ff9858;
  --ice:#e9f7f4;
  --fog:#9bb9ba;
  --line:rgba(141,235,216,.22);
  --display:"Arial Narrow","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  --body:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  --utility:Consolas,"SFMono-Regular",monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--abyss)}
body{margin:0;min-height:100dvh;overflow-x:clip;color:var(--ice);background:var(--abyss);font-family:var(--body);line-height:1.75}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 49.7%,rgba(141,235,216,.045) 50%,transparent 50.3%) 0 0/168px 124px,
    linear-gradient(30deg,transparent 0 49.7%,rgba(141,235,216,.032) 50%,transparent 50.3%) 0 0/168px 124px,
    radial-gradient(circle at 82% 9%,rgba(22,199,170,.15),transparent 29%),
    var(--abyss);
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ember);outline-offset:5px}
.lp-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.lp-mono{font-family:var(--utility);font-size:11px;letter-spacing:.17em;text-transform:uppercase}

.lp-header{
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(141,235,216,.16);
  background:rgba(6,24,34,.86);
  backdrop-filter:blur(18px);
}
.lp-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.lp-brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:20px;white-space:nowrap}
.lp-brand img{display:block;width:34px;height:34px;object-fit:contain}
.lp-nav-links{display:flex;align-items:center;gap:26px;color:var(--fog);font-size:14px;font-weight:700;white-space:nowrap}
.lp-nav-links a{position:relative}
.lp-nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--reef);transition:right .2s ease}
.lp-nav-links a:hover{color:var(--ice)}
.lp-nav-links a:hover::after{right:0}
.lp-download{
  display:inline-flex;align-items:center;justify-content:center;min-width:138px;min-height:48px;padding:0 22px;
  color:#03251f;background:var(--mint);font-weight:900;
  white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  transition:background .2s ease,transform .2s ease;
}
.lp-download:hover{background:var(--ember);transform:translateY(-2px)}

.lp-hero{position:relative;isolation:isolate;padding:clamp(60px,8vw,118px) 0 clamp(88px,11vw,150px)}
.lp-hero::after{
  content:"";position:absolute;inset:auto -10vw 0 43%;height:28%;z-index:-1;
  background:var(--deep);clip-path:polygon(11% 0,100% 36%,100% 100%,0 100%);
}
.lp-hero-layout{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);
  align-items:center;gap:clamp(32px,5vw,72px);min-height:calc(100dvh - 175px);
}
.lp-hero-copy{position:relative;z-index:3}
.lp-overline{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--mint)}
.lp-overline::before{content:"";width:34px;height:1px;background:var(--reef)}
.lp-hero h1{
  max-width:10.5ch;margin:0;font-family:var(--display);font-size:clamp(54px,7.2vw,100px);
  font-stretch:condensed;font-weight:900;line-height:.94;letter-spacing:-.075em;
}
.lp-hero h1 span{display:block;color:var(--mint)}
.lp-hero-lead{max-width:35em;margin:28px 0 30px;color:var(--fog);font-size:clamp(16px,1.45vw,19px)}
.lp-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.lp-hero-note{display:inline-flex;align-items:center;gap:9px;color:var(--fog);font-size:13px}
.lp-hero-note i{width:7px;height:7px;background:var(--ember);transform:rotate(45deg)}
.lp-platforms{margin:26px 0 0;color:#719596;font:11px var(--utility);letter-spacing:.11em}

.lp-globe-stage{position:relative;align-self:center;min-width:0;aspect-ratio:1.08;margin:0;padding:0}
.lp-globe-stage::before{
  content:"";position:absolute;inset:8% 0 2% 7%;z-index:-1;
  background:radial-gradient(circle,rgba(22,199,170,.18),transparent 66%);
}
.lp-globe{
  display:block;width:100%;height:auto;overflow:visible;
  filter:drop-shadow(0 38px 55px rgba(0,0,0,.28));
}
.lp-globe .facet{stroke:rgba(141,235,216,.22);stroke-width:1}
.lp-globe .route{fill:none;stroke:var(--mint);stroke-width:1.5;stroke-dasharray:5 8;opacity:.82}
.lp-globe .route-hot{stroke:var(--ember)}
.lp-globe .node{fill:var(--mint)}
.lp-globe .node-hot{fill:var(--ember)}
.lp-terminal{
  position:absolute;right:4%;bottom:-4%;width:43%;margin:0;padding:0;z-index:2;
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.42));
}
.lp-terminal::before{
  content:"操作终端";position:absolute;right:100%;top:14%;padding-right:12px;color:var(--ember);
  font:10px var(--utility);letter-spacing:.15em;white-space:nowrap;
}
.lp-terminal img{
  display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;
  object-fit:contain;object-position:center;clip-path:none;transform:none;
}
.lp-concept-label{
  position:absolute;left:4%;bottom:7%;padding:8px 12px;border-left:2px solid var(--ember);
  color:var(--fog);background:rgba(6,24,34,.78);font:10px var(--utility);letter-spacing:.1em;
}

.lp-field-note{position:relative;padding:38px 0;background:var(--deep)}
.lp-field-note::before{
  content:"";position:absolute;inset:-42px 0 auto;height:43px;background:var(--deep);
  clip-path:polygon(0 100%,16% 66%,37% 78%,62% 20%,82% 48%,100% 0,100% 100%);
}
.lp-field-row{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(30px,8vw,120px);align-items:start}
.lp-field-row h2{margin:0;font-size:14px;color:var(--mint);letter-spacing:.12em}
.lp-field-row p{max-width:49em;margin:0;color:#b7cecc;font-size:clamp(16px,2vw,22px);line-height:1.58}

.lp-ribbon{position:relative;padding:clamp(92px,12vw,170px) 0}
.lp-ribbon-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;margin-bottom:clamp(50px,7vw,92px)}
.lp-ribbon-heading .lp-mono{margin:9px 0 0;color:var(--ember)}
.lp-ribbon-heading h2{
  max-width:15ch;margin:0;font-family:var(--display);font-size:clamp(38px,5vw,68px);
  line-height:1.03;letter-spacing:-.055em;
}
.lp-folds{position:relative}
.lp-folds::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--line),transparent)}
.lp-fold{
  position:relative;width:57%;min-height:220px;padding:42px clamp(32px,5vw,68px);
  background:var(--ocean);
  clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));
}
.lp-fold:nth-child(even){margin-left:auto;background:#0b303a}
.lp-fold+.lp-fold{margin-top:-18px}
.lp-fold::after{
  content:"";position:absolute;width:72px;height:72px;right:0;top:0;
  background:linear-gradient(135deg,rgba(141,235,216,.12) 49%,transparent 50%);
}
.lp-fold:nth-child(even)::after{right:auto;left:0;transform:rotate(-90deg)}
.lp-fold-knot{position:absolute;left:calc(100% + 9px);top:50%;width:12px;height:12px;background:var(--reef);transform:rotate(45deg)}
.lp-fold:nth-child(even) .lp-fold-knot{left:auto;right:calc(100% + 9px);background:var(--ember)}
.lp-fold small{color:var(--mint);font:11px var(--utility);letter-spacing:.15em}
.lp-fold h3{max-width:17ch;margin:24px 0 12px;font-size:clamp(25px,3vw,36px);line-height:1.15}
.lp-fold p{max-width:37em;margin:0;color:var(--fog)}

.lp-device-section{position:relative;padding:clamp(80px,10vw,145px) 0;background:#e2f0ed;color:#09242c}
.lp-device-section::before{
  content:"";position:absolute;inset:0 0 auto;height:92px;background:var(--abyss);
  clip-path:polygon(0 0,100% 0,100% 7%,74% 66%,48% 27%,21% 83%,0 52%);
}
.lp-device-layout{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:clamp(38px,8vw,112px);padding-top:42px}
.lp-device-visual{position:relative;align-self:center;height:auto;margin:0;padding:0}
.lp-device-visual::before{
  content:"";position:absolute;inset:10% -7% 3% 7%;z-index:0;background:#b7d7d0;
  clip-path:polygon(8% 0,78% 5%,100% 38%,84% 100%,20% 92%,0 45%);
}
.lp-device-visual img{
  position:relative;z-index:1;display:block;width:100%;height:auto;min-height:0;max-height:none;
  margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none;
}
.lp-device-copy .lp-mono{color:#177f70}
.lp-device-copy h2{max-width:12ch;margin:18px 0 20px;font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.05em}
.lp-device-copy p{max-width:38em;margin:0 0 28px;color:#476b6c}

.lp-route-method{padding:clamp(90px,12vw,170px) 0}
.lp-route-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(44px,8vw,120px)}
.lp-route-intro{position:sticky;top:120px;align-self:start}
.lp-route-intro .lp-mono{color:var(--ember)}
.lp-route-intro h2{max-width:10ch;margin:18px 0;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.05em}
.lp-route-intro p{color:var(--fog)}
.lp-route-line{position:relative;margin:0;padding:0;list-style:none}
.lp-route-line::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:1px;background:var(--line)}
.lp-route-line li{position:relative;padding:0 0 62px 76px}
.lp-route-line li:last-child{padding-bottom:0}
.lp-route-line li::before{
  content:"";position:absolute;left:8px;top:8px;width:19px;height:19px;border:1px solid var(--mint);
  background:var(--abyss);transform:rotate(45deg);
}
.lp-route-line li:nth-child(2)::before{border-color:var(--ember)}
.lp-route-line h3{margin:0 0 8px;font-size:25px}
.lp-route-line p{max-width:40em;margin:0;color:var(--fog)}

.lp-insights{position:relative;padding:clamp(90px,11vw,150px) 0;background:var(--deep)}
.lp-insights::before{
  content:"";position:absolute;inset:0;background:
  linear-gradient(162deg,transparent 23%,rgba(22,199,170,.07) 23.2% 38%,transparent 38.2%),
  linear-gradient(174deg,transparent 57%,rgba(255,152,88,.055) 57.2% 69%,transparent 69.2%);
  pointer-events:none;
}
.lp-insights-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:58px}
.lp-insights-head .lp-mono{color:var(--mint)}
.lp-insights-head h2{max-width:13ch;margin:14px 0 0;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.05em}
.lp-insights-head a{color:var(--mint);font-weight:800}
.lp-strata{position:relative;border-top:1px solid var(--line)}
.lp-stratum{
  display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:32px;
  min-height:150px;padding:28px 0;border-bottom:1px solid var(--line);
}
.lp-stratum .lp-mono{color:var(--ember)}
.lp-stratum h3{margin:0 0 6px;font-size:clamp(20px,2.4vw,30px)}
.lp-stratum p{margin:0;color:var(--fog)}
.lp-stratum b{font-family:var(--utility);font-size:25px;font-weight:400;color:#42666a}

.lp-final{position:relative;padding:clamp(90px,12vw,166px) 0}
.lp-final-shape{
  position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;
  padding:clamp(44px,7vw,86px);overflow:hidden;background:var(--reef);color:#032a26;
  clip-path:polygon(0 0,89% 0,100% 38%,94% 100%,7% 100%,0 69%);
}
.lp-final-shape::before{
  content:"";position:absolute;right:13%;top:-45%;width:240px;aspect-ratio:1;border:1px solid rgba(3,42,38,.22);
  transform:rotate(45deg);
}
.lp-final h2{max-width:14ch;margin:0 0 12px;font-size:clamp(36px,4.8vw,64px);line-height:1.04;letter-spacing:-.05em}
.lp-final p{max-width:38em;margin:0;color:#16534c}
.lp-final .lp-download{position:relative;color:var(--ice);background:var(--abyss)}
.lp-final .lp-download:hover{background:var(--ember);color:#201108}

.lp-footer{padding:58px 0 26px;border-top:1px solid var(--line);background:#04131b}
.lp-footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:44px}
.lp-footer h2,.lp-footer h3{margin-top:0}
.lp-footer h2{font-size:28px}
.lp-footer h3{color:var(--mint);font-size:12px;letter-spacing:.15em}
.lp-footer p,.lp-footer a{color:var(--fog)}
.lp-footer p{max-width:36em}
.lp-footer a{display:block;margin:8px 0}
.lp-footer a:hover{color:var(--ice)}
.lp-copyright{margin-top:36px;padding-top:22px;border-top:1px solid rgba(141,235,216,.12);color:#688687;font-size:12px}

@media(max-width:980px){
  .lp-hero-layout{grid-template-columns:1fr;min-height:auto}
  .lp-hero-copy{max-width:720px}
  .lp-globe-stage{width:min(100%,720px);justify-self:center}
  .lp-field-row,.lp-ribbon-heading,.lp-device-layout,.lp-route-layout{grid-template-columns:1fr}
  .lp-fold{width:76%}
  .lp-route-intro{position:static}
}

@media(max-width:700px){
  .lp-shell{width:min(100% - 28px,1200px)}
  .lp-nav{padding:12px 0;flex-wrap:wrap}
  .lp-nav-links{order:3;width:100%;gap:20px;overflow-x:auto;padding-bottom:3px}
  .lp-nav>.lp-download{display:none}
  .lp-hero{padding-top:50px}
  .lp-hero h1{font-size:clamp(48px,16vw,72px)}
  .lp-hero-actions{display:grid}
  .lp-hero-actions .lp-download{width:100%}
  .lp-globe-stage{width:108%;margin-left:-4%}
  .lp-terminal{right:0;bottom:-8%;width:45%}
  .lp-terminal::before{display:none}
  .lp-concept-label{left:2%;bottom:2%}
  .lp-field-row{gap:18px}
  .lp-folds::before{left:9px}
  .lp-fold,.lp-fold:nth-child(even){width:calc(100% - 28px);margin-left:28px;padding:34px 27px}
  .lp-fold+.lp-fold{margin-top:14px}
  .lp-fold-knot,.lp-fold:nth-child(even) .lp-fold-knot{left:-25px;right:auto}
  .lp-device-section::before{height:58px}
  .lp-route-line li{padding-left:58px}
  .lp-stratum{grid-template-columns:1fr;gap:8px;padding:28px 0}
  .lp-stratum b{display:none}
  .lp-insights-head{align-items:start;flex-direction:column}
  .lp-final-shape{grid-template-columns:1fr;padding:52px 30px;clip-path:polygon(0 0,90% 0,100% 9%,94% 100%,7% 100%,0 91%)}
  .lp-final .lp-download{width:100%}
  .lp-footer-grid{grid-template-columns:1fr 1fr}
  .lp-footer-grid>div:first-child{grid-column:1/3}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}

/* Hero media safety: final authoritative override */
.lp-hero-layout{align-items:center}
.lp-globe-stage{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible;transform:none}
.lp-terminal{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible;transform:none}
.lp-terminal img,.lp-device-visual img{
  display:block;width:100%;height:auto;min-width:0;min-height:0;max-height:none;
  margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none;
  opacity:1;filter:none;mix-blend-mode:normal;
}