/* ==========================================================================
   静态站补丁 —— 原站这几条在 WordPress「全局样式」里，
   转静态后没有 WP 容器包裹，用下面几行等效实现。
   ========================================================================== */
html, body { margin: 0; padding: 0; overflow-x: hidden; }
body > .lhx, body > .lhl, body > .lhb, body > .lht, body > .olh, body > .ftr { width: 100%; max-width: 100%; }

@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");


  
  .lhx, .lhx *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  .lhx{background:#ffffff;color:#111111;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;font-size:19.4px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
  .lhx a{color:inherit;text-decoration:none}
  .lhx .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
  .lhx section{padding:88px 0}
  .lhx h2{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(28px,3.6vw,40px);font-weight:700;letter-spacing:-.015em;line-height:1.2}
  .lhx .center{text-align:center}
  .lhx .sub{color:#666666;font-size:19.4px;margin-top:10px}
  .lhx .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:2px;font-weight:600;font-size:18.2px;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;transition:.18s;cursor:pointer;border:1px solid transparent;white-space:nowrap}
  .lhx .btn-blue{background:#22c55e;color:#000;font-weight:700}
  .lhx .btn-blue:hover{background:#8fd619;color:#000}
  .lhx .btn-dark{background:#1a1a1a;border-color:#1a1a1a;color:#fff}
  .lhx .btn-dark:hover{background:#242424}
  .lhx .btn-outline{border-color:#bdbdbd;color:#111;background:transparent}
  .lhx .btn-outline:hover{border-color:#111;background:rgba(0,0,0,.04)}
  .lhx .link{color:#111;font-weight:600;font-size:18.9px}
  .lhx .link:hover{color:#8fd619}
  .lhx .link .arr{color:#666666}

  /* ============ NAV ============ */
  .lhx header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.08)}
  .lhx .nav{display:flex;align-items:center;height:60px;gap:26px}
  .lhx .logo{display:flex;align-items:center;gap:9px;font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:19px;letter-spacing:-.01em}
  .lhx .logo-mark{width:24px;height:24px;flex:none}
  .lhx .nav-links{display:flex;gap:2px;flex:1}
  .lhx .nav-item{position:relative}
  .lhx .nav-item>a{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:19.9px;font-weight:500;color:#333333;border-radius:2px;transition:.15s}
  .lhx .nav-item>a:hover{color:#000}
  .lhx .caret{font-size:15.4px;color:#8a8a8a}
  .lhx .dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:210px;background:#ffffff;border:1px solid #e2e2e2;border-radius:4px;padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;box-shadow:0 20px 50px rgba(0,0,0,.12)}
  .lhx .nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  .lhx .dropdown a{display:block;padding:8px 12px;font-size:18.8px;color:#444444;border-radius:2px}
  .lhx .dropdown a:hover{background:rgba(0,0,0,.05);color:#000}
  .lhx .nav-cta{display:flex;gap:10px;align-items:center}
  .lhx .nav-cta .btn{padding:8px 16px;font-size:18.3px;border-radius:2px}
  .lhx .nav-console{font-size:18.9px;font-weight:600;color:#333333;padding:8px 10px}
  .lhx .nav-console:hover{color:#000}
  .lhx .burger{display:none;background:none;border:none;color:#111;font-size:24px;cursor:pointer}

  /* ============ HERO ============ */
  .lhx .hero{position:relative;min-height:88vh;display:flex;flex-direction:column;overflow:hidden;background:#000;padding:0}
  .lhx .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
  .lhx .hero-shade{position:absolute;inset:0;z-index:1;background:
    linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.34) 48%,rgba(0,0,0,.05) 80%),
    linear-gradient(to top,rgba(0,0,0,.82),transparent 34%)}
  .lhx .hero-main{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:56px;width:100%}
  .lhx .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.9px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#22c55e;margin-bottom:26px}
  .lhx .eyebrow::before{content:"";width:34px;height:2px;background:#22c55e;flex:none}
  .lhx .eyebrow svg{width:15px;height:15px;flex:none}
  .lhx .hero h1{color:#fff;font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(46px,6.4vw,78px);font-weight:800;letter-spacing:-.02em;line-height:1.05;max-width:760px}
  .lhx .hero h1 .accent{color:#22C55E}
  .lhx .hero p.lead{color:#d6d6d6;font-size:clamp(17px,1.4vw,19.5px);max-width:560px;margin:26px 0 36px;line-height:1.65}
  .lhx .email-pill{display:flex;align-items:center;background:#fff;border:1px solid #d4d4d4;border-radius:4px;padding:5px 5px 5px 22px;max-width:460px;box-shadow:0 12px 36px rgba(0,0,0,.35)}
  .lhx .email-pill input{flex:1;border:none;outline:none;background:transparent;font-size:18.8px;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:#111;min-width:0}
  .lhx .email-pill input::placeholder{color:#7a7a7a}
  .lhx .email-pill .btn{border-radius:4px;padding:11px 24px;flex:none}
  .lhx .cli-pill{display:inline-flex;margin-top:18px;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:9px 22px;font-size:18.3px;font-weight:600;color:#fff;transition:.15s;background:rgba(0,0,0,.25);backdrop-filter:blur(4px)}
  .lhx .cli-pill:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7)}
  .lhx .hero-foot{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.22)}
  .lhx .hero-stats{display:flex;gap:clamp(24px,5vw,64px);flex-wrap:wrap;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:17.7px;color:#c9c9c9;padding:22px 0 26px}
  .lhx .hero-stats b{font-weight:500;color:#fff}
  .lhx .hero-stats .up{color:#22c55e;margin-right:4px}

  /* ============ PARTNERS ============ */
  .lhx .partners{padding:34px 0 60px;background:#fff}
  .lhx .partners p{text-align:center;font-size:17.1px;color:#666666;margin-bottom:24px;letter-spacing:.02em}
  .lhx .marquee{overflow:hidden;max-width:860px;margin:0 auto;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .lhx .marquee-track{display:flex;gap:76px;width:max-content;align-items:center;animation:scroll 30s linear infinite}
  .lhx .marquee-track span{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:700;font-size:21px;color:#a8a8a8;letter-spacing:.01em;white-space:nowrap}
  @keyframes scroll{to{transform:translateX(-50%)}}

  /* ============ GPU CARDS ============ */
  .lhx .gpu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
  .lhx .gpu-card{background:#ffffff;border:1px solid #e2e2e2;box-shadow:0 2px 10px rgba(0,0,0,.04);border-radius:4px;padding:18px 18px 16px;transition:.18s;display:flex;flex-direction:column;gap:10px}
  .lhx .gpu-card:hover{border-color:#22C55E;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
  .lhx .gpu-top{display:flex;justify-content:space-between;align-items:center}
  .lhx .gpu-name{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:700;font-size:19.9px}
  .lhx .avail{display:flex;align-items:center;gap:7px;font-size:17.6px;color:#666666}
  .lhx .dots{display:flex;gap:3px}
  .lhx .dots i{width:5px;height:5px;border-radius:50%;background:#dcdcdc}
  .lhx .dots i.on{background:#22c55e}
  .lhx .gpu-meta{display:flex;gap:8px;align-items:center}
  .lhx .chip{font-size:16.2px;font-weight:600;color:#444;background:#f0f0f0;border:1px solid #e2e2e2;border-radius:2px;padding:2px 8px;letter-spacing:.02em}
  .lhx .vram{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:17.6px;color:#666666}
  .lhx .spark{width:100%;height:52px;display:block}
  .lhx .gpu-bottom{display:flex;justify-content:space-between;align-items:flex-end}
  .lhx .gpu-price b{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:23px;font-weight:800;letter-spacing:-.01em}
  .lhx .gpu-price span{font-size:17.1px;color:#666666;margin-left:2px}
  .lhx .gpu-range{font-size:16.2px;color:#8a8a8a;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;margin-top:2px}
  .lhx .rent{padding:7px 18px;font-size:17.7px;border-radius:2px}
  .lhx .center-cta{text-align:center;margin-top:38px}

  /* ============ HOW IT WORKS ============ */
  .lhx .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
  .lhx .step{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:36px 28px;text-align:center;transition:.18s}
  .lhx .step:hover{border-color:#3a3a3a}
  .lhx .step-num{width:36px;height:36px;border-radius:50%;border:1px solid #cfcfcf;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:18.2px;color:#fff}
  .lhx .step h3{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18.5px;font-weight:700;margin-bottom:10px}
  .lhx .step p{color:#666666;font-size:18.9px;line-height:1.65}

  /* ============ API GATEWAY ============ */
  .lhx .api-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;margin-top:46px}
  .lhx .api-feat{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid #e2e2e2}
  .lhx .api-feat:first-child{padding-top:0}
  .lhx .api-feat:last-child{border-bottom:none}
  .lhx .api-feat .fn{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #cfcfcf;display:flex;align-items:center;justify-content:center;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:18.3px;color:#111}
  .lhx .api-feat h4{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19.9px;font-weight:700;margin-bottom:4px}
  .lhx .api-feat p{color:#666666;font-size:18.9px;line-height:1.6}
  .lhx .api-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:26px;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:17.7px;color:#555}
  .lhx .api-stats b{font-weight:500;color:#000}
  .lhx .mrow-head{display:flex;justify-content:space-between;align-items:baseline;margin-top:52px}
  .lhx .mrow-head h3{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19px;font-weight:700}
  .lhx .mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
  .lhx .mcard{background:#ffffff;border:1px solid #e2e2e2;box-shadow:0 2px 10px rgba(0,0,0,.04);border-radius:4px;padding:20px;transition:.18s;display:flex;flex-direction:column;gap:14px}
  .lhx .mcard:hover{border-color:#22C55E;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
  .lhx .mcard-top{display:flex;justify-content:space-between;align-items:center}
  .lhx .mcard-top h4{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19.4px;font-weight:700}
  .lhx .mid{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.9px;color:#666666}
  .lhx .mstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #e2e2e2;padding-top:14px}
  .lhx .mstat b{display:block;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:18.3px;font-weight:500;color:#000}
  .lhx .mstat span{font-size:16.2px;color:#8a8a8a}
  .lhx .mstat .grow{color:#22c55e}
  .lhx .t-k{color:#9adb2e}
  .lhx .t-s{color:#4ade80}
  @media(max-width:1000px){.lhx .api-grid{grid-template-columns:1fr}.lhx .mrow{grid-template-columns:1fr}}

  /* ============ DEV SECTION ============ */
  .lhx .dev-card{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:52px;display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:start}
  .lhx .dev-card h2{margin-bottom:14px}
  .lhx .dev-card>.dev-left>p{color:#666666;font-size:18.2px;max-width:460px;margin-bottom:32px;line-height:1.7}
  .lhx .dev-label{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.9px;letter-spacing:.14em;color:#666666;margin-bottom:12px}
  .lhx .cmd-box{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:18.3px;background:#0a0a0a;border:1px solid #e2e2e2;border-radius:2px;padding:11px 16px;color:#e5e5e5;margin-bottom:14px}
  .lhx .dev-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:18.9px}
  .lhx .dev-row .k{color:#fff;font-weight:600}
  .lhx .dev-row .d{color:#666666;flex:1}
  .lhx .dev-row a{color:#8fd619;font-size:17.7px;font-weight:600;flex:none}
  .lhx .dev-sep{margin:22px 0 12px}
  .lhx .curl-box{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:17.1px;background:#0a0a0a;border:1px solid #e2e2e2;border-radius:2px;padding:11px 16px;color:#c9c9c9;overflow-x:auto;white-space:nowrap;margin-bottom:26px}
  /* terminal */
  .lhx .term{background:#0a0a0a;border:1px solid #cfcfcf;border-radius:4px;overflow:hidden;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:17.7px;box-shadow:0 24px 60px rgba(0,0,0,.25)}
  .lhx .term-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;border-bottom:1px solid #e2e2e2;background:#101010}
  .lhx .term-bar i{width:10px;height:10px;border-radius:50%;display:block;background:#2c2c2c}
  .lhx .term-bar b{margin-left:6px;font-size:16.9px;color:#666666;font-weight:400}
  .lhx .term-body{padding:18px;line-height:1.85;white-space:pre;overflow-x:auto;color:#d4d4d4}
  .lhx .t-p{color:#22c55e}
  .lhx .t-c{color:#fff}
  .lhx .t-d{color:#8f8f8f}
  .lhx .t-ok{color:#22c55e}
  .lhx .cursor{display:inline-block;width:7px;height:13px;background:#d4d4d4;vertical-align:-2px;animation:blink 1s step-end infinite}
  @keyframes blink{50%{opacity:0}}

  /* ============ PRODUCTS ============ */
  .lhx .prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
  .lhx .prod{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:30px 26px;display:flex;flex-direction:column;transition:.18s}
  .lhx .prod:hover{border-color:#3a3a3a}
  .lhx .prod h3{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19px;font-weight:700;margin-bottom:10px}
  .lhx .prod p{color:#666666;font-size:18.9px;flex:1;margin-bottom:24px;line-height:1.65}
  .lhx .prod .btn{align-self:flex-start;padding:8px 18px;font-size:18.3px}

  /* ============ USE CASES ============ */
  .lhx .uc-card{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:26px;display:grid;grid-template-columns:1fr 1.15fr;gap:34px;align-items:center}
  .lhx .uc-visual{position:relative;border-radius:4px;overflow:hidden;min-height:300px;background:
    linear-gradient(200deg, rgba(0,0,0,.15), rgba(0,0,0,.75)),
    repeating-linear-gradient(90deg,#1a0e05 0 22px,#2b1608 22px 24px),
    repeating-linear-gradient(0deg,#20100600 0 30px,rgba(249,115,22,.16) 30px 32px),
    linear-gradient(160deg,#3a1d0a,#120a04)}
  .lhx .uc-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%, rgba(249,115,22,.28), transparent 60%)}
  .lhx .uc-overlay{position:absolute;left:26px;bottom:26px;z-index:2}
  .lhx .uc-overlay h3{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px;max-width:240px;line-height:1.25}
  .lhx .uc-pills{display:flex;flex-wrap:wrap;gap:10px}
  .lhx .uc-pill{padding:9px 18px;border:1px solid #cfcfcf;border-radius:4px;font-size:18.3px;color:#d4d4d4;transition:.15s;cursor:pointer;background:#101010}
  .lhx .uc-pill:hover{border-color:#22C55E;color:#fff;background:#1a1a1a}

  /* ============ MODELS ============ */
  .lhx .model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
  .lhx .model{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:24px;display:flex;flex-direction:column;transition:.18s}
  .lhx .model:hover{border-color:#3a3a3a}
  .lhx .model .avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:18.2px;margin-bottom:18px;color:#fff;background:#1e1e1e;border:1px solid #cfcfcf}
  .lhx .model h4{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19.9px;font-weight:700;margin-bottom:8px}
  .lhx .model p{color:#666666;font-size:17.7px;flex:1;margin-bottom:20px;line-height:1.6}
  .lhx .model .btn{align-self:flex-start;padding:7px 16px;font-size:17.7px}

  /* ============ QUOTE ============ */
  .lhx .quote-card{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:56px;max-width:920px;margin:0 auto}
  .lhx .quote-card blockquote{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(20px,2.4vw,25px);font-weight:600;letter-spacing:-.01em;line-height:1.5}
  .lhx .quote-card cite{display:block;margin-top:20px;font-style:normal;color:#666666;font-size:18.9px}
  .lhx .quote-nav{display:flex;gap:14px;justify-content:center;margin-top:26px}
  .lhx .quote-nav button{width:36px;height:36px;border-radius:2px;border:1px solid #cfcfcf;background:transparent;color:#444;cursor:pointer;font-size:18.2px;transition:.15s}
  .lhx .quote-nav button:hover{border-color:#111;color:#000}

  /* ============ CASE STUDIES ============ */
  .lhx .cs-list{display:flex;flex-direction:column;gap:22px;margin-top:44px}
  .lhx .cs{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:24px;display:grid;grid-template-columns:1fr 1.3fr;gap:34px;align-items:center;transition:.18s}
  .lhx .cs:hover{border-color:#22C55E;box-shadow:0 10px 30px rgba(0,0,0,.08)}
  .lhx .cs-img{border-radius:4px;min-height:250px;display:flex;align-items:center;justify-content:center;font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:24px;letter-spacing:.01em;color:rgba(255,255,255,.9)}
  .lhx .cs:nth-child(1) .cs-img{background:linear-gradient(140deg,#243d00,#22C55E 60%,#c3f53c)}
  .lhx .cs:nth-child(2) .cs-img{background:linear-gradient(140deg,#0f2e2a,#1e4d43 55%,#3b7a68)}
  .lhx .cs-body h3{font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:22px;font-weight:700;line-height:1.35;margin-bottom:12px;letter-spacing:-.01em}
  .lhx .cs-body>p{color:#666666;font-size:18.9px;margin-bottom:16px;line-height:1.7;max-width:460px}
  .lhx .cs-tag{display:inline-block;font-size:16.9px;font-weight:600;color:#444;background:#f0f0f0;border:1px solid #e2e2e2;border-radius:2px;padding:3px 10px;margin-bottom:20px}
  .lhx .cs-co{font-size:17.1px;color:#666666;margin-bottom:8px}

  /* ============ BIG CTA ============ */
  .lhx .big-cta .inner{position:relative;border:1px solid #e2e2e2;border-radius:18px;padding:96px 40px;text-align:center;overflow:hidden;background:
    radial-gradient(ellipse 560px 320px at 82% 8%, rgba(34,197,94,.20), transparent 65%),
    radial-gradient(ellipse 480px 300px at 12% 100%, rgba(22,101,52,.12), transparent 70%),
    #f5f5f5}
  .lhx .big-cta h2{font-size:clamp(30px,4.4vw,46px);position:relative}
  .lhx .big-cta p{color:#444;font-size:19.4px;margin:12px 0 32px;position:relative}
  .lhx .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}

  /* ============ FOOTER ============ */
  .lhx footer{border-top:1px solid #e2e2e2;padding:64px 0 36px;background:#fafafa}
  .lhx .foot-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:34px}
  .lhx .foot-brand p{color:#666666;font-size:18.3px;margin:16px 0 16px;max-width:250px}
  .lhx .subscribe{display:flex;border:1px solid #cfcfcf;border-radius:2px;overflow:hidden;max-width:270px;background:#fff}
  .lhx .subscribe input{flex:1;background:transparent;border:none;padding:10px 14px;color:#111;font-size:18.3px;outline:none;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0}
  .lhx .subscribe button{background:transparent;border:none;border-left:1px solid #cfcfcf;padding:0 16px;font-size:19.4px;color:#444;cursor:pointer}
  .lhx .subscribe button:hover{color:#000}
  .lhx .foot-copy{font-size:17.6px;color:#8a8a8a;margin-top:20px}
  .lhx .foot-col h5{font-size:17.7px;font-weight:700;color:#000;margin-bottom:16px;font-family:"Archivo","Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
  .lhx .foot-col a{display:block;font-size:18.3px;color:#666666;padding:4.5px 0;transition:.15s}
  .lhx .foot-col a:hover{color:#000}

  /* ============ RESPONSIVE ============ */
  @media(max-width:1000px){
    .lhx .gpu-grid,.lhx .prod-grid,.lhx .steps{grid-template-columns:repeat(2,1fr)}
    .lhx .model-grid{grid-template-columns:repeat(2,1fr)}
    .lhx .dev-card,.lhx .uc-card,.lhx .cs{grid-template-columns:1fr}
    .lhx .foot-grid{grid-template-columns:1fr 1fr 1fr}
    .lhx .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;padding:20px 24px;overflow-y:auto}
    .lhx .nav-links.open{display:flex}
    .lhx .nav-item>a{font-size:20.5px;padding:13px 6px}
    .lhx .dropdown{position:static;opacity:1;visibility:visible;transform:none;border:none;background:transparent;box-shadow:none;padding-left:14px;display:none}
    .lhx .nav-item.expanded .dropdown{display:block}
    .lhx .burger{display:block}
    .lhx .nav-cta .btn-blue{display:none}
  }
  @media(max-width:620px){
    .lhx .gpu-grid,.lhx .prod-grid,.lhx .steps,.lhx .model-grid{grid-template-columns:1fr}
    .lhx section{padding:60px 0}
    .lhx .dev-card,.lhx .quote-card{padding:28px}
    .lhx .foot-grid{grid-template-columns:1fr 1fr}
    .lhx .hero-stats{gap:20px}
    .lhx .email-pill .btn{padding:9px 16px;font-size:18.3px}
  }
  @media(prefers-reduced-motion:reduce){
    .lhx, .lhx *,.lhx *::before,.lhx *::after{animation:none!important;transition:none!important}
  }

  /* old-patch ============ */
  /* 满宽突破：无论主题容器多窄，整页横向铺满视口 */
  .lhx{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#fff}
  /* 每个区块显式背景，防止主题深色背景透出来 */
  .lhx section{background:#fff}
  .lhx .hero{background:#000}
  .lhx footer{background:#fafafa}
  /* wpautop 防护：WP 自动插入的空段落/换行不再撑高布局 */
  .lhx p:empty{display:none;margin:0;padding:0}
  .lhx>p, .lhx>br{display:none}
  .lhx section>p:empty, .lhx section>br{display:none}
  /* 中和主题常见的文章内容样式 */
  .lhx img{max-width:100%;height:auto}
  .lhx ul,.lhx ol{list-style:none}
  .lhx h1,.lhx h2,.lhx h3,.lhx h4,.lhx h5{margin:0;color:inherit}
  .lhx p{margin:0}
  .lhx a{text-decoration:none;box-shadow:none;border-bottom:none}
  /* 登录后 WP 顶部管理条：sticky 导航往下让位 */
  body.admin-bar .lhx header{top:32px}
  @media(max-width:782px){body.admin-bar .lhx header{top:46px}}


  /* ============ 顶部 HEADER（浅橙渐变风格） ============ */
  .lhx .lh-head{position:relative;z-index:9999;border-bottom:1px solid #ececec;background:#ffffff}
  .lhx .lh-head-in{display:flex;align-items:center;min-height:98px;gap:28px}
  .lhx .lh-logo{display:flex;align-items:center;flex:none}
  .lhx .lh-logo-img{height:52px;width:auto;display:block}
  .lhx .lh-nav{display:flex;align-items:center;margin-left:auto}
  .lhx .lh-nav>a,.lhx .lh-item>a{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19.4px;font-weight:500;color:#26190a;padding:6px 26px;border-left:1px solid rgba(38,25,10,.25);transition:.15s;display:inline-flex;align-items:center;gap:7px}
  .lhx .lh-nav>a:first-child{border-left:none}
  .lhx .lh-nav>a:hover,.lhx .lh-item>a:hover{color:#22C55E}
  .lhx .lh-item{position:relative;display:inline-flex}
  .lhx .lh-item>a{padding-right:6px}
  .lhx .lh-caret{font-size:14px;font-weight:400;transform:translateY(1px)}
  .lhx .lh-drop{position:absolute;top:calc(100% + 12px);right:0;left:auto;min-width:190px;z-index:10000;background:#ffffff;border:1px solid #e8e2d8;border-radius:6px;box-shadow:0 18px 44px rgba(0,0,0,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:20}
  .lhx .lh-drop::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
  .lhx .lh-item:hover .lh-drop{opacity:1;visibility:visible;transform:translateY(0)}
  .lhx .lh-drop a{display:block;padding:9px 14px;font-size:18.9px;color:#333333;border-radius:4px;border:none}
  .lhx .lh-drop a:hover{background:#fdf3e5;color:#111111}
  @media(max-width:1000px){
    .lhx .lh-head-in{flex-wrap:wrap;min-height:0;padding:14px 0;gap:12px}
    .lhx .lh-nav{margin-left:0;flex-wrap:wrap;row-gap:6px}
    .lhx .lh-nav>a,.lhx .lh-item>a{font-size:18.9px;padding:5px 16px}
    .lhx .lh-logo-img{height:44px}
  }

  /* ============ KPI ============ */
  .lhx .kpi3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .lhx .kpi{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:34px 30px}
  .lhx .kpi b{display:block;font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(40px,4.6vw,58px);font-weight:800;letter-spacing:-.02em;color:#111111;line-height:1}
  .lhx .kpi span{display:block;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:17.6px;letter-spacing:.12em;text-transform:uppercase;color:#178a3f;margin:12px 0 10px}
  .lhx .kpi p{color:#666666;font-size:18.9px;line-height:1.65}
  /* ============ FULL STACK ============ */
  .lhx .stack-list{display:flex;flex-direction:column;gap:22px;margin-top:46px}
  .lhx .stack-item{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:4px;padding:40px;display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center}
  .lhx .stack-item:nth-child(even) .stack-text{order:2}
  .lhx .stack-item:nth-child(even) .stack-viz{order:1}
  .lhx .stack-idx{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:18.3px;color:#178a3f;letter-spacing:.2em;margin-bottom:14px}
  .lhx .stack-item h3{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(21px,2.2vw,26px);font-weight:700;letter-spacing:-.01em;margin-bottom:12px}
  .lhx .stack-item p{color:#666666;font-size:18.2px;line-height:1.7;max-width:460px}
  .lhx .stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0}
  .lhx .stack-tags li{font-size:16.9px;font-weight:600;color:#444444;background:#efefef;border:1px solid #e2e2e2;border-radius:2px;padding:4px 11px}
  .lhx .stack-viz img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid #e2e2e2}
  /* ============ 案例内嵌引言 ============ */
  .lhx .cs-quote{border-left:3px solid #22c55e;padding:6px 0 6px 16px;margin:0 0 18px;font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.2px;font-weight:500;line-height:1.55;color:#111111}
  .lhx .cs-quote span{display:block;margin-top:6px;font-family:"Inter",system-ui,sans-serif;font-size:17.6px;font-weight:400;color:#8a8a8a}
  /* ============ SUBSCRIBE ============ */
  .lhx .sub-cta{background:#0a0a0a!important}
  .lhx .sub-in{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap}
  .lhx .sub-copy h3{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:24px;font-weight:700;color:#ffffff;margin-bottom:8px}
  .lhx .sub-copy p{color:#8a8a8a;font-size:18.9px}
  .lhx .sub-form{max-width:430px;flex:1;min-width:290px}
  @media(max-width:1000px){
    .lhx .kpi3,.lhx .tst-grid{grid-template-columns:1fr}
    .lhx .hw-grid{grid-template-columns:repeat(2,1fr)}
    .lhx .stack-item{grid-template-columns:1fr;padding:28px}
    .lhx .stack-item:nth-child(even) .stack-text{order:1}
    .lhx .stack-item:nth-child(even) .stack-viz{order:2}
  }
  @media(max-width:620px){.lhx .hw-grid{grid-template-columns:1fr}}
  /* ============ WORDPRESS 兼容补丁（完整版） ============ */
  .lhx{position:relative;width:100vw!important;max-width:100vw!important;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important;margin-top:0!important;background:#fff}
  .lhx section{background:#fff;position:relative;z-index:5}
  .lhx section.hero{background:#000;z-index:1}
  .lhx .partners{background:#fff!important;position:relative;z-index:5}
  .lhx p:empty{display:none;margin:0;padding:0}
  .lhx>p,.lhx>br{display:none}
  .lhx img{max-width:100%;height:auto}
  .lhx ul,.lhx ol{list-style:none}
  .lhx h1,.lhx h2,.lhx h3,.lhx h4,.lhx h5{margin:0;color:inherit}
  .lhx p{margin:0}
  .lhx a{text-decoration:none;box-shadow:none;border-bottom:none}
  body.admin-bar .lhx header{top:32px}
  
  body:has(.lhx) .entry-content,
  body:has(.lhx) .site-main,
  body:has(.lhx) .wp-site-blocks main{padding-top:0!important;margin-top:0!important}
  html,body{overflow-x:hidden}

  /* wpautop 注入的空段落/换行不再破坏网格布局 */
  .lhx .api-grid>p,.lhx .gpu-grid>p,.lhx .mrow>p,.lhx .mstats>p,
  .lhx .cs>p,.lhx .cs-list>p,.lhx .hero-main>p:empty,.lhx .wrap>p:empty,
  .lhx .api-grid>br,.lhx .gpu-grid>br,.lhx .mrow>br,.lhx .cs-list>br{display:none!important}

  /* ============ 消除横向滚动条 ============ */
  html,body{overflow-x:hidden!important;max-width:100%!important}
  .lhx{overflow-x:hidden}
  .lhx .hero,.lhx section,.lhx .partners{max-width:100vw;overflow-x:clip}.lhx .lh-head{max-width:100vw;overflow:visible}

  /* ============ 只隐藏主题原生的站点标题与站点Logo（大号 Linkhome 字样），不碰任何 header ============ */
  body:has(.lhx) .wp-block-site-title,
  body:has(.lhx) .wp-block-site-logo{display:none!important}

  /* ============ 强制让 Company 下拉能弹出（解除主题容器裁剪 + 顶到最高层） ============ */
  /* 解除主题包裹 header 的容器裁剪 */
  header.wp-block-template-part,
  .wp-block-template-part,
  .wp-site-blocks,
  .wp-site-blocks > header,
  body > .wp-site-blocks{overflow:visible!important}
  /* header 本身与内部不裁剪 */
  .lhx .lh-head,.lhx .lh-head-in,.lhx .lh-nav,.lhx .lh-item{overflow:visible!important}
  /* header 整体层级顶到最高 */
  .lhx .lh-head{z-index:2147483000!important;position:relative}
  /* 下拉层级更高，且限制不超出右边缘 */
  .lhx .lh-drop{z-index:2147483600!important;right:26px!important;left:auto!important}
  /* 悬停/聚焦都能触发，容错 */
  .lhx .lh-item:hover .lh-drop,
  .lhx .lh-item:focus-within .lh-drop{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}

  /* ============ 首页黑白交替 + Inquiries ============ */
  /* 用 .lhx（首页容器）作用域，不影响 pricing/contact/about */
  /* GPU CARDS 区 -> 黑底 */
  .lhx #pricing{background:#0a0a0a!important}
  .lhx #pricing .center h2{color:#fff}
  .lhx #pricing .center .sub{color:#9a9a9a}
  .lhx #pricing .gpu-card{background:#141414;border-color:#262626}
  .lhx #pricing .gpu-card:hover{border-color:#22c55e}
  .lhx #pricing .gpu-name{color:#fff}
  .lhx #pricing .avail{color:#9a9a9a}
  .lhx #pricing .chip{background:#1e1e1e;border-color:#2c2c2c;color:#ccc}
  .lhx #pricing .vram{color:#888}
  .lhx #pricing .gpu-price b{color:#fff}
  .lhx #pricing .gpu-range{color:#777}
  .lhx #pricing .btn-dark{background:#fff;border-color:#fff;color:#000}
  .lhx #pricing .btn-dark:hover{background:#e5e5e5}
  /* API GATEWAY 区 -> 白底（默认已是白，确保对比）*/
  .lhx #api{background:#ffffff!important}
  /* INQUIRIES 区 -> 黑底 */
  .lhx .inq{background:#F0F0F0;padding:88px 0}
  .lhx .inq-in{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
  .lhx .inq-eyebrow{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:16.9px;letter-spacing:.16em;text-transform:uppercase;color:#16a34a;margin-bottom:20px}
  .lhx .inq-title{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#111}
  .lhx .inq-sub{color:#555;font-size:18.2px;line-height:1.6;margin-top:20px;max-width:360px}
  /* WPForms 在黑底上的样式适配 */
  .lhx .inq-right .wpforms-container{margin:0}
  .lhx .inq-right .wpforms-field-label{color:#333!important;font-size:16.9px!important;font-weight:600!important}
  .lhx .inq-right .wpforms-required-label{color:#ef4444!important}
  .lhx .inq-right input[type=text],
  .lhx .inq-right input[type=email],
  .lhx .inq-right input[type=tel],
  .lhx .inq-right input[type=url],
  .lhx .inq-right select,
  .lhx .inq-right textarea{background:transparent!important;border:none!important;border-bottom:1px solid #ccc!important;border-radius:0!important;color:#111!important;font-size:18.3px!important;padding:10px 2px!important;width:100%!important;box-shadow:none!important}
  .lhx .inq-right input:focus,
  .lhx .inq-right select:focus,
  .lhx .inq-right textarea:focus{border-bottom-color:#22C55E!important;outline:none!important;box-shadow:none!important}
  .lhx .inq-right input::placeholder,.lhx .inq-right textarea::placeholder{color:#999!important}
  .lhx .inq-right .wpforms-field-description,.lhx .inq-right .wpforms-field-sublabel{color:#888!important}
  .lhx .inq-right select option{background:#fff;color:#111}
  .lhx .inq-right .wpforms-submit{background:#111!important;color:#fff!important;font-weight:700!important;font-size:18.3px!important;padding:14px 40px!important;border:none!important;border-radius:40px!important;width:100%!important;cursor:pointer;transition:.15s;margin-top:10px}
  .lhx .inq-right .wpforms-submit:hover{background:#22C55E!important;color:#000!important}
  .lhx .inq-right a{color:#16a34a!important}
  /* BIG CTA 区 -> 白底（其 inner 卡片保留浅色渐变，确保外层白）*/
  .lhx .big-cta{background:#0a0a0a!important}
  /* SUBSCRIBE 区 -> 黑底（本身已是黑）*/
  @media(max-width:1000px){
    .lhx .inq-in{grid-template-columns:1fr;gap:32px}
    .lhx .inq-sub{max-width:none}
  }
  .lhx .hero-main{align-items:center;text-align:center}
  .lhx .hero-center{margin-left:auto;margin-right:auto}
  /* KPI 卡改为产品卡样式 */
  .lhx .kpi-tag{display:inline-block;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.2px;letter-spacing:.14em;text-transform:uppercase;color:#16a34a;margin-bottom:14px}
  .lhx #pricing.dummy{}
  .lhx .kpi-h{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.01em;color:#111;margin-bottom:12px;line-height:1.2}

  /* ============ 产品卡区（白色背景） ============ */
  .lhx .prod-section{background:#ffffff!important}
  .lhx .prod3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .lhx .prod-card{background:#ffffff;border:1px solid #e6e6e6;border-radius:16px;padding:34px 30px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
  .lhx .prod-card:hover{border-color:#22C55E;transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.1)}
  .lhx .prod-icon{width:52px;height:52px;border-radius:12px;background:rgba(34,197,94,.1);display:flex;align-items:center;justify-content:center;color:#16a34a;margin-bottom:22px}
  .lhx .prod-icon svg{width:26px;height:26px}
  .lhx .prod-tag{font-family:"IBM Plex Mono",monospace;font-size:15.6px;letter-spacing:.14em;text-transform:uppercase;color:#16a34a;font-weight:600}
  .lhx .prod-h{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.01em;margin:12px 0 12px;color:#111}
  .lhx .prod-card p{color:#666;font-size:17.7px;line-height:1.65;margin-bottom:0}
  .lhx .prod-link{color:#16a34a;font-weight:600;font-size:17.7px;text-decoration:none}
  .lhx .prod-link:hover{color:#22C55E}
  @media(max-width:900px){.lhx .prod3{grid-template-columns:1fr}}

  /* ============ 页脚 Footer ============ */
  .lhx .ftr{background:#000000;padding:80px 0 36px;color:#fff}
  .lhx .ftr-top{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:48px;padding-bottom:56px;align-items:start}
  .lhx .ftr-brand{display:flex;align-items:flex-start}
  .lhx .ftr-logo{height:52px;width:auto;filter:brightness(0) invert(1)}
  .lhx .ftr-col h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.2px;font-weight:700;margin-bottom:22px;color:#fff;letter-spacing:.01em}
  .lhx .ftr-col a{display:block;color:#9a9a9a;font-size:18.3px;text-decoration:none;margin-bottom:14px;transition:.15s}
  .lhx .ftr-col a:hover{color:#22C55E}
  .lhx .ftr-loc p{color:#9a9a9a;font-size:18.3px;line-height:1.6;margin-bottom:16px}
  .lhx .ftr-loc a{color:#9a9a9a}
  .lhx .ftr-loc a:hover{color:#22C55E}
  .lhx .ftr-bottom{padding-top:32px;border-top:1px solid #1c1c1c}
  .lhx .ftr-bottom span{color:#777;font-size:17.1px}
  @media(max-width:900px){
    .lhx .ftr-top{grid-template-columns:1fr 1fr;gap:32px}
    .lhx .ftr-brand{grid-column:1 / -1;margin-bottom:8px}
  }
  @media(max-width:560px){.lhx .ftr-top{grid-template-columns:1fr}}

  /* ============ 法律页面（隐私政策/条款）深色 ============ */
  .lhl{background:#000000!important;color:#e8e8e8}
  .lhl .lgl-hero{padding:120px 0 44px;background:#000000!important;border-bottom:none}
  .lhl .lgl-eyebrow{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:16.9px;letter-spacing:.16em;text-transform:uppercase;color:#e0731d;margin-bottom:18px}
  .lhl .lgl-hero h1{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(44px,7vw,88px);font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.02}
  .lhl .lgl-updated{color:#888;font-size:18.3px;margin-top:18px}
  .lhl .lgl-body{padding:40px 0 100px;background:#000000!important}
  .lhl .lgl-wrap{max-width:900px}
  .lhl .lgl-body h2{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:19px;font-weight:700;letter-spacing:.01em;margin:44px 0 16px;padding-top:0;border-top:none;color:#e0731d;text-transform:none}
  .lhl .lgl-body h2:first-child{margin-top:0}
  .lhl .lgl-body h3{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.2px;font-weight:700;margin:28px 0 10px;color:#fff}
  .lhl .lgl-body p{color:#b0b0b0;font-size:18.9px;line-height:1.75;margin-bottom:16px}
  .lhl .lgl-body .lgl-item{padding-left:22px;position:relative}
  .lhl .lgl-body .lgl-item::before{content:"";position:absolute;left:4px;top:11px;width:5px;height:5px;border-radius:50%;background:#e0731d}
  .lhl .lgl-body .lgl-item b{color:#fff;font-weight:600}
  .lhl .lgl-body a{color:#e0731d}
  .lhl .lgl-body .lgl-emph{color:#fff;font-weight:700;font-size:17.1px;letter-spacing:.02em;margin:8px 0 12px}
  /* 确保外层容器也是黑的（覆盖主题白底）*/
  body:has(.lhl){background:#000000!important}
  .lhl, .lhl *{background-color:transparent}
  .lhl{background:#000000!important}
  .lhl .lgl-hero,.lhl .lgl-body{background:#000000!important}

  /* Hero 标题衬线体（Playfair Display）+ 居中 */
  .lhx .hero-serif{font-family:"Playfair Display",Georgia,serif!important;font-weight:700!important;font-size:clamp(44px,7vw,88px)!important;line-height:1.05!important;letter-spacing:-.01em!important;text-align:center}
  .lhx .hero-ital{font-style:italic}
  .lhx .hero-serif .accent{color:#22C55E!important}
  .lhx .hero-main{align-items:center;text-align:center}
  .lhx .hero-center{margin-left:auto;margin-right:auto}

  /* ============ GPU PRICING 页面（白色背景） ============ */
  .lhp{background:#ffffff;color:#111111}
  .lhp .accent{color:#e0731d}
  .lhp .btn-outline{border:1px solid #cfcfcf;color:#111;background:transparent;padding:10px 22px;border-radius:2px;font-weight:600}
  .lhp .btn-outline:hover{border-color:#111;background:rgba(0,0,0,.04)}
  /* hero */
  .lhp .pr-hero{padding:88px 0 56px;background:#ffffff}
  .lhp .pr-hero h1{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-.02em;line-height:1.05;max-width:900px}
  .lhp .pr-hero .lead{color:#666;font-size:20.5px;max-width:560px;margin:20px 0 30px;line-height:1.6}
  .lhp .pr-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
  /* live */
  .lhp .pr-live{padding:40px 0 80px}
  .lhp .pr-legend{display:flex;justify-content:flex-start;margin:26px 0 8px}
  .lhp .pr-avail-key{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:17.1px;color:#555}
  .lhp .pr-avail-key b{color:#111;margin-right:4px}
  .lhp .ak{display:inline-flex;align-items:center;gap:6px}
  .lhp .dot{width:8px;height:8px;border-radius:50%;display:inline-block}
  .lhp .dot.g{background:#22c55e}.lhp .dot.o{background:#f97316}.lhp .dot.r{background:#ef4444}
  .lhp .pr-cat{margin-top:40px}
  .lhp .pr-cat-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
  .lhp .pr-cat-head h3{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.01em}
  .lhp .pr-cat-count{font-size:16.2px;font-weight:600;color:#666;background:#f0f0f0;border:1px solid #e2e2e2;border-radius:3px;padding:3px 9px}
  .lhp .pr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .lhp .pr-card{background:#ffffff;border:1px solid #e2e2e2;border-radius:6px;padding:18px;transition:.16s;display:flex;flex-direction:column;gap:10px;cursor:pointer}
  .lhp .pr-card:hover{border-color:#e0731d;box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
  .lhp .pr-c-top{display:flex;justify-content:space-between;align-items:flex-start}
  .lhp .pr-c-name{font-family:"Archivo","Inter",system-ui,sans-serif;font-weight:700;font-size:19.4px}
  .lhp .pr-c-right{display:flex;align-items:center;gap:8px}
  .lhp .pr-dots{display:flex;gap:3px}
  .lhp .pr-dots i{width:6px;height:6px;border-radius:50%;background:#dcdcdc}
  .lhp .pr-dots i.on{background:#22c55e}
  .lhp .pr-badge{font-size:16.1px;font-weight:600;padding:2px 8px;border-radius:3px;border:1px solid #e2e2e2;color:#555}
  .lhp .pr-badge.High{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}
  .lhp .pr-badge.Med{color:#b45309;border-color:#fed7aa;background:#fff7ed}
  .lhp .pr-badge.Low{color:#666;background:#f7f7f7}
  .lhp .pr-c-meta{display:flex;gap:8px;align-items:center}
  .lhp .pr-chip{font-size:15.6px;font-weight:600;color:#444;background:#f0f0f0;border:1px solid #e2e2e2;border-radius:3px;padding:2px 8px}
  .lhp .pr-vram{font-family:"IBM Plex Mono",monospace;font-size:16.2px;color:#888}
  .lhp .pr-spark{width:100%;height:46px;display:block}
  .lhp .pr-c-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:2px}
  .lhp .pr-price b{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:22px;font-weight:800}
  .lhp .pr-price span{font-size:16.9px;color:#888;margin-left:2px}
  .lhp .pr-range{font-family:"IBM Plex Mono",monospace;font-size:16.1px;color:#999;margin-top:3px}
  .lhp .pr-rent{padding:7px 18px;font-size:17.1px;border-radius:3px}
  /* tiers */
  .lhp .pr-tiers{padding:70px 0;background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee}
  .lhp .tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
  .lhp .tier{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:30px 28px;display:flex;flex-direction:column}
  .lhp .tier-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
  .lhp .tier-head h3{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:20px;font-weight:700}
  .lhp .tier-badge{font-size:16.1px;font-weight:700;padding:3px 9px;border-radius:3px}
  .lhp .tier-badge.pop{background:#e0731d;color:#fff}
  .lhp .tier-badge.val{background:#22c55e;color:#fff}
  .lhp .tier-badge.off{background:#111;color:#fff}
  .lhp .tier-desc{color:#666;font-size:18.3px;margin-bottom:18px}
  .lhp .tier-feat{display:flex;flex-direction:column;gap:10px;margin-bottom:26px;flex:1}
  .lhp .tier-feat li{position:relative;padding-left:26px;font-size:17.7px;color:#333;list-style:none}
  .lhp .tier-feat li::before{content:"\2713";position:absolute;left:0;top:0;width:17px;height:17px;background:#22c55e;color:#fff;border-radius:50%;font-size:15.4px;display:flex;align-items:center;justify-content:center}
  .lhp .tier-btn{width:100%;text-align:center;justify-content:center}
  /* calculator */
  .lhp .pr-calc{padding:80px 0}
  .lhp .calc-box{max-width:900px;margin:44px auto 0;background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:32px}
  .lhp .calc-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:16px}
  .lhp .calc-field{display:flex;flex-direction:column;gap:7px}
  .lhp .calc-field label{font-size:16.9px;font-weight:600;color:#555}
  .lhp .calc-field select,.lhp .calc-field input{padding:11px 13px;border:1px solid #d4d4d4;border-radius:4px;font-size:18.3px;font-family:"Inter",sans-serif;background:#fff;color:#111;outline:none;width:100%}
  .lhp .calc-field select:focus,.lhp .calc-field input:focus{border-color:#e0731d}
  .lhp .calc-result{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:26px;border-top:1px solid #eee;flex-wrap:wrap}
  .lhp .calc-out{display:flex;flex-direction:column;gap:3px}
  .lhp .calc-label{font-size:16.9px;color:#888}
  .lhp .calc-out b{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:34px;font-weight:800;color:#111;line-height:1}
  .lhp .calc-sub{font-size:16.9px;color:#999}
  /* why */
  .lhp .pr-why{padding:80px 0;background:#fafafa;border-top:1px solid #eee}
  .lhp .why-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}
  .lhp .why-left h2{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:34px;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-bottom:16px}
  .lhp .why-left p{color:#666;font-size:18.2px;line-height:1.65;margin-bottom:26px}
  .lhp .why-right{display:grid;grid-template-columns:1fr 1fr;gap:32px}
  .lhp .why-item{display:flex;gap:14px}
  .lhp .why-check{flex:none;width:26px;height:26px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18.3px;font-weight:700}
  .lhp .why-item h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:19.4px;font-weight:700;margin-bottom:6px}
  .lhp .why-item p{color:#666;font-size:17.7px;line-height:1.6}
  @media(max-width:1000px){
    .lhp .pr-cards{grid-template-columns:repeat(2,1fr)}
    .lhp .tier-grid{grid-template-columns:1fr}
    .lhp .calc-row{grid-template-columns:1fr 1fr}
    .lhp .why-grid{grid-template-columns:1fr;gap:32px}
    .lhp .why-right{grid-template-columns:1fr}
  }
  @media(max-width:620px){
    .lhp .pr-cards{grid-template-columns:1fr}
    .lhp .calc-row{grid-template-columns:1fr}
  }

  /* ============ Pricing 视觉层次增强 ============ */
  /* hero: 浅色渐变 + 橙色光晕，不再纯白 */
  .lhp .pr-hero{background:
    radial-gradient(ellipse 720px 340px at 88% 22%, rgba(224,115,29,.10), transparent 66%),
    radial-gradient(ellipse 560px 300px at 6% 90%, rgba(34,197,94,.06), transparent 70%),
    linear-gradient(180deg,#ffffff,#fbfaf8)}
  /* 区块交替底色，制造层次 */
  .lhp .pr-live{background:#fbfaf8}
  .lhp .pr-calc{background:linear-gradient(180deg,#ffffff,#faf9f6)}
  /* 分类标题左侧橙色竖条 */
  .lhp .pr-cat-head{padding-left:14px;border-left:4px solid #e0731d}
  /* 卡片：轻微渐变底 + 更细腻阴影 + 走势区淡底色 */
  .lhp .pr-card{background:linear-gradient(180deg,#ffffff,#fcfcfb);box-shadow:0 1px 3px rgba(0,0,0,.04)}
  .lhp .pr-card:hover{box-shadow:0 14px 36px rgba(224,115,29,.14)}
  .lhp .pr-spark{background:linear-gradient(180deg,rgba(0,0,0,.015),transparent);border-radius:4px}
  /* 价格数字用暖色强调 */
  .lhp .pr-price b{color:#111}
  /* tiers 卡片顶部一条彩色细边 */
  .lhp .tier{position:relative;overflow:hidden}
  .lhp .tier::before{content:"";position:absolute;top:0;left:0;right:0;height:3px}
  .lhp .tier:nth-child(1)::before{background:#e0731d}
  .lhp .tier:nth-child(2)::before{background:#22c55e}
  .lhp .tier:nth-child(3)::before{background:#111}
  /* calculator 结果数字加暖色 */
  .lhp .calc-out b{color:#e0731d}
  /* Live GPU Prices 标题下方橙色小分隔 */
  .lhp .pr-live .center h2::after,.lhp .pr-tiers .center h2::after,.lhp .pr-calc .center h2::after{content:"";display:block;width:48px;height:3px;background:#e0731d;border-radius:2px;margin:14px auto 0}
  /* legend 卡片化 */
  .lhp .pr-legend{background:#fff;border:1px solid #eee;border-radius:6px;padding:12px 18px;display:inline-flex}


  /* ============ CONTACT SALES 页面（白色背景） ============ */
  .lhc{background:#ffffff;color:#111111}
  /* hero + form */
  .lhc .cs-hero{position:relative;padding:80px 0;background-image:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.90)),url("assets/img/bg-board.jpg");background-size:cover;background-position:center;background-attachment:fixed}
  .lhc .cs-hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}
  .lhc .cs-pill{display:inline-block;font-size:16.9px;font-weight:600;color:#e0731d;background:#fff4ea;border:1px solid #ffd9b8;border-radius:20px;padding:5px 16px;margin-bottom:22px}
  .lhc .cs-hero-left h1{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(34px,4.4vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.08}
  .lhc .cs-hero-left p{color:#666;font-size:19.4px;line-height:1.6;margin:20px 0 34px;max-width:440px}
  .lhc .cs-hero-stats{display:flex;gap:32px;flex-wrap:wrap}
  .lhc .cs-hero-stats b{display:block;font-family:"Archivo","Inter",system-ui,sans-serif;font-size:30px;font-weight:800;color:#111;line-height:1}
  .lhc .cs-hero-stats span{font-size:16.9px;color:#888;margin-top:4px;display:block;max-width:120px}
  /* form card */
  .lhc .cs-form-card{background:#fff;border:1px solid #e2e2e2;border-radius:12px;padding:34px;box-shadow:0 20px 50px rgba(0,0,0,.08)}
  .lhc .cs-form-card h3{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:22px;font-weight:700;margin-bottom:22px}
  .lhc .cs-form{display:flex;flex-direction:column;gap:16px}
  .lhc .cs-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .lhc .cs-field{display:flex;flex-direction:column;gap:6px}
  .lhc .cs-field label{font-size:16.9px;font-weight:600;color:#333}
  .lhc .cs-field label i{color:#ef4444;font-style:normal}
  .lhc .cs-field input,.lhc .cs-field select,.lhc .cs-field textarea{padding:11px 13px;border:1px solid #d4d4d4;border-radius:6px;font-size:18.3px;font-family:"Inter",sans-serif;color:#111;background:#fff;outline:none;width:100%;transition:.15s}
  .lhc .cs-field input:focus,.lhc .cs-field select:focus,.lhc .cs-field textarea:focus{border-color:#e0731d;box-shadow:0 0 0 3px rgba(224,115,29,.1)}
  .lhc .cs-field textarea{resize:vertical;min-height:96px}
  .lhc .cs-submit{align-self:flex-end;padding:12px 28px;font-size:18.3px;border-radius:6px}
  /* why */
  .lhc .cs-why{padding:80px 0;background:#fbfaf8;border-top:1px solid #eee;border-bottom:1px solid #eee}
  .lhc .cs-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
  .lhc .cs-why-card{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:28px 24px;transition:.16s}
  .lhc .cs-why-card:hover{border-color:#e0731d;box-shadow:0 12px 32px rgba(224,115,29,.12);transform:translateY(-3px)}
  .lhc .cs-why-card h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:20.5px;font-weight:700;margin-bottom:12px}
  .lhc .cs-why-card p{color:#666;font-size:17.7px;line-height:1.6}
  .lhc .cs-quote{max-width:860px;margin:48px auto 0;background:#fff;border:1px solid #e2e2e2;border-left:4px solid #e0731d;border-radius:8px;padding:34px 40px}
  .lhc .cs-quote blockquote{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.5;letter-spacing:-.01em}
  .lhc .cs-quote cite{display:block;margin-top:16px;font-style:normal;color:#888;font-size:17.7px}
  /* use cases */
  .lhc .cs-uc{padding:80px 0}
  .lhc .cs-uc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
  .lhc .cs-uc-card{background:#fff;border:1px solid #e2e2e2;border-radius:10px;overflow:hidden;transition:.16s;display:flex;flex-direction:column}
  .lhc .cs-uc-card:hover{border-color:#cfcfcf;box-shadow:0 12px 32px rgba(0,0,0,.08);transform:translateY(-3px)}
  .lhc .cs-uc-img{height:150px;background-size:cover;background-position:center}
  .lhc .cs-uc-img.uc1{background:linear-gradient(135deg,#22d3ee,#ec4899)}
  .lhc .cs-uc-img.uc2{background:linear-gradient(135deg,#1e3a8a,#0ea5e9,#06b6d4)}
  .lhc .cs-uc-img.uc3{background:linear-gradient(135deg,#f97316,#ec4899,#a855f7)}
  .lhc .cs-uc-img.uc4{background:linear-gradient(135deg,#d4d4d8,#f97316,#78716c)}
  .lhc .cs-uc-body{padding:22px 20px;display:flex;flex-direction:column;flex:1}
  .lhc .cs-uc-body h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.8px;font-weight:700;margin-bottom:10px;line-height:1.3}
  .lhc .cs-uc-body p{color:#666;font-size:17.1px;line-height:1.55;flex:1;margin-bottom:18px}
  .lhc .cs-uc-link{font-size:17.1px;font-weight:600;color:#e0731d;align-self:flex-start}
  .lhc .cs-uc-link:hover{color:#c25f13}
  /* difference */
  .lhc .cs-diff{padding:80px 0;background:#fbfaf8;border-top:1px solid #eee}
  .lhc .cs-diff-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:56px;align-items:start}
  .lhc .cs-diff-left h2{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:34px;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-bottom:18px}
  .lhc .cs-diff-left p{color:#666;font-size:18.2px;line-height:1.7}
  .lhc .cs-diff-right{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .lhc .cs-diff-item{display:flex;gap:13px}
  .lhc .cs-diff-check{flex:none;width:26px;height:26px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18.3px;font-weight:700}
  .lhc .cs-diff-item h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.8px;font-weight:700;margin-bottom:6px}
  .lhc .cs-diff-item p{color:#666;font-size:17.1px;line-height:1.55}
  /* bottom cta */
  .lhc .cs-cta{padding:80px 0}
  .lhc .cs-cta-inner{position:relative;border-radius:16px;overflow:hidden;padding:96px 40px;text-align:center;background-image:linear-gradient(rgba(10,6,2,.55),rgba(10,6,2,.68)),url("assets/img/bg-amber-mesh.jpg");background-size:cover;background-position:center}
  .lhc .cs-cta-inner h2{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(28px,3.6vw,42px);font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.15;max-width:640px;margin:0 auto}
  .lhc .cs-cta-inner p{color:#e5d5c5;font-size:18.2px;line-height:1.65;max-width:600px;margin:16px auto 30px}
  @media(max-width:1000px){
    .lhc .cs-hero-in{grid-template-columns:1fr;gap:40px}
    .lhc .cs-why-grid,.lhc .cs-uc-grid{grid-template-columns:repeat(2,1fr)}
    .lhc .cs-diff-grid{grid-template-columns:1fr;gap:32px}
    .lhc .cs-diff-right{grid-template-columns:1fr}
  }
  @media(max-width:620px){
    .lhc .cs-why-grid,.lhc .cs-uc-grid{grid-template-columns:1fr}
    .lhc .cs-row{grid-template-columns:1fr}
    .lhc .cs-form-card{padding:24px}
  }

  /* ============ WPForms 表单样式适配（贴近页面风格） ============ */
  .lhc .cs-form-card .wpforms-container{margin:0}
  .lhc .cs-form-card .wpforms-form{display:flex;flex-direction:column;gap:6px}
  .lhc .cs-form-card .wpforms-field{padding:8px 0}
  .lhc .cs-form-card .wpforms-field-label{font-size:16.9px!important;font-weight:600!important;color:#333!important;margin-bottom:6px!important}
  .lhc .cs-form-card .wpforms-required-label{color:#ef4444!important}
  .lhc .cs-form-card input[type=text],
  .lhc .cs-form-card input[type=email],
  .lhc .cs-form-card input[type=tel],
  .lhc .cs-form-card select,
  .lhc .cs-form-card textarea{padding:11px 13px!important;border:1px solid #d4d4d4!important;border-radius:6px!important;font-size:18.3px!important;font-family:"Inter",sans-serif!important;color:#111!important;background:#fff!important;width:100%!important;box-shadow:none!important;transition:.15s}
  .lhc .cs-form-card input:focus,
  .lhc .cs-form-card select:focus,
  .lhc .cs-form-card textarea:focus{border-color:#e0731d!important;box-shadow:0 0 0 3px rgba(224,115,29,.1)!important;outline:none!important}
  .lhc .cs-form-card textarea{resize:vertical;min-height:96px}
  .lhc .cs-form-card .wpforms-submit{background:#22c55e!important;color:#000!important;font-weight:700!important;font-family:"Inter",sans-serif!important;font-size:18.3px!important;padding:12px 28px!important;border:none!important;border-radius:6px!important;cursor:pointer;transition:.15s}
  .lhc .cs-form-card .wpforms-submit:hover{background:#16a34a!important;color:#fff!important}
  .lhc .cs-form-card .wpforms-submit-container{text-align:right;margin-top:8px}
  /* 两列布局：First/Last Name 若用 WPForms 的列布局会自动响应；单列时占满 */
  .lhc .cs-form-card .wpforms-field-row{gap:16px}

  /* ============ WPForms 对齐修正 ============ */
  .lhc .cs-form-card .wpforms-field-name .wpforms-field-sublabel{margin-top:5px!important;color:#999!important;font-size:15.6px!important}
  /* 所有字段块占满整行、间距一致 */
  .lhc .cs-form-card .wpforms-field{width:100%!important;float:none!important;clear:both!important;padding:9px 0!important;margin:0!important}
  /* 输入框统一宽度100% */
  .lhc .cs-form-card .wpforms-field-row-block input,
  .lhc .cs-form-card .wpforms-field input,
  .lhc .cs-form-card .wpforms-field select,
  .lhc .cs-form-card .wpforms-field textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  /* 隐藏 number 字段的上下箭头（Phone 若是数字类型时更干净） */
  .lhc .cs-form-card input[type=number]{-moz-appearance:textfield!important}
  .lhc .cs-form-card input[type=number]::-webkit-outer-spin-button,
  .lhc .cs-form-card input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
  /* 修正 WPForms 可能的 50% 浮动列（two column 布局） */
  .lhc .cs-form-card .wpforms-field.wpforms-one-half,
  .lhc .cs-form-card .wpforms-field.wpforms-two-fifths,
  .lhc .cs-form-card .wpforms-field.wpforms-first{width:100%!important;margin-right:0!important}
  /* ============ Name 整行满宽（清除 WPForms 容器左右内缩） ============ */
  .lhc .cs-form-card .wpforms-field.wpforms-field-name{width:100%!important;max-width:100%!important;padding:9px 0!important;margin:0!important;box-sizing:border-box!important}
  .lhc .cs-form-card .wpforms-field-name .wpforms-field-row{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  /* 若 WPForms 用 -6% 负边距的 row-block，归零 */
  .lhc .cs-form-card .wpforms-field-name .wpforms-field-row-block{margin-left:0!important;margin-right:0!important}

  /* ============ Name First/Last 干净等分（权威版） ============ */
  .lhc .cs-form-card .wpforms-field-name{width:100%!important;max-width:100%!important;padding:9px 0!important;margin:0!important;box-sizing:border-box!important}
  .lhc .cs-form-card .wpforms-field-name .wpforms-field-row{display:flex!important;gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
  .lhc .cs-form-card .wpforms-field-name .wpforms-field-row-block{flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
  .lhc .cs-form-card .wpforms-field-name .wpforms-field-row-block input{width:100%!important;box-sizing:border-box!important}


  /* ============ ABOUT 页面（白色背景） ============ */
  .lha{background:#ffffff;color:#111111}
  .lha .accent{color:#e0731d}
  .lha .btn-dark{background:#1a1a1a;border:1px solid #1a1a1a;color:#fff;padding:11px 24px;border-radius:2px;font-weight:600}
  .lha .btn-dark:hover{background:#242424}
  /* hero */
  .lha .ab-hero{padding:96px 0 72px;background:
    radial-gradient(ellipse 760px 360px at 85% 20%, rgba(224,115,29,.10), transparent 66%),
    radial-gradient(ellipse 560px 300px at 8% 95%, rgba(34,197,94,.05), transparent 70%),
    linear-gradient(180deg,#ffffff,#fbfaf8)}
  .lha .ab-eyebrow{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:16.9px;letter-spacing:.18em;text-transform:uppercase;color:#e0731d;margin-bottom:22px}
  .lha .ab-hero h1{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(36px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.08;max-width:900px}
  .lha .ab-lead{color:#666;font-size:20.5px;line-height:1.65;max-width:640px;margin-top:26px}
  /* manifesto */
  .lha .ab-manifesto{padding:72px 0;background:#fbfaf8;border-top:1px solid #eee;border-bottom:1px solid #eee}
  .lha .ab-mani-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}
  .lha .ab-mani-left h2{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.015em;line-height:1.15}
  .lha .ab-mani-right p{color:#444;font-size:19.4px;line-height:1.75;margin-bottom:20px}
  .lha .ab-mani-right p:last-child{margin-bottom:0}
  /* stats */
  .lha .ab-stats{padding:64px 0}
  .lha .ab-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
  .lha .ab-stat{text-align:center;padding:20px}
  .lha .ab-stat b{display:block;font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(36px,4.4vw,52px);font-weight:800;letter-spacing:-.02em;color:#111;line-height:1}
  .lha .ab-stat span{display:block;margin-top:10px;font-size:17.7px;color:#888}
  /* story / timeline */
  .lha .ab-story{padding:80px 0;background:#fbfaf8;border-top:1px solid #eee}
  .lha .ab-timeline{max-width:820px;margin:48px auto 0;display:flex;flex-direction:column;gap:0}
  .lha .ab-tl-item{display:grid;grid-template-columns:160px 1fr;gap:32px;padding:28px 0;border-top:1px solid #e2e2e2}
  .lha .ab-tl-item:last-child{border-bottom:1px solid #e2e2e2}
  .lha .ab-tl-year{font-family:"IBM Plex Mono",monospace;font-size:17.1px;font-weight:500;color:#e0731d;letter-spacing:.05em;padding-top:2px}
  .lha .ab-tl-body h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:19px;font-weight:700;margin-bottom:8px}
  .lha .ab-tl-body p{color:#666;font-size:18.9px;line-height:1.7}
  /* values */
  .lha .ab-values{padding:80px 0}
  .lha .ab-val-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px;max-width:920px;margin-left:auto;margin-right:auto}
  .lha .ab-val{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:30px 28px;transition:.16s}
  .lha .ab-val:hover{border-color:#e0731d;box-shadow:0 12px 32px rgba(224,115,29,.1);transform:translateY(-2px)}
  .lha .ab-val-num{font-family:"IBM Plex Mono",monospace;font-size:17.1px;color:#e0731d;margin-bottom:14px;letter-spacing:.1em}
  .lha .ab-val h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:20.5px;font-weight:700;margin-bottom:10px}
  .lha .ab-val p{color:#666;font-size:18.3px;line-height:1.65}
  /* cta */
  .lha .ab-cta{padding:80px 0}
  .lha .ab-cta-inner{position:relative;border-radius:16px;overflow:hidden;padding:88px 40px;text-align:center;background:
    radial-gradient(ellipse 600px 340px at 78% 12%, rgba(224,115,29,.35), transparent 62%),
    radial-gradient(ellipse 500px 320px at 15% 100%, rgba(120,60,10,.5), transparent 70%),
    linear-gradient(160deg,#3a1d0a,#120a04)}
  .lha .ab-cta-inner h2{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(28px,3.6vw,42px);font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.15;max-width:640px;margin:0 auto}
  .lha .ab-cta-inner p{color:#e5d5c5;font-size:18.2px;line-height:1.65;max-width:560px;margin:16px auto 30px}
  .lha .ab-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
  @media(max-width:1000px){
    .lha .ab-mani-grid{grid-template-columns:1fr;gap:24px}
    .lha .ab-stats-grid{grid-template-columns:repeat(2,1fr);gap:32px}
    .lha .ab-val-grid{grid-template-columns:1fr}
  }
  @media(max-width:620px){
    .lha .ab-tl-item{grid-template-columns:1fr;gap:8px}
    .lha .ab-stats-grid{grid-template-columns:1fr}
  }


  /* ============ API PLATFORM 页面（纯黑 SpaceX 风）============ */
  .lhapi{background:#000000;color:#fff}
  .lhapi .wrap{max-width:1180px;margin:0 auto;padding:0 32px}
  .lhapi h1,.lhapi h2,.lhapi h3,.lhapi h4{font-family:"Archivo","Inter",system-ui,sans-serif}
  .lhapi .btn-green{display:inline-flex;align-items:center;gap:8px;background:#22C55E;color:#000;font-weight:700;font-size:18.3px;padding:12px 26px;border-radius:4px;text-decoration:none;transition:.15s}
  .lhapi .btn-green:hover{background:#16a34a;color:#fff}
  .lhapi .btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;font-weight:600;font-size:18.3px;padding:12px 24px;border:1px solid #333;border-radius:4px;text-decoration:none;transition:.15s}
  .lhapi .btn-ghost:hover{border-color:#22C55E;color:#22C55E}
  /* terminal shared */
  .lhapi .tc-p{color:#22C55E}.lhapi .tc-s{color:#e0b341}.lhapi .tc-d{color:#7a8290}.lhapi .tc-g{color:#22C55E}
  .lhapi .tc-cur{display:inline-block;width:8px;height:16px;background:#22C55E;margin-left:2px;vertical-align:middle;animation:apiblink 1.1s steps(2) infinite}
  @keyframes apiblink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
  /* HERO */
  .lhapi .api-hero{padding:130px 0 90px}
  .lhapi .api-hero-in{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
  .lhapi .api-eyebrow{font-family:"IBM Plex Mono",monospace;font-size:16.9px;letter-spacing:.18em;text-transform:uppercase;color:#22C55E}
  .lhapi .api-hero-left h1{font-size:clamp(40px,5.5vw,68px);font-weight:800;letter-spacing:-.02em;line-height:1.04;margin:22px 0 24px}
  .lhapi .api-hero-left p{color:#9aa0a8;font-size:19.4px;line-height:1.65;max-width:460px;margin-bottom:32px}
  .lhapi .api-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
  .lhapi .api-term{background:#0c0f14;border:1px solid #1c2129;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
  .lhapi .api-term-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#12151b;border-bottom:1px solid #1c2129}
  .lhapi .api-term-bar i{width:12px;height:12px;border-radius:50%;background:#3a3f47}
  .lhapi .api-term-bar i:nth-child(1){background:#ff5f57}.lhapi .api-term-bar i:nth-child(2){background:#febc2e}.lhapi .api-term-bar i:nth-child(3){background:#28c840}
  .lhapi .api-term-bar b{margin-left:8px;font-family:"IBM Plex Mono",monospace;font-size:16.9px;color:#8a919c;font-weight:500}
  .lhapi .api-term-body{padding:22px;font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:15px;line-height:1.9;color:#cbd2da;white-space:nowrap;overflow-x:auto}
  /* CAPABILITY CARDS */
  .lhapi .api-caps{padding:20px 0 40px}
  .lhapi .api-cap3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .lhapi .api-cap{background:#0a0d12;border:1px solid #1a1f27;border-radius:14px;padding:34px 30px;transition:.18s}
  .lhapi .api-cap:hover{border-color:#22C55E;transform:translateY(-3px)}
  .lhapi .api-cap-ic{width:44px;height:44px;color:#22C55E;margin-bottom:20px}
  .lhapi .api-cap-ic svg{width:38px;height:38px}
  .lhapi .api-cap h3{font-size:22px;font-weight:800;margin-bottom:12px}
  .lhapi .api-cap p{color:#8a919c;font-size:17.7px;line-height:1.65}
  /* INSTALL */
  .lhapi .api-install{padding:80px 0}
  .lhapi .api-install h2{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-.02em}
  .lhapi .api-sub{color:#9aa0a8;font-size:18.2px;margin:14px 0 30px;max-width:560px}
  .lhapi .api-code{background:#0c0f14;border:1px solid #1c2129;border-radius:10px;padding:22px 24px;font-family:"IBM Plex Mono",monospace;font-size:17.7px;line-height:2;color:#cbd2da;max-width:640px}
  .lhapi .api-note{color:#6b7280;font-size:17.6px;margin-top:16px}
  /* HOW IT WORKS */
  .lhapi .api-how{padding:60px 0}
  .lhapi .api-how h2{font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:-.02em;margin-bottom:48px}
  .lhapi .api-step{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;margin-bottom:56px}
  .lhapi .api-step-rev .api-step-text{order:2}.lhapi .api-step-rev .api-step-code{order:1}
  .lhapi .api-step-n{font-family:"IBM Plex Mono",monospace;font-size:16.9px;letter-spacing:.16em;text-transform:uppercase;color:#22C55E}
  .lhapi .api-step-text h3{font-size:26px;font-weight:800;margin:12px 0 12px;letter-spacing:-.01em}
  .lhapi .api-step-text p{color:#9aa0a8;font-size:18.9px;line-height:1.7}
  .lhapi .api-step-code{background:#0c0f14;border:1px solid #1c2129;border-radius:10px;padding:22px;font-family:"IBM Plex Mono",monospace;font-size:16.9px;line-height:1.95;color:#cbd2da;white-space:nowrap;overflow-x:auto}
  /* CLI FEATURES */
  .lhapi .api-feat{padding:60px 0}
  .lhapi .api-feat h2{font-size:clamp(30px,4.5vw,52px);font-weight:800;letter-spacing:-.02em;margin-bottom:44px}
  .lhapi .api-feat6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .lhapi .api-fcard{background:#0a0d12;border:1px solid #1a1f27;border-radius:12px;padding:28px 26px;transition:.18s}
  .lhapi .api-fcard:hover{border-color:#2a3038}
  .lhapi .api-fcard h4{font-size:20.5px;font-weight:700;margin-bottom:10px}
  .lhapi .api-fcard p{color:#8a919c;font-size:17.1px;line-height:1.6}
  /* PRICING BAR */
  .lhapi .api-pricebar{padding:40px 0 60px}
  .lhapi .api-pb-card{background:#0a0d12;border:1px solid #1a1f27;border-radius:14px;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
  .lhapi .api-pb-text h3{font-size:20px;font-weight:700}
  .lhapi .api-pb-text p{color:#8a919c;font-size:17.7px;margin-top:6px}
  /* FAQ */
  .lhapi .api-faq{padding:60px 0}
  .lhapi .api-faq h2{font-size:clamp(30px,4.5vw,54px);font-weight:800;letter-spacing:-.02em}
  .lhapi .api-faq-list{margin-top:36px;display:flex;flex-direction:column;gap:12px}
  .lhapi .api-q{background:#0a0d12;border:1px solid #1a1f27;border-radius:10px;overflow:hidden}
  .lhapi .api-q summary{list-style:none;cursor:pointer;padding:22px 26px;font-size:19.4px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
  .lhapi .api-q summary::-webkit-details-marker{display:none}
  .lhapi .api-q-ar{color:#22C55E;transition:.2s;font-size:16.9px}
  .lhapi .api-q[open] .api-q-ar{transform:rotate(180deg)}
  .lhapi .api-q p{padding:0 26px 22px;color:#9aa0a8;font-size:18.3px;line-height:1.7}
  .lhapi .api-q code{background:#12151b;padding:2px 7px;border-radius:4px;font-family:"IBM Plex Mono",monospace;font-size:16.9px;color:#22C55E}
  /* BOTTOM CTA */
  .lhapi .api-cta{padding:70px 0 100px}
  .lhapi .api-cta-in{background:#0a0d12;border:1px solid #1a1f27;border-radius:16px;padding:80px 40px;text-align:center}
  .lhapi .api-cta-in h2{font-size:clamp(30px,4.5vw,52px);font-weight:800;letter-spacing:-.02em}
  .lhapi .api-cta-in p{color:#9aa0a8;font-size:18.2px;margin:16px 0 30px}
  .lhapi .api-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
  @media(max-width:900px){
    .lhapi .api-hero-in{grid-template-columns:1fr;gap:36px}
    .lhapi .api-cap3,.lhapi .api-feat6{grid-template-columns:1fr}
    .lhapi .api-step{grid-template-columns:1fr;gap:20px}
    .lhapi .api-step-rev .api-step-text{order:0}.lhapi .api-step-rev .api-step-code{order:0}
  }

/* ==========================================================================
   Team 页样式（作用域 .lht）
   ⚠ 线上这段样式已经从 Team 页里丢失（页面目前是裸 HTML）。
   这里从数据库修订记录 #73（2026-07-16）里原样找回，一字未改。
   ========================================================================== */

/* ============ 固定 header（浅色变体：logo 不反色） ============ */
.olh, .olh *{margin:0;padding:0;box-sizing:border-box}
.olh a{text-decoration:none}
.olh{position:fixed;top:0;left:0;right:0;z-index:2147483000;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.07)}
body.admin-bar .olh{top:32px}
@media(max-width:782px){body.admin-bar .olh{top:46px}}
.olh-in{max-width:1280px;margin:0 auto;padding:0 32px;height:80px;display:flex;align-items:center;justify-content:space-between}
.olh-logo{display:flex;align-items:center;flex:none}
.olh-logo img{height:44px;width:auto;display:block}
.olh-cta{flex:none;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18.3px;font-weight:700;color:#0a0a0a;padding:9px 22px;border:1px solid #22C55E;border-radius:40px;transition:.18s;white-space:nowrap;background:#22C55E}
.olh-cta:hover{background:#16a34a;border-color:#16a34a;color:#fff}
@media(max-width:620px){
  .olh-in{padding:0 18px;height:64px}
  .olh-logo img{height:34px}
  .olh-cta{font-size:17.6px;padding:8px 16px}
}

/* ============ TEAM 页面 ============ */
.lht, .lht *{margin:0;padding:0;box-sizing:border-box}
.lht{background:#fbfaf8;color:#111111;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.lht a{color:inherit;text-decoration:none}
.lht ul,.lht ol{list-style:none}
.lht h1,.lht h2,.lht h3,.lht h4{margin:0;color:inherit}
.lht p{margin:0}
.lht img{max-width:100%;height:auto}
.lht .wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* hero */
.lht .tm-hero{padding:132px 0 40px;background:
  radial-gradient(ellipse 760px 340px at 86% 18%, rgba(34,197,94,.10), transparent 66%),
  linear-gradient(180deg,#ffffff,#fbfaf8)}
.lht .tm-crumb{display:flex;align-items:center;gap:10px;font-size:17.1px;color:#999;margin-bottom:26px}
.lht .tm-crumb a{color:#999;transition:.15s}
.lht .tm-crumb a:hover{color:#111}
.lht .tm-crumb span[aria-current]{color:#16a34a;font-weight:600}
.lht .tm-crumb i{font-style:normal;color:#ccc;font-size:15.6px}
.lht .tm-hero h1{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:clamp(44px,7vw,86px);letter-spacing:-.01em;line-height:1.02}
.lht .tm-lead{color:#666;font-size:19.4px;line-height:1.65;max-width:520px;margin-top:22px}

/* 筛选 tabs */
.lht .tm-tabs{border-bottom:1px solid #e6e2dc;background:#fbfaf8;position:sticky;top:72px;z-index:20}
body.admin-bar .lht .tm-tabs{top:104px}
.lht .tm-tabs-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.lht .tm-tabs-in::-webkit-scrollbar{display:none}
.lht .tm-tab{position:relative;padding:16px 20px;font-size:18.2px;font-weight:500;color:#888;background:none;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:.15s}
.lht .tm-tab:hover{color:#111}
.lht .tm-tab[aria-selected="true"]{color:#111;font-weight:600}
.lht .tm-tab[aria-selected="true"]::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;background:#22C55E;border-radius:2px 2px 0 0}
.lht .tm-tab b{font-family:"IBM Plex Mono",monospace;font-size:16.1px;font-weight:400;color:#bbb;margin-left:6px}

/* 成员网格 */
.lht .tm-grid-sec{padding:56px 0 88px}
.lht .tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:52px 22px}
.lht .tm-card{text-align:center;display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;font-family:inherit;color:inherit;cursor:pointer;width:100%}
.lht .tm-photo{position:relative;width:132px;height:132px;border-radius:50%;overflow:hidden;background:#ececec;margin-bottom:20px;transition:transform .22s ease, box-shadow .22s ease}
.lht .tm-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .28s ease, transform .4s ease}
.lht .tm-photo::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 0 #22C55E;transition:box-shadow .22s ease;pointer-events:none}
.lht .tm-card:hover .tm-photo,
.lht .tm-card:focus-visible .tm-photo{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.12)}
.lht .tm-card:hover .tm-photo img,
.lht .tm-card:focus-visible .tm-photo img{filter:grayscale(0);transform:scale(1.04)}
.lht .tm-card:hover .tm-photo::after,
.lht .tm-card:focus-visible .tm-photo::after{box-shadow:inset 0 0 0 3px #22C55E}
.lht .tm-name{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:700;font-size:19px;line-height:1.25;letter-spacing:-.005em}
.lht .tm-role{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.1px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#16a34a;margin-top:9px;line-height:1.5;max-width:170px}
.lht .tm-empty{grid-column:1/-1;text-align:center;color:#999;font-size:18.3px;padding:60px 0}

/* ============ PROFILE 弹窗 ============ */
.lht .tm-modal{position:fixed;inset:0;z-index:2147483400;display:flex;align-items:center;justify-content:center;padding:24px}
.lht .tm-modal[hidden]{display:none}
.lht .tm-back{position:absolute;inset:0;background:rgba(18,16,12,.6);backdrop-filter:blur(3px);animation:tmFade .18s ease}
.lht .tm-box{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 48px);overflow-y:auto;background:#ffffff;border:1px solid #e6e2dc;border-radius:16px;padding:44px 44px 34px;box-shadow:0 40px 90px rgba(0,0,0,.28);animation:tmPop .2s cubic-bezier(.16,1,.3,1)}
@keyframes tmFade{from{opacity:0}}
@keyframes tmPop{from{opacity:0;transform:translateY(14px) scale(.985)}}
.lht .tm-x{position:fixed;top:24px;right:26px;width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:.15s;z-index:2}
.lht .tm-x:hover{background:rgba(255,255,255,.16)}
.lht .tm-m-photo{width:126px;height:126px;border-radius:50%;overflow:hidden;margin:0 auto 22px;background:#ececec}
.lht .tm-m-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.lht .tm-m-name{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:clamp(24px,3vw,30px);text-align:center;letter-spacing:-.01em}
.lht .tm-m-role{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.2px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#16a34a;text-align:center;margin-top:10px}
.lht .tm-m-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.lht .tm-m-tag{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.1px;color:#666;background:#f5f3ef;border:1px solid #e6e2dc;border-radius:3px;padding:4px 11px;letter-spacing:.02em}
.lht .tm-m-h{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.3px;font-weight:700;margin:32px 0 16px}
.lht .tm-m-btns{display:flex;flex-wrap:wrap;gap:10px}
.lht .tm-m-btn{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:17.7px;font-weight:600;color:#333;background:#fff;border:1px solid #ddd8d0;border-radius:8px;padding:11px 18px;cursor:pointer;transition:.15s}
.lht .tm-m-btn svg{width:15px;height:15px;flex:none}
.lht .tm-m-btn:hover{border-color:#22C55E;color:#16a34a;background:#f6fdf8}
.lht .tm-m-url{margin-top:28px;padding-top:20px;border-top:1px solid #eee;text-align:center;font-size:16.9px;color:#999}
.lht .tm-m-url code{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.2px;color:#666;margin-left:6px;word-break:break-all}
body.tm-lock{overflow:hidden!important}

/* CTA */
.lht .tm-cta{padding:0 0 88px}
.lht .tm-cta-in{position:relative;border-radius:16px;overflow:hidden;padding:80px 40px;text-align:center;background:
  radial-gradient(ellipse 560px 320px at 80% 10%, rgba(34,197,94,.22), transparent 64%),
  radial-gradient(ellipse 480px 300px at 12% 100%, rgba(22,101,52,.14), transparent 70%),
  #0a0a0a}
.lht .tm-cta-in h2{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.015em;line-height:1.15;color:#fff;max-width:620px;margin:0 auto}
.lht .tm-cta-in p{color:#9a9a9a;font-size:18.2px;margin:14px auto 30px;max-width:520px}
.lht .tm-btn{display:inline-flex;align-items:center;gap:8px;background:#22C55E;color:#000;font-weight:700;font-size:18.3px;padding:12px 28px;border-radius:40px;transition:.15s}
.lht .tm-btn:hover{background:#16a34a;color:#fff}

/* 页脚（复用首页 .ftr） */
.lht .ftr{background:#000000;padding:80px 0 36px;color:#fff}
.lht .ftr-top{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:48px;padding-bottom:56px;align-items:start}
.lht .ftr-brand{display:flex;align-items:flex-start}
.lht .ftr-logo{height:52px;width:auto;filter:brightness(0) invert(1)}
.lht .ftr-col h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.2px;font-weight:700;margin-bottom:22px;color:#fff}
.lht .ftr-col a{display:block;color:#9a9a9a;font-size:18.3px;margin-bottom:14px;transition:.15s}
.lht .ftr-col a:hover{color:#22C55E}
.lht .ftr-loc p{color:#9a9a9a;font-size:18.3px;line-height:1.6;margin-bottom:16px}
.lht .ftr-loc a{color:#9a9a9a}
.lht .ftr-loc a:hover{color:#22C55E}
.lht .ftr-bottom{padding-top:32px;border-top:1px solid #1c1c1c}
.lht .ftr-bottom span{color:#777;font-size:17.1px}

/* ============ 响应式 ============ */
@media(max-width:900px){
  .lht .ftr-top{grid-template-columns:1fr 1fr;gap:32px}
  .lht .ftr-brand{grid-column:1 / -1;margin-bottom:8px}
}
@media(max-width:620px){
  .lht .tm-hero{padding:104px 0 32px}
  .lht .tm-tabs{top:60px}
  .lht .tm-grid{grid-template-columns:repeat(2,1fr);gap:40px 16px}
  .lht .tm-photo{width:112px;height:112px}
  .lht .tm-grid-sec{padding:40px 0 64px}
  .lht .tm-modal{padding:0}
  .lht .tm-box{max-width:none;max-height:100vh;height:100vh;border:none;border-radius:0;padding:72px 24px 40px}
  .lht .tm-x{top:14px;right:14px;color:#111}
  .lht .tm-x:hover{background:rgba(0,0,0,.06)}
  .lht .tm-m-btn{flex:1 1 100%;justify-content:center}
  .lht .tm-cta-in{padding:56px 24px}
  .lht .ftr-top{grid-template-columns:1fr}
}

/* ============ WORDPRESS 兼容补丁 ============ */
.lht{position:relative;width:100vw!important;max-width:100vw!important;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important;margin-top:0!important;overflow-x:hidden}
.lht p:empty{display:none;margin:0;padding:0}
.lht>p,.lht>br{display:none}
.lht .tm-grid>p,.lht .tm-grid>br,.lht .tm-m-btns>p,.lht .tm-m-btns>br{display:none!important}
.lht a{box-shadow:none;border-bottom:none}
html,body{overflow-x:hidden!important;max-width:100%!important}
body:has(.lht){background:#fbfaf8}
body:has(.lht) .entry-content,
body:has(.lht) .site-main,
body:has(.lht) .wp-site-blocks main{padding-top:0!important;margin-top:0!important}
body:has(.lht) .wp-block-site-title,
body:has(.lht) .wp-block-site-logo,
body:has(.lht) .entry-title,
body:has(.lht) .wp-block-post-title,
body:has(.lht) .entry-header,
body:has(.lht) .page-header{display:none!important}

@media(prefers-reduced-motion:reduce){
  .lht *,.lht *::before,.lht *::after{animation:none!important;transition:none!important}
}
.lht button:focus-visible,.lht a:focus-visible{outline:2px solid #16a34a;outline-offset:3px;border-radius:4px}


/* ==========================================================================
   联系表单 —— 原站由 WPForms 渲染，转静态后用这套替代样式
   ========================================================================== */
.ol-form{max-width:560px}
.ol-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ol-field{margin-bottom:28px}
.ol-field>label{display:block;font-family:"Inter",system-ui,sans-serif;font-size:18.3px;font-weight:600;color:#111;margin-bottom:20px}
.ol-req{color:#e11d48;margin-left:2px}
.ol-field input,.ol-field select,.ol-field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #c8c8c8;border-radius:0;padding:8px 0;font-family:"Inter",system-ui,sans-serif;font-size:18.2px;color:#111;transition:border-color .18s}
.ol-field textarea{min-height:118px;resize:vertical}
.ol-field input:focus,.ol-field select:focus,.ol-field textarea:focus{outline:0;border-bottom-color:#111}
.ol-field select{appearance:none;color:#666}
.ol-field input.is-error,.ol-field select.is-error,.ol-field textarea.is-error{border-bottom-color:#b91c1c}
.ol-submit{width:100%;background:#111;color:#fff;border:0;border-radius:40px;padding:15px 24px;font-family:"Inter",system-ui,sans-serif;font-size:18.2px;font-weight:700;cursor:pointer;transition:background .18s}
.ol-submit:hover{background:#333}
.ol-submit:disabled{opacity:.55;cursor:default}
.ol-status{margin-top:16px;font-size:18.3px;min-height:1.4em;color:#666}
.ol-status.is-ok{color:#16a34a;font-weight:600}
.ol-status.is-error{color:#b91c1c}

/* ==========================================================================
   Team 页补丁
   找回的样式（修订 #73）是更早的 JS 版本，用 aria-selected / [hidden] 控制；
   而当前线上的 HTML 已改成纯 CSS 实现 —— radio 切换选项卡、:target 开弹窗。
   下面这段只补两者之间的差异，配色和尺寸沿用原样式。
   ========================================================================== */
.lht .tm-radio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}
.lht .tm-tab{display:inline-flex;align-items:center;gap:8px}
.lht .tm-tab b{font-weight:500;font-size:17.1px;color:#aaa}

#tmtab-all:checked  ~ .tm-tabs .tm-tab[for="tmtab-all"],
#tmtab-lead:checked ~ .tm-tabs .tm-tab[for="tmtab-lead"],
#tmtab-team:checked ~ .tm-tabs .tm-tab[for="tmtab-team"]{color:#111;font-weight:600}
#tmtab-all:checked  ~ .tm-tabs .tm-tab[for="tmtab-all"] b,
#tmtab-lead:checked ~ .tm-tabs .tm-tab[for="tmtab-lead"] b,
#tmtab-team:checked ~ .tm-tabs .tm-tab[for="tmtab-team"] b{color:#16a34a}
#tmtab-all:checked  ~ .tm-tabs .tm-tab[for="tmtab-all"]::after,
#tmtab-lead:checked ~ .tm-tabs .tm-tab[for="tmtab-lead"]::after,
#tmtab-team:checked ~ .tm-tabs .tm-tab[for="tmtab-team"]::after{
  content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;background:#22C55E;border-radius:2px 2px 0 0}

#tmtab-lead:checked ~ .tm-grid-sec .tm-card.g-team{display:none}
#tmtab-team:checked ~ .tm-grid-sec .tm-card.g-lead{display:none}

/* 弹窗改用 :target 控制 */
.lht .tm-modal{display:none}
.lht .tm-modal:target{display:flex}

/* 当前版本头像为原色（不再灰度化），无照片的用 logo 占位 */
.lht .tm-photo img,
.lht .tm-m-photo img{filter:none}
.lht .tm-photo.is-ph{background:#f2f2f2}
.lht .tm-photo.is-ph img{object-fit:contain;padding:26px;opacity:.5}

.lht .tm-m-bio{margin-top:18px;color:#555;font-size:18.9px;line-height:1.65;text-align:left}

/* ==========================================================================
   CLI 页（作用域 .lhcli）
   设计方向：SpaceX 式黑色极简 —— 纯黑底、全大写宽字距标题、零圆角、
   发丝级分隔线、幽灵按钮。绿色只在终端输出里出现，其余一律黑白。
   ========================================================================== */
.lhcli,.lhcli *{margin:0;padding:0;box-sizing:border-box}
.lhcli{background:#000;color:#fff;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18.2px;line-height:1.65;-webkit-font-smoothing:antialiased}
.lhcli a{color:inherit;text-decoration:none}
.lhcli img{display:block;max-width:100%}
.lhcli .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.lhcli section{padding:104px 0;border-top:1px solid #1a1a1a}
.lhcli section:first-of-type{border-top:0}

/* 标题：全大写 + 宽字距，SpaceX 的核心特征 */
.lhcli h1,.lhcli h2,.lhcli h3,.lhcli h4{
  font-family:"Archivo","Inter",system-ui,sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.055em;line-height:1.1}
.lhcli h1{font-size:clamp(34px,5.4vw,68px);letter-spacing:.02em}
.lhcli h2{font-size:clamp(24px,3vw,36px)}
.lhcli h3{font-size:19.4px;letter-spacing:.08em}
.lhcli h4{font-size:17.1px;letter-spacing:.1em}
.lhcli p{color:#8e8e8e}
.lhcli b,.lhcli strong{color:#fff;font-weight:600}

/* 区块眉题 */
.lhcli .cli-eyebrow{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:16.1px;
  letter-spacing:.3em;text-transform:uppercase;color:#5c5c5c;margin-bottom:26px;display:block}

/* 幽灵按钮 */
.lhcli .cli-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 30px;border:1px solid #fff;
  border-radius:0;font-family:"Archivo",sans-serif;font-size:15.6px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:#fff;background:transparent;transition:.2s;cursor:pointer}
.lhcli .cli-btn:hover{background:#fff;color:#000}
.lhcli .cli-btn--dim{border-color:#3a3a3a;color:#c9c9c9}
.lhcli .cli-btn--dim:hover{border-color:#fff;background:transparent;color:#fff}
.lhcli .cli-btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}

/* ---- HERO ---- */
.lhcli .cli-hero{padding:186px 0 96px;position:relative;overflow:hidden;isolation:isolate}
.lhcli .cli-hero-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.22}
.lhcli .cli-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 45%,#000 100%)}
.lhcli .cli-hero h1{max-width:15ch}
.lhcli .cli-hero p.cli-lead{margin-top:26px;max-width:56ch;font-size:20.5px;color:#a4a4a4}

/* ---- 终端窗口 ---- */
.lhcli .term{background:#080808;border:1px solid #1f1f1f}
.lhcli .term-bar{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid #1a1a1a}
.lhcli .term-bar i{width:9px;height:9px;border-radius:50%;background:#2c2c2c;display:block}
.lhcli .term-bar span{margin-left:12px;font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.6px;
  letter-spacing:.12em;color:#575757;text-transform:lowercase}
.lhcli .term pre{margin:0;padding:22px 18px;overflow-x:auto;
  font-family:"IBM Plex Mono",Menlo,Consolas,monospace;font-size:14px;line-height:1.9;color:#d0d0d0}
.lhcli .t-cmd{color:#fff}
.lhcli .t-flag{color:#8e8e8e}
.lhcli .t-head{color:#5c5c5c}
.lhcli .t-ok{color:#22c55e}
.lhcli .t-dim{color:#4d4d4d}
.lhcli .term-hero{margin-top:64px}

/* 光标 */
.lhcli .t-caret{display:inline-block;width:8px;height:15px;background:#22c55e;
  vertical-align:-2px;animation:cliBlink 1.05s steps(1) infinite}
@keyframes cliBlink{0%,49%{opacity:1}50%,100%{opacity:0}}

/* ---- 三栏能力 ---- */
.lhcli .cli-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .cli-3 > div{background:#000;padding:38px 32px}
.lhcli .cli-3 h3{margin-bottom:14px}
.lhcli .cli-3 p{font-size:18.3px}
.lhcli .cli-num{font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.1px;letter-spacing:.22em;
  color:#3f3f3f;display:block;margin-bottom:22px}

/* ---- 安装 ---- */
.lhcli .cli-install{max-width:760px}
.lhcli .cli-note{margin-top:18px;font-size:17.6px;color:#5c5c5c}

/* ---- 步骤 ---- */
.lhcli .cli-step{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid #1a1a1a}
.lhcli .cli-step:first-of-type{border-top:0;padding-top:8px}
.lhcli .cli-step--flip .cli-step-txt{order:2}
.lhcli .cli-step h3{margin-bottom:14px;font-size:21px;letter-spacing:.045em}
.lhcli .cli-step p{font-size:18.9px;max-width:46ch}

/* ---- 特性网格 ---- */
.lhcli .cli-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .cli-feat > div{background:#000;padding:32px 28px}
.lhcli .cli-feat h4{margin-bottom:12px;color:#fff}
.lhcli .cli-feat p{font-size:17.7px}

/* ---- 价格横幅 ---- */
.lhcli .cli-price{display:flex;align-items:center;justify-content:space-between;gap:32px;
  border:1px solid #1f1f1f;padding:40px 42px;flex-wrap:wrap}
.lhcli .cli-price h3{font-size:19px;letter-spacing:.045em;margin-bottom:10px}
.lhcli .cli-price p{font-size:18.3px;margin:0}

/* ---- FAQ ---- */
.lhcli .cli-faq{border-top:1px solid #1a1a1a}
.lhcli .cli-faq details{border-bottom:1px solid #1a1a1a}
.lhcli .cli-faq summary{list-style:none;cursor:pointer;padding:26px 44px 26px 0;position:relative;
  font-family:"Archivo",sans-serif;font-size:18.2px;font-weight:600;letter-spacing:.03em;color:#fff}
.lhcli .cli-faq summary::-webkit-details-marker{display:none}
.lhcli .cli-faq summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-family:"IBM Plex Mono",monospace;font-size:20px;color:#5c5c5c;transition:.2s}
.lhcli .cli-faq details[open] summary::after{content:"–";color:#fff}
.lhcli .cli-faq .cli-faq-a{padding:0 44px 28px 0;font-size:18.9px;color:#8e8e8e;max-width:74ch}
.lhcli .cli-faq .cli-faq-a code{font-family:"IBM Plex Mono",monospace;font-size:17.6px;color:#22c55e}

/* ---- 收尾 CTA ---- */
.lhcli .cli-cta{text-align:center;padding:140px 0}
.lhcli .cli-cta h2{font-size:clamp(26px,3.6vw,46px)}
.lhcli .cli-cta p{margin-top:18px;font-size:19.4px}
.lhcli .cli-cta .cli-btns{justify-content:center}

@media(max-width:960px){
  .lhcli section{padding:72px 0}
  .lhcli .cli-hero{padding:150px 0 72px}
  .lhcli .cli-3,.lhcli .cli-feat{grid-template-columns:1fr 1fr}
  .lhcli .cli-step{grid-template-columns:1fr;gap:32px}
  .lhcli .cli-step--flip .cli-step-txt{order:0}
}
@media(max-width:600px){
  .lhcli .cli-3,.lhcli .cli-feat{grid-template-columns:1fr}
  .lhcli .term pre{font-size:12.5px;padding:16px 14px}
  .lhcli .cli-price{flex-direction:column;align-items:flex-start}
}

/* CLI 页的顶栏：跟首页和法律页一样走深色变体（透明黑底 + 白 logo），
   而不是默认的白底毛玻璃 —— 否则白条压在纯黑页面上会很突兀。 */
body:has(.lhcli){background:#000}
/* 深色页面统一走这套顶栏配色。首页（.lhx）原本靠正文里的内联样式做透明底，
   那段样式还顺手把导航的内边距清零了，摘掉之后配色改由这里统一接管。 */
body:has(.lhcli) .olh,
body:has(.lhx) .olh,
body:has(.lhl) .olh{background:rgba(0,0,0,.72);backdrop-filter:blur(14px);border-bottom:1px solid #1a1a1a}
body:has(.lhcli) .olh-logo img,
body:has(.lhx) .olh-logo img,
body:has(.lhl) .olh-logo img{filter:brightness(0) invert(1)}



/* ==========================================================================
   页脚全局兜底
   原站样式全部写作 .lhx .ftr{...}（WordPress 里 <footer> 被包在 .lhx 容器内）。
   静态站的 <footer class="ftr"> 是 .lhx 的兄弟节点，选择器匹配不上会裸奔。
   下面把同一批规则去掉作用域前缀复制一份作为全局默认，样式值一字未改，
   @media 断点也原样保留。
   ========================================================================== */
body >, body > .lhl, body > .lhb, body > .lht, body > .olh, body > .ftr{width: 100%; max-width: 100%;}
.ftr .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
  .ftr{background:#000000;padding:80px 0 36px;color:#fff}
.ftr-top{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:48px;padding-bottom:56px;align-items:start}
.ftr-brand{display:flex;align-items:flex-start}
.ftr-logo{height:52px;width:auto;filter:brightness(0) invert(1)}
.ftr-col h4{font-family:"Archivo","Inter",system-ui,sans-serif;font-size:18.2px;font-weight:700;margin-bottom:22px;color:#fff;letter-spacing:.01em}
.ftr-col a{display:block;color:#9a9a9a;font-size:18.3px;text-decoration:none;margin-bottom:14px;transition:.15s}
.ftr-col a:hover{color:#22C55E}
.ftr-loc p{color:#9a9a9a;font-size:18.3px;line-height:1.6;margin-bottom:16px}
.ftr-loc a{color:#9a9a9a}
.ftr-loc a:hover{color:#22C55E}
.ftr-bottom{padding-top:32px;border-top:1px solid #1c1c1c}
.ftr-bottom span{color:#777;font-size:17.1px}
@media(max-width:900px){
  .ftr-top{grid-template-columns:1fr 1fr;gap:32px}
  .ftr-brand{grid-column:1 / -1;margin-bottom:8px}
}
@media(max-width:560px){
  .ftr-top{grid-template-columns:1fr}
}

/* ==========================================================================
   SDK 页附加样式（复用 .lhcli 作用域，只补 CLI 页没有的几个部件）
   ========================================================================== */

/* Python 高亮：整体保持黑白，只有字符串用品牌绿 */
.lhcli .py-kw{color:#fff}
.lhcli .py-str{color:#22c55e}
.lhcli .py-com{color:#4d4d4d}
.lhcli .py-fn{color:#a8a8a8}
.lhcli .py-num{color:#d0d0d0}

/* 左文右码的首屏 */
.lhcli .cli-split{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center}
.lhcli .cli-split h1{max-width:none;font-size:clamp(30px,3.9vw,52px)}
.lhcli .cli-split .cli-lead{margin-top:22px}
.lhcli .cli-split .cli-btns{margin-top:34px}

/* 选项卡（纯 CSS，radio 驱动） */
.lhcli .cli-radio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}
.lhcli .cli-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #1a1a1a;margin-bottom:36px}
.lhcli .cli-tab{position:relative;cursor:pointer;padding:16px 26px 15px;
  font-family:"Archivo",sans-serif;font-size:15.6px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:#5c5c5c;transition:color .18s;white-space:nowrap}
.lhcli .cli-tab:hover{color:#c9c9c9}
.lhcli .cli-panel{display:none}

#sdk1:checked ~ .cli-tabs .cli-tab[for="sdk1"],
#sdk2:checked ~ .cli-tabs .cli-tab[for="sdk2"],
#sdk3:checked ~ .cli-tabs .cli-tab[for="sdk3"],
#sdk4:checked ~ .cli-tabs .cli-tab[for="sdk4"]{color:#fff}
#sdk1:checked ~ .cli-tabs .cli-tab[for="sdk1"]::after,
#sdk2:checked ~ .cli-tabs .cli-tab[for="sdk2"]::after,
#sdk3:checked ~ .cli-tabs .cli-tab[for="sdk3"]::after,
#sdk4:checked ~ .cli-tabs .cli-tab[for="sdk4"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff}
#sdk1:checked ~ .cli-panels .cli-panel:nth-of-type(1),
#sdk2:checked ~ .cli-panels .cli-panel:nth-of-type(2),
#sdk3:checked ~ .cli-panels .cli-panel:nth-of-type(3),
#sdk4:checked ~ .cli-panels .cli-panel:nth-of-type(4){display:block}

/* 四栏特性 */
.lhcli .cli-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .cli-4 > div{background:#000;padding:34px 30px}
.lhcli .cli-4 h4{margin-bottom:12px;color:#fff}
.lhcli .cli-4 p{font-size:18.3px}

/* 收尾：巨大的等宽安装命令 */
.lhcli .cli-bigcta{border:1px solid #1f1f1f;padding:clamp(64px,9vw,110px) 32px;text-align:center}
.lhcli .cli-bigcta .cmd{font-family:"IBM Plex Mono",Menlo,Consolas,monospace;
  font-size:clamp(26px,4.4vw,54px);font-weight:500;letter-spacing:-.01em;color:#fff}
.lhcli .cli-bigcta .cmd em{font-style:normal;color:#22c55e}
.lhcli .cli-bigcta p{margin-top:20px;font-size:19.4px}
.lhcli .cli-bigcta .cli-btns{justify-content:center}

/* 页面间互相跳转的小链条 */
.lhcli .cli-alt{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;
  border:1px solid #1f1f1f;padding:32px 36px}
.lhcli .cli-alt h3{font-size:19.4px;letter-spacing:.045em;margin-bottom:8px}
.lhcli .cli-alt p{font-size:18.3px;margin:0}

@media(max-width:960px){
  .lhcli .cli-split{grid-template-columns:1fr;gap:44px}
  .lhcli .cli-4{grid-template-columns:1fr}
  .lhcli .cli-tab{padding:14px 18px;font-size:15.4px;letter-spacing:.14em}
}

/* 栅格子项默认 min-width:auto，里面的 <pre> 代码块 min-content 很宽，
   会把整列撑爆导致移动端标题被切掉。这里显式放开。 */
.lhcli .cli-split > *,
.lhcli .cli-step > *,
.lhcli .cli-panels,
.lhcli .cli-panel{min-width:0}
.lhcli .term{min-width:0;max-width:100%}
.lhcli .term pre{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ==========================================================================
   API Platform 页修复
   这一页的容器是 <div class="lhx lhapi">：.lhapi 把底色设成黑、文字设成白，
   但 .lhx 那套里有一条 `.lhx section{background:#fff}`（原本给白底页面用的），
   于是页面里每个 <section> 都被刷成白底 —— 白底白字，标题、正文、按钮全部看不见。
   线上这一页应该也是这个状态。
   ========================================================================== */
.lhapi section{background:transparent}

/* 首屏终端整行不折行，长命令会被切掉。栅格子项放开 min-width 让它能正常横向滚动，
   右侧加一道渐隐提示「还能往右滑」。 */
.lhapi .api-hero-in > *{min-width:0}
.lhapi .api-term{position:relative}
/* 首屏终端内容已调整到不溢出，渐隐遮罩去掉；步骤里的长命令仍可横向滚动 */
.lhapi .api-term-body::-webkit-scrollbar{height:6px}
.lhapi .api-term-body::-webkit-scrollbar-thumb{background:#2a3038;border-radius:3px}
.lhapi .api-term-body::-webkit-scrollbar-track{background:transparent}
.lhapi .api-step-code::-webkit-scrollbar{height:6px}
.lhapi .api-step-code::-webkit-scrollbar-thumb{background:#2a3038;border-radius:3px}

/* API 页：顶栏走深色变体，否则白条压在纯黑页上很突兀 */
body:has(.lhapi){background:#000}
body:has(.lhapi) .olh{background:rgba(0,0,0,.72);backdrop-filter:blur(14px);border-bottom:1px solid #1a1a1a}
body:has(.lhapi) .olh-logo img{filter:brightness(0) invert(1)}

/* 首屏排版：原来左栏太窄，标题 clamp 上限 68px 会折成六行。
   把两栏配比调匀、标题上限收到 52px，并改为顶对齐。 */
.lhapi .api-hero-in{grid-template-columns:1.05fr 1.15fr;align-items:start;gap:56px}
.lhapi .api-hero-left h1{font-size:clamp(32px,3.7vw,52px);line-height:1.08;max-width:14ch}
.lhapi .api-hero-left p{max-width:52ch}
.lhapi .api-term{margin-top:52px}

/* 终端等宽表格对齐：原来用普通空格，列会错位 */
.lhapi .api-term-body,
.lhapi .api-step-code{tab-size:4}

@media(max-width:960px){
  .lhapi .api-hero-in{grid-template-columns:1fr;gap:36px}
  .lhapi .api-term{margin-top:0}
  .lhapi .api-hero-left h1{max-width:none}
}

/* ==========================================================================
   API 网关页附加部件（仍在 .lhcli 作用域内，与 CLI / SDK 页同一套视觉）
   ========================================================================== */

/* 模型目录表 */
.lhcli .cli-table{width:100%;border-collapse:collapse;font-size:17.7px}
.lhcli .cli-table th{
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;font-weight:400;
  letter-spacing:.22em;text-transform:uppercase;color:#5c5c5c;
  text-align:left;padding:0 20px 14px;border-bottom:1px solid #1a1a1a}
.lhcli .cli-table td{padding:18px 20px;border-bottom:1px solid #131313;color:#8e8e8e;vertical-align:middle}
.lhcli .cli-table tr:last-child td{border-bottom:0}
.lhcli .cli-table td:first-child{color:#fff;font-weight:600}
.lhcli .cli-table .mono{font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.9px;color:#5c5c5c}
.lhcli .cli-table .up{color:#22c55e}
.lhcli .cli-table tbody tr:hover td{background:#080808}
.lhcli .cli-tablewrap{border:1px solid #1a1a1a;padding:22px 8px 8px;overflow-x:auto}

/* 指标条 */
.lhcli .cli-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .cli-stats > div{background:#000;padding:34px 30px}
.lhcli .cli-stats b{display:block;font-family:"Archivo",sans-serif;font-size:clamp(30px,3.4vw,44px);
  font-weight:600;letter-spacing:-.02em;line-height:1;color:#fff;margin-bottom:12px}
.lhcli .cli-stats span{font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.1px;
  letter-spacing:.22em;text-transform:uppercase;color:#5c5c5c}

/* 底部三件套导航 */
.lhcli .cli-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .cli-trio a{display:block;background:#000;padding:34px 30px;transition:background .18s}
.lhcli .cli-trio a:hover{background:#080808}
.lhcli .cli-trio a[aria-current]{background:#0a0a0a}
.lhcli .cli-trio h4{margin-bottom:10px;color:#fff}
.lhcli .cli-trio p{font-size:17.7px}
.lhcli .cli-trio .go{display:inline-block;margin-top:16px;font-family:"IBM Plex Mono",monospace;
  font-size:16.1px;letter-spacing:.22em;text-transform:uppercase;color:#22c55e}

@media(max-width:960px){
  .lhcli .cli-stats,.lhcli .cli-trio{grid-template-columns:1fr}
}

/* ==========================================================================
   GPU Cloud 页附加部件（仍在 .lhcli 作用域，与 CLI / SDK / API 页同一套视觉）
   ========================================================================== */

/* 全幅图片首屏 */
.lhcli .gc-hero{position:relative;padding:220px 0 130px;overflow:hidden;isolation:isolate;border-top:0}
.lhcli .gc-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.42}
.lhcli .gc-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.68) 42%,rgba(0,0,0,.18) 100%),
             linear-gradient(180deg,rgba(0,0,0,.66) 0%,transparent 36%,rgba(0,0,0,.9) 100%)}
.lhcli .gc-badge{display:inline-block;border:1px solid #2a2a2a;padding:7px 16px;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;letter-spacing:.24em;
  text-transform:uppercase;color:#c9c9c9;margin-bottom:30px}
.lhcli .gc-hero h1{max-width:13ch}
.lhcli .gc-hero .cli-lead{margin-top:26px;max-width:54ch;font-size:20.5px;color:#a4a4a4}

/* 价格表 */
.lhcli .gc-price-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.lhcli .gc-price-split > *{min-width:0}
.lhcli .gc-price-split p{margin-top:20px;font-size:18.8px;max-width:46ch}

/* 机型阵容 */
.lhcli .gc-fleet{display:grid;gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .gc-arch{background:#000;padding:22px 24px;display:grid;grid-template-columns:150px 1fr;
  gap:24px;align-items:center}
.lhcli .gc-arch-name{font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.1px;
  letter-spacing:.22em;text-transform:uppercase;color:#5c5c5c}
.lhcli .gc-chips{display:flex;flex-wrap:wrap;gap:8px}
.lhcli .gc-chip{border:1px solid #262626;padding:8px 14px;font-size:17.6px;color:#c9c9c9;
  display:inline-flex;align-items:baseline;gap:10px;transition:border-color .18s,color .18s}
.lhcli .gc-chip:hover{border-color:#3a3a3a;color:#fff}
.lhcli .gc-chip em{font-style:normal;font-family:"IBM Plex Mono",Menlo,monospace;
  font-size:16.1px;color:#5c5c5c}
.lhcli .gc-chip--lead{border-color:#1f7a4d;color:#fff}
.lhcli .gc-chip--lead em{color:#22c55e}

/* 带勾的卡片 */
.lhcli .gc-check{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .gc-check > div{background:#000;padding:32px 30px}
.lhcli .gc-check svg{width:20px;height:20px;color:#22c55e;margin-bottom:16px}
.lhcli .gc-check h4{margin-bottom:12px;color:#fff}
.lhcli .gc-check p{font-size:17.7px}

/* ==========================================================================
   收尾大图 CTA —— 浮动动态背景
   五颗发光球各走各的轨迹（16–27 秒一轮，位移两三百像素，肉眼能明确看出在飘），
   上面叠一层向上飘的细微光点，再加极光视频打底和一道慢速光扫。
   ========================================================================== */
.lhcli .gc-cta{position:relative;overflow:hidden;isolation:isolate;padding:150px 32px;
  text-align:center;border:1px solid #1f1f1f;background:#000}

/* 打底：极光视频 */
.lhcli .gc-cta-video{position:absolute;inset:0;z-index:-5;width:100%;height:100%;
  object-fit:cover;opacity:.55;mix-blend-mode:screen}

/* 浮动光球 */
.lhcli .gc-orbs{position:absolute;inset:0;z-index:-4;pointer-events:none}
.lhcli .gc-orbs i{position:absolute;display:block;border-radius:50%;
  mix-blend-mode:screen;will-change:transform}
.lhcli .gc-orbs i:nth-child(1){width:420px;height:420px;left:4%;top:-14%;
  background:radial-gradient(circle,rgba(34,197,94,.72) 0%,rgba(34,197,94,0) 68%);
  filter:blur(22px);animation:gcOrbA 19s ease-in-out infinite alternate}
.lhcli .gc-orbs i:nth-child(2){width:520px;height:520px;right:-4%;top:16%;
  background:radial-gradient(circle,rgba(47,111,224,.68) 0%,rgba(47,111,224,0) 68%);
  filter:blur(30px);animation:gcOrbB 24s ease-in-out infinite alternate}
.lhcli .gc-orbs i:nth-child(3){width:300px;height:300px;left:32%;bottom:-16%;
  background:radial-gradient(circle,rgba(34,197,94,.6) 0%,rgba(34,197,94,0) 70%);
  filter:blur(20px);animation:gcOrbC 16s ease-in-out infinite alternate}
.lhcli .gc-orbs i:nth-child(4){width:360px;height:360px;right:24%;bottom:-20%;
  background:radial-gradient(circle,rgba(240,138,36,.5) 0%,rgba(240,138,36,0) 70%);
  filter:blur(28px);animation:gcOrbD 27s ease-in-out infinite alternate}
.lhcli .gc-orbs i:nth-child(5){width:240px;height:240px;left:-6%;top:44%;
  background:radial-gradient(circle,rgba(255,255,255,.32) 0%,rgba(255,255,255,0) 70%);
  filter:blur(18px);animation:gcOrbE 21s ease-in-out infinite alternate}

@keyframes gcOrbA{0%{transform:translate3d(0,0,0) scale(1)}
                  100%{transform:translate3d(300px,190px,0) scale(1.25)}}
@keyframes gcOrbB{0%{transform:translate3d(0,0,0) scale(1.1)}
                  100%{transform:translate3d(-280px,150px,0) scale(.85)}}
@keyframes gcOrbC{0%{transform:translate3d(0,0,0) scale(.9)}
                  100%{transform:translate3d(220px,-230px,0) scale(1.35)}}
@keyframes gcOrbD{0%{transform:translate3d(0,0,0) scale(1.15)}
                  100%{transform:translate3d(-330px,-170px,0) scale(.9)}}
@keyframes gcOrbE{0%{transform:translate3d(0,0,0) scale(1)}
                  100%{transform:translate3d(360px,-120px,0) scale(1.3)}}

/* 向上飘的细微光点，两层不同速度做出景深 */
.lhcli .gc-motes{position:absolute;inset:-40% 0;z-index:-3;pointer-events:none;opacity:.9;
  background-image:
    radial-gradient(2.4px 2.4px at 12% 18%, rgba(255,255,255,.75), transparent 60%),
    radial-gradient(2.2px 2.2px at 28% 62%, rgba(34,197,94,.85), transparent 60%),
    radial-gradient(2.6px 2.6px at 46% 32%, rgba(255,255,255,.6), transparent 60%),
    radial-gradient(2.1px 2.1px at 61% 76%, rgba(255,255,255,.7), transparent 60%),
    radial-gradient(2.5px 2.5px at 74% 22%, rgba(34,197,94,.7), transparent 60%),
    radial-gradient(2.2px 2.2px at 87% 54%, rgba(255,255,255,.65), transparent 60%),
    radial-gradient(2.3px 2.3px at 20% 88%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(2.4px 2.4px at 55% 8%,  rgba(255,255,255,.55), transparent 60%);
  background-size:100% 50%;
  animation:gcMotes 26s linear infinite;will-change:transform}
@keyframes gcMotes{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-50%,0)}}

/* 压暗层，保证文字对比度 */
.lhcli .gc-cta::after{content:"";position:absolute;inset:0;z-index:-2;
  background:radial-gradient(56% 74% at 50% 50%,rgba(0,0,0,.6) 0%,rgba(0,0,0,.34) 64%,rgba(0,0,0,.72) 100%)}

/* 一道慢速光扫 */
.lhcli .gc-cta-sweep{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.05) 48%,
             rgba(255,255,255,.09) 50%,rgba(255,255,255,.05) 52%,transparent 62%);
  transform:translate3d(-120%,0,0);
  animation:gcSweep 14s cubic-bezier(.4,0,.2,1) infinite}
@keyframes gcSweep{0%,62%{transform:translate3d(-120%,0,0)}100%{transform:translate3d(120%,0,0)}}

@media (prefers-reduced-motion: reduce){
  .lhcli .gc-orbs i,.lhcli .gc-motes,.lhcli .gc-cta-sweep{animation:none}
  .lhcli .gc-cta-sweep{display:none}
}

.lhcli .gc-cta h2{font-size:clamp(26px,3.6vw,46px)}
.lhcli .gc-cta p{margin:18px auto 0;max-width:56ch;font-size:19.4px}
.lhcli .gc-cta .cli-btns{justify-content:center}

@media(max-width:960px){
  .lhcli .gc-hero{padding:150px 0 84px}
  .lhcli .gc-price-split{grid-template-columns:1fr;gap:40px}
  .lhcli .gc-arch{grid-template-columns:1fr;gap:14px}
  .lhcli .gc-check{grid-template-columns:1fr}
  .lhcli .gc-cta{padding:84px 24px}
}

/* 页脚新增了 Products / Developers / Company 三列，重排栅格 */
.ftr-top{grid-template-columns:1.5fr repeat(4, 1fr) 1.4fr;gap:32px}
@media(max-width:1080px){ .ftr-top{grid-template-columns:1fr 1fr 1fr;gap:36px} }
@media(max-width:620px){ .ftr-top{grid-template-columns:1fr 1fr;gap:32px} }

/* 表格里的短字段不折行 */
.lhcli .cli-table td:nth-child(n+3){white-space:nowrap}
.lhcli .cli-table td:first-child{white-space:nowrap}

/* 页脚字体：原站靠 .lhx 容器继承 Inter，静态站里页脚在容器外，显式补上 */
.ftr, .ftr a, .ftr p, .ftr h4, .ftr span{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
.ftr h4{font-family:"Archivo","Inter",system-ui,sans-serif}

/* ==========================================================================
   Clusters 页附加部件（仍在 .lhcli 作用域，与其余产品页同一套视觉）
   ========================================================================== */

/* 首屏：左文右表单 */
.lhcli .cl-hero{position:relative;padding:190px 0 110px;overflow:hidden;isolation:isolate;border-top:0}
.lhcli .cl-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.32}
.lhcli .cl-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.38) 100%),
             linear-gradient(180deg,rgba(0,0,0,.68) 0%,transparent 34%,rgba(0,0,0,.9) 100%)}
.lhcli .cl-hero-in{display:grid;grid-template-columns:1fr 1.02fr;gap:64px;align-items:center}
.lhcli .cl-hero-in > *{min-width:0}
.lhcli .cl-hero h1{max-width:14ch;font-size:clamp(32px,4.4vw,58px)}
.lhcli .cl-hero .cli-lead{margin-top:24px;max-width:46ch}

/* 深色表单卡 */
.lhcli .cl-card{border:1px solid #1f1f1f;background:rgba(6,6,6,.86);
  backdrop-filter:blur(6px);padding:clamp(28px,3vw,40px)}
.lhcli .cl-card h2{font-size:22px;text-align:center;margin-bottom:32px}
.lhcli .cl-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:520px){ .lhcli .cl-row{grid-template-columns:1fr} }
.lhcli .cl-field{margin-bottom:20px}
.lhcli .cl-field label{display:block;font-family:"Inter",sans-serif;font-size:16.9px;font-weight:600;
  letter-spacing:.02em;color:#c9c9c9;margin-bottom:9px}
.lhcli .cl-req{color:#ef4444;margin-left:3px}
.lhcli .cl-field input,
.lhcli .cl-field select,
.lhcli .cl-field textarea{
  width:100%;background:#0a0a0a;border:1px solid #262626;border-radius:0;
  padding:11px 13px;font-family:"Inter",sans-serif;font-size:17.7px;color:#fff;
  transition:border-color .18s}
.lhcli .cl-field textarea{min-height:104px;resize:vertical}
.lhcli .cl-field input:focus,
.lhcli .cl-field select:focus,
.lhcli .cl-field textarea:focus{outline:0;border-color:#22c55e}
.lhcli .cl-field select{appearance:none;color:#8e8e8e;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#5c5c5c 50%),
                   linear-gradient(135deg,#5c5c5c 50%,transparent 50%);
  background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.lhcli .cl-field select:has(option:not([value=""]):checked){color:#fff}
.lhcli .cl-field input.is-error,
.lhcli .cl-field select.is-error,
.lhcli .cl-field textarea.is-error{border-color:#b91c1c}
.lhcli .cl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lhcli .cl-submit{width:100%;margin-top:6px;background:#22c55e;color:#062e13;border:0;
  padding:14px 24px;font-family:"Archivo",sans-serif;font-size:15.6px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .18s}
.lhcli .cl-submit:hover{background:#2ad669}
.lhcli .cl-submit:disabled{opacity:.55;cursor:default}
.lhcli .cl-status{margin-top:14px;font-size:17.1px;min-height:1.3em;color:#8e8e8e;text-align:center}
.lhcli .cl-status.is-ok{color:#22c55e;font-weight:600}
.lhcli .cl-status.is-error{color:#ef4444}

/* 四栏 / 两栏带图标卡 */
.lhcli .cl-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .cl-quad > div{background:#000;padding:32px 26px}
.lhcli .cl-duo{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .cl-duo > div{background:#000;padding:34px 30px}
.lhcli .cl-quad svg,.lhcli .cl-duo svg{width:22px;height:22px;color:#22c55e;margin-bottom:20px}
.lhcli .cl-quad h4,.lhcli .cl-duo h4{margin-bottom:12px;color:#fff}
.lhcli .cl-quad p{font-size:17.1px}
.lhcli .cl-duo p{font-size:17.7px}

/* 居中版块头 */
.lhcli .cl-center{text-align:center;max-width:760px;margin:0 auto 48px}
.lhcli .cl-center .cli-eyebrow{justify-content:center;display:block}
.lhcli .cl-center p{margin-top:18px;font-size:18.8px}

/* 三栏纯文字（See our on-demand GPUs if） */
.lhcli .cl-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;
  padding-top:38px;border-top:1px solid #1a1a1a}
.lhcli .cl-cols h4{margin-bottom:14px;color:#fff;font-size:18.3px;letter-spacing:.06em}
.lhcli .cl-cols p{font-size:17.7px}

@media(max-width:1080px){ .lhcli .cl-quad{grid-template-columns:1fr 1fr} }
@media(max-width:960px){
  .lhcli .cl-hero{padding:140px 0 76px}
  .lhcli .cl-hero-in{grid-template-columns:1fr;gap:44px}
  .lhcli .cl-duo,.lhcli .cl-cols{grid-template-columns:1fr;gap:1px}
  .lhcli .cl-cols{gap:32px}
}
@media(max-width:620px){ .lhcli .cl-quad{grid-template-columns:1fr} }

/* 换上实拍素材后，各页首屏遮罩单独调 —— 素材亮度差别大，统一一个值会顾此失彼 */
/* 网络拓扑视频偏亮（浅蓝底），压得更狠一些 */
body:has(.lhcli) .cli-hero-bg[poster*="mesh"]{opacity:.3}
/* 机柜阵列视频本身就暗，可以放亮 */
.lhcli .cl-hero-bg{opacity:.62}
/* 代码特写：右侧亮、左侧暗，正好给标题留位置 */
.lhcli .cli-hero-bg[src*="hero-code"]{opacity:.42}
/* 终端实拍本身就极暗（全图平均亮度 4%），几乎不用压，反而要放到最亮 */
/* 这张素材是 1942x809，而首屏容器高 1176px —— object-fit:cover 会按高度
   放大 1.45 倍（Retina 屏 2.9 倍），糊得很明显。
   改成靠右上角贴、宽度不超过原生尺寸，放大倍数锁死在 1 倍以内；
   下缘用遮罩淡出，左侧本来就是纯黑（实测亮度 2%），接缝看不出来。 */
.lhcli .cli-hero-bg[src*="hero-terminal"]{
  opacity:1;
  left:auto;right:0;top:0;bottom:auto;
  width:min(100%,1942px);height:auto;object-fit:fill;
  -webkit-mask-image:linear-gradient(180deg,#000 74%,rgba(0,0,0,.45) 90%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 74%,rgba(0,0,0,.45) 90%,transparent 100%)}
body:has(.lhcli) .cli-hero:has(.cli-hero-bg[src*="hero-terminal"])::after{
  background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.42) 58%,rgba(0,0,0,.04) 100%),
             linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 34%,rgba(0,0,0,.88) 100%)}

/* 绿灯机柜：整体偏亮，且绿色抢眼，压一点 */
.lhcli .gc-hero-bg[src*="hero-servers-green"]{opacity:.62}

/* ==========================================================================
   全站主导航
   页眉原来只有 logo + 一个按钮，新做的几个页面根本没有入口。
   这里在 .olh 里加一层导航：桌面端悬停展开二级菜单，移动端汉堡折叠。
   配色跟随 .olh 现有的明暗两套自动切换，不额外判断页面。
   ========================================================================== */
.olh-in{gap:28px;justify-content:flex-start}
.olh-cta{margin-left:auto}

.olnav{display:flex;align-items:center;gap:4px;margin-left:26px}
.olnav-item{position:relative}
.olnav-mcta{display:none}  /* 只在移动端折叠面板里出现 */
.olnav-link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17.7px;font-weight:500;color:#3f3f46;
  padding:10px 14px;border:0;background:none;cursor:pointer;white-space:nowrap;
  transition:color .16s}
.olnav-link:hover,.olnav-item:hover > .olnav-link{color:#0a0a0a}
.olnav-link[aria-current="page"]{color:#0a0a0a;font-weight:600}
.olnav-caret{width:9px;height:9px;flex:none;transition:transform .18s;opacity:.55}
.olnav-item:hover .olnav-caret{transform:rotate(180deg)}

/* 二级菜单 */
.olnav-sub{
  position:absolute;top:calc(100% + 10px);left:0;min-width:230px;
  background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:2px;
  box-shadow:0 18px 44px rgba(0,0,0,.16);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s,transform .16s,visibility .16s}
.olnav-item:hover > .olnav-sub,
.olnav-item:focus-within > .olnav-sub{opacity:1;visibility:visible;transform:none}
/* 悬停时鼠标要能从按钮滑到菜单，中间不能断 */
.olnav-item::after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}
.olnav-sub a{display:block;padding:10px 12px;border-radius:2px;
  font-family:"Inter",sans-serif;font-size:17.1px;color:#0a0a0a;transition:background .14s}
.olnav-sub a span{display:block;font-size:16.2px;color:#71717a;margin-top:2px}
.olnav-sub a:hover{background:#f4f4f5}
.olnav-sub a[aria-current="page"]{background:#f4f4f5;font-weight:600}

/* 汉堡按钮 */
.olnav-toggle{display:none;margin-left:auto;background:none;border:1px solid rgba(0,0,0,.18);
  border-radius:2px;padding:8px 12px;cursor:pointer;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;letter-spacing:.18em;
  text-transform:uppercase;color:#0a0a0a}

/* ---- 深色页面的导航配色 ---- */
body:has(.lhcli) .olnav-link,
body:has(.lhapi) .olnav-link,
body:has(.lhx) .olnav-link,
body:has(.lhl) .olnav-link{color:#a1a1aa}
body:has(.lhcli) .olnav-link:hover,body:has(.lhcli) .olnav-item:hover > .olnav-link,
body:has(.lhapi) .olnav-link:hover,body:has(.lhapi) .olnav-item:hover > .olnav-link,
body:has(.lhx) .olnav-link:hover,body:has(.lhx) .olnav-item:hover > .olnav-link,
body:has(.lhl) .olnav-link:hover,body:has(.lhl) .olnav-item:hover > .olnav-link{color:#fff}
body:has(.lhcli) .olnav-link[aria-current="page"],
body:has(.lhapi) .olnav-link[aria-current="page"],
body:has(.lhx) .olnav-link[aria-current="page"],
body:has(.lhl) .olnav-link[aria-current="page"]{color:#fff}
body:has(.lhcli) .olnav-sub,body:has(.lhapi) .olnav-sub,
body:has(.lhx) .olnav-sub,body:has(.lhl) .olnav-sub{
  background:#0a0a0a;border-color:#262626;box-shadow:0 18px 44px rgba(0,0,0,.6)}
body:has(.lhcli) .olnav-sub a,body:has(.lhapi) .olnav-sub a,
body:has(.lhx) .olnav-sub a,body:has(.lhl) .olnav-sub a{color:#fff}
body:has(.lhcli) .olnav-sub a span,body:has(.lhapi) .olnav-sub a span,
body:has(.lhx) .olnav-sub a span,body:has(.lhl) .olnav-sub a span{color:#71717a}
body:has(.lhcli) .olnav-sub a:hover,body:has(.lhapi) .olnav-sub a:hover,
body:has(.lhx) .olnav-sub a:hover,body:has(.lhl) .olnav-sub a:hover{background:#171717}
body:has(.lhcli) .olnav-sub a[aria-current="page"],body:has(.lhapi) .olnav-sub a[aria-current="page"],
body:has(.lhx) .olnav-sub a[aria-current="page"],body:has(.lhl) .olnav-sub a[aria-current="page"]{background:#171717}
body:has(.lhcli) .olnav-toggle,body:has(.lhapi) .olnav-toggle,
body:has(.lhx) .olnav-toggle,body:has(.lhl) .olnav-toggle{border-color:#3f3f46;color:#fff}

/* ---- 移动端 ---- */
@media(max-width:1080px){
  .olnav-toggle{display:block}
  .olh-cta{display:none}
  .olnav{
    position:fixed;top:80px;left:0;right:0;max-height:calc(100dvh - 80px);overflow-y:auto;
    flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 18px 28px;
    background:#fff;border-bottom:1px solid rgba(0,0,0,.09);
    display:none}
  .olnav.is-open{display:flex}
  .olnav-item{border-bottom:1px solid rgba(0,0,0,.07)}
  .olnav-link{width:100%;justify-content:space-between;padding:16px 4px;font-size:18.2px}
  .olnav-sub{position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;padding:0 0 10px 12px;min-width:0;display:none;background:none}
  .olnav-item.is-open .olnav-sub{display:block}
  .olnav-item.is-open .olnav-caret{transform:rotate(180deg)}
  .olnav-item::after{display:none}
  .olnav-mcta{display:block;margin-top:20px;text-align:center;background:#22C55E;color:#0a0a0a;
    font-family:"Inter",sans-serif;font-weight:700;font-size:18.3px;padding:13px;border-radius:40px}
  body:has(.lhcli) .olnav,body:has(.lhapi) .olnav,
  body:has(.lhx) .olnav,body:has(.lhl) .olnav{background:#0a0a0a;border-bottom-color:#262626}
  body:has(.lhcli) .olnav-item,body:has(.lhapi) .olnav-item,
  body:has(.lhx) .olnav-item,body:has(.lhl) .olnav-item{border-bottom-color:#1f1f1f}
}
@media(max-width:640px){ .olnav{top:64px;max-height:calc(100dvh - 64px)} }

/* ==========================================================================
   Serverless 页附加部件（.lhcli 作用域）
   首屏背景是一片会自己亮灭的方格 —— 每一格代表一个 GPU worker，
   随机点亮、保持、熄灭，直观演示"按需起停、闲时归零"。纯 CSS，无素材依赖。
   ========================================================================== */
.lhcli .sl-hero{position:relative;padding:200px 0 120px;overflow:hidden;isolation:isolate;border-top:0}
.lhcli .sl-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.9) 34%,rgba(0,0,0,.6) 62%,rgba(0,0,0,.42) 100%),
             linear-gradient(180deg,rgba(0,0,0,.75) 0%,transparent 34%,rgba(0,0,0,.9) 100%)}
.lhcli .sl-hero h1{max-width:16ch}
.lhcli .sl-hero .cli-lead{margin-top:26px;max-width:56ch;font-size:20.5px;color:#a4a4a4}

/* worker 方格阵 —— 36 列正方格，动的是 opacity（可被合成器接管），
   不是 background-color（每帧重绘，400 多个元素会烧 CPU） */
.lhcli .sl-grid{position:absolute;inset:0;z-index:-2;display:grid;
  grid-template-columns:repeat(36,1fr);gap:4px;padding:18px;
  pointer-events:none;overflow:hidden;align-content:start}
.lhcli .sl-grid i{display:block;aspect-ratio:1;border-radius:1px;
  background:#22c55e;opacity:.035;
  animation:slWorker 10s ease-in-out infinite;will-change:opacity}
@keyframes slWorker{
  0%,8%    {opacity:.035}
  16%,44%  {opacity:.42}
  56%      {opacity:.14}
  66%,100% {opacity:.035}
}
/* 少数格子常亮，对应文案里的 warm pool */
.lhcli .sl-grid i.is-warm{animation:slWarmPulse 5s ease-in-out infinite}
@keyframes slWarmPulse{0%,100%{opacity:.3}50%{opacity:.75}}

@media (prefers-reduced-motion: reduce){
  .lhcli .sl-grid i{animation:none;opacity:.06}
  .lhcli .sl-grid i.is-warm{animation:none;opacity:.35}
}

/* 对比表：三列 */
.lhcli .sl-table{width:100%;border-collapse:collapse;font-size:18.3px}
.lhcli .sl-table th{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;font-weight:400;
  letter-spacing:.22em;text-transform:uppercase;color:#5c5c5c;text-align:left;
  padding:0 20px 16px;border-bottom:1px solid #1f1f1f}
.lhcli .sl-table th:nth-child(2){color:#22c55e}
.lhcli .sl-table td{padding:18px 20px;border-bottom:1px solid #131313;color:#8e8e8e}
.lhcli .sl-table tr:last-child td{border-bottom:0}
.lhcli .sl-table td:first-child{color:#fff;font-weight:600;white-space:nowrap}
.lhcli .sl-table td:nth-child(2){color:#e4e4e7}
.lhcli .sl-table tbody tr:hover td{background:#080808}
.lhcli .sl-tablewrap{border:1px solid #1a1a1a;padding:24px 8px 8px;overflow-x:auto}
.lhcli .sl-note{margin-top:18px;font-size:17.6px;color:#5c5c5c}

@media(max-width:960px){
  .lhcli .sl-hero{padding:150px 0 84px}
  .lhcli .sl-grid{grid-template-columns:repeat(12,1fr);gap:5px}
}

/* ==========================================================================
   Hosting 页附加部件（.lhcli 作用域）
   ========================================================================== */
.lhcli .ho-hero{position:relative;padding:190px 0 110px;overflow:hidden;isolation:isolate;
  border-top:0;text-align:center}
.lhcli .ho-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.4}
.lhcli .ho-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(78% 100% at 50% 45%,rgba(0,0,0,.7) 0%,rgba(0,0,0,.86) 60%,rgba(0,0,0,.95) 100%)}
.lhcli .ho-hero h1{max-width:20ch;margin-inline:auto}
.lhcli .ho-hero .cli-lead{margin:26px auto 0;max-width:60ch}
.lhcli .ho-hero .cli-btns{justify-content:center}

/* 四个指标横排 */
.lhcli .ho-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;
  margin:52px auto 0;max-width:840px}
.lhcli .ho-stats b{display:block;font-family:"Archivo",sans-serif;
  font-size:clamp(26px,3.2vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1;
  color:#fff;margin-bottom:10px}
.lhcli .ho-stats span{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.2em;text-transform:uppercase;color:#5c5c5c}

/* 分工两栏 */
.lhcli .ho-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .ho-split > div{background:#000;padding:34px 32px}
.lhcli .ho-split h3{font-size:18.3px;letter-spacing:.08em;margin-bottom:24px}
.lhcli .ho-split h3.is-ours{color:#22c55e}
.lhcli .ho-list{list-style:none;margin:0;padding:0}
.lhcli .ho-list li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;
  font-size:18.3px;color:#c9c9c9}
.lhcli .ho-list svg{width:16px;height:16px;flex:none;margin-top:3px}
.lhcli .ho-list .ok{color:#22c55e}
.lhcli .ho-list .you{color:#5c5c5c}
.lhcli .ho-split-note{margin-top:24px;text-align:center;font-size:17.7px;color:#22c55e}

/* 强调卡片（预售产能） */
.lhcli .ho-callout{border:1px solid #1f1f1f;background:#050505;padding:clamp(40px,5vw,64px) 40px;
  text-align:center}
.lhcli .ho-callout h2{font-size:clamp(22px,2.6vw,32px)}
.lhcli .ho-callout p{margin:18px auto 0;max-width:62ch;font-size:18.2px}
.lhcli .ho-callout .cli-btns{justify-content:center;margin-top:30px}

/* 三步 */
.lhcli .ho-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center}
.lhcli .ho-step-ic{width:56px;height:56px;margin:0 auto 22px;border:1px solid #262626;
  border-radius:50%;display:grid;place-items:center;color:#22c55e}
.lhcli .ho-step-ic svg{width:22px;height:22px}
.lhcli .ho-steps .n{display:block;font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.22em;text-transform:uppercase;color:#5c5c5c;margin-bottom:12px}
.lhcli .ho-steps h4{margin-bottom:12px;color:#fff}
.lhcli .ho-steps p{font-size:17.7px;max-width:34ch;margin-inline:auto}

@media(max-width:960px){
  .lhcli .ho-hero{padding:150px 0 80px}
  .lhcli .ho-stats{grid-template-columns:1fr 1fr;gap:32px 20px}
  .lhcli .ho-split{grid-template-columns:1fr}
  .lhcli .ho-steps{grid-template-columns:1fr;gap:44px}
}

/* Hosting 首屏换成机房走廊视频后的调整：
   画面两侧机柜很亮、中间消失点是暗的，正好托住居中的标题。
   遮罩改成中心轻、四周重，让两侧的机柜灯带露出来当画框。 */
.lhcli .ho-hero{padding:210px 0 130px}
.lhcli .ho-hero-bg{opacity:.72}
.lhcli .ho-hero::after{
  background:radial-gradient(52% 62% at 50% 46%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.45) 100%),
             linear-gradient(180deg,rgba(0,0,0,.72) 0%,transparent 26%,transparent 68%,rgba(0,0,0,.92) 100%)}

/* ==========================================================================
   Data Centers 认证页附加部件（.lhcli 作用域）
   ========================================================================== */
.lhcli .dc-hero{position:relative;padding:180px 0 110px;overflow:hidden;isolation:isolate;border-top:0}
.lhcli .dc-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.34}
.lhcli .dc-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.62) 100%),
             linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 32%,rgba(0,0,0,.92) 100%)}
.lhcli .dc-hero-in{display:grid;grid-template-columns:1fr 1.04fr;gap:60px;align-items:start}
.lhcli .dc-hero-in > *{min-width:0}
.lhcli .dc-hero h1{max-width:13ch;font-size:clamp(32px,4.2vw,54px)}
.lhcli .dc-hero .cli-lead{margin-top:24px;max-width:46ch}

/* 三条卖点 */
.lhcli .dc-perks{list-style:none;margin:32px 0 0;padding:0}
.lhcli .dc-perks li{display:flex;gap:12px;align-items:center;padding:9px 0;font-size:18.3px;color:#c9c9c9}
.lhcli .dc-perks svg{width:16px;height:16px;color:#22c55e;flex:none}

/* 分步指示器 */
.lhcli .dc-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 30px}
.lhcli .dc-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #262626;color:#5c5c5c;font-family:"IBM Plex Mono",monospace;font-size:15.6px;
  font-weight:400;transition:.18s}
.lhcli .dc-steps i{width:26px;height:1px;background:#262626;display:block}
.lhcli .dc-steps b.is-on{background:#22c55e;border-color:#22c55e;color:#062e13;font-weight:700}
.lhcli .dc-steps b.is-done{border-color:#1f7a4d;color:#22c55e}

.lhcli .dc-card h2{font-size:21px;text-align:center;margin-bottom:8px}
.lhcli .dc-card .dc-sub{text-align:center;font-size:17.1px;color:#8e8e8e;margin-bottom:26px}
.lhcli .dc-panel{display:none}
.lhcli .dc-panel.is-on{display:block}
.lhcli .dc-legend{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;letter-spacing:.2em;
  text-transform:uppercase;color:#5c5c5c;margin-bottom:20px}

/* GPU 型号多选，做成可点的芯片 */
.lhcli .dc-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lhcli .dc-chip{position:relative}
.lhcli .dc-chip input{position:absolute;opacity:0;width:0;height:0}
.lhcli .dc-chip span{display:block;text-align:center;padding:11px 8px;border:1px solid #262626;
  background:#0a0a0a;font-size:17.6px;color:#c9c9c9;cursor:pointer;transition:.16s;user-select:none}
.lhcli .dc-chip span:hover{border-color:#3a3a3a;color:#fff}
.lhcli .dc-chip input:checked + span{border-color:#22c55e;color:#fff;background:#0d2318}
.lhcli .dc-chip input:focus-visible + span{outline:2px solid #22c55e;outline-offset:2px}

.lhcli .dc-nav{display:flex;gap:10px;margin-top:8px}
.lhcli .dc-nav .cl-submit{margin-top:0}
.lhcli .dc-back{background:transparent;border:1px solid #262626;color:#c9c9c9;
  padding:14px 22px;font-family:"Archivo",sans-serif;font-size:15.6px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:.18s;flex:none}
.lhcli .dc-back:hover{border-color:#fff;color:#fff}

/* 「什么条件」四栏，带彩色底 */
.lhcli .dc-req{position:relative;overflow:hidden;isolation:isolate;padding:clamp(56px,7vw,88px) 36px;
  border:1px solid #1f1f1f}
.lhcli .dc-req-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.5}
.lhcli .dc-req::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(80% 100% at 50% 40%,rgba(0,0,0,.66) 0%,rgba(0,0,0,.88) 100%)}
.lhcli .dc-req .cl-center{margin-bottom:44px}
.lhcli .dc-req-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lhcli .dc-req-grid > div{background:rgba(6,6,6,.86);border:1px solid #1f1f1f;padding:28px 24px}
.lhcli .dc-req-grid h4{margin-bottom:12px;color:#fff}
.lhcli .dc-req-grid p{font-size:17.1px}

@media(max-width:960px){
  .lhcli .dc-hero{padding:140px 0 76px}
  .lhcli .dc-hero-in{grid-template-columns:1fr;gap:40px}
  .lhcli .dc-req-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){ .lhcli .dc-req-grid{grid-template-columns:1fr} .lhcli .dc-chips{grid-template-columns:1fr} }

/* ==========================================================================
   Financing 页附加部件（.lhcli 作用域）
   ========================================================================== */
.lhcli .fi-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.lhcli .fi-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #262626;
  padding:8px 15px;font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.16em;text-transform:uppercase;color:#c9c9c9}
.lhcli .fi-chip svg{width:13px;height:13px;color:#22c55e;flex:none}

/* 飞轮：四段环形流程 */
.lhcli .fi-flywheel{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:#1a1a1a;border:1px solid #1a1a1a;position:relative}
.lhcli .fi-stage{background:#000;padding:34px 26px;position:relative}
.lhcli .fi-stage .n{display:block;font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.22em;text-transform:uppercase;color:#22c55e;margin-bottom:16px}
.lhcli .fi-stage h4{margin-bottom:10px;color:#fff}
.lhcli .fi-stage p{font-size:17.1px}
/* 阶段之间的箭头 */
.lhcli .fi-stage:not(:last-child)::after{content:"";position:absolute;right:-7px;top:44px;
  width:12px;height:12px;border-top:1px solid #2f2f2f;border-right:1px solid #2f2f2f;
  transform:rotate(45deg);background:#000;z-index:2}
/* 回流箭头：最后一段绕回第一段 */
.lhcli .fi-loop{display:flex;align-items:center;gap:14px;justify-content:center;
  margin-top:18px;font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.2em;text-transform:uppercase;color:#5c5c5c}
.lhcli .fi-loop span{flex:none}
.lhcli .fi-loop i{display:block;height:1px;background:#262626;width:min(220px,22vw)}

/* 举例说明 */
.lhcli .fi-example{border:1px solid #1f1f1f;background:#050505;padding:clamp(32px,4vw,48px)}
.lhcli .fi-example .tag{display:inline-block;font-family:"IBM Plex Mono",Menlo,monospace;
  font-size:15.4px;letter-spacing:.2em;text-transform:uppercase;color:#f08a24;
  border:1px solid #5c3a12;padding:5px 12px;margin-bottom:22px}
.lhcli .fi-example p{font-size:18.2px;max-width:74ch}
.lhcli .fi-example p + p{margin-top:16px}
.lhcli .fi-example b{color:#fff}

/* 表单里的同意勾选 */
.lhcli .fi-consent{display:flex;gap:12px;align-items:flex-start;margin:4px 0 20px;
  font-size:17.6px;color:#8e8e8e;line-height:1.55}
.lhcli .fi-consent input{width:16px;height:16px;flex:none;margin-top:2px;accent-color:#22c55e}
.lhcli .fi-consent a{color:#22c55e}

/* 免责声明 */
.lhcli .fi-disclaimer{margin-top:26px;padding-top:22px;border-top:1px solid #1a1a1a;
  font-size:16.9px;color:#5c5c5c;max-width:84ch}

@media(max-width:960px){
  .lhcli .fi-flywheel{grid-template-columns:1fr 1fr}
  .lhcli .fi-stage:nth-child(2)::after{display:none}
}
@media(max-width:620px){
  .lhcli .fi-flywheel{grid-template-columns:1fr}
  .lhcli .fi-stage::after{display:none!important}
}

/* 授权同意未勾选时的错误态 */
.lhcli .fi-consent.is-error{color:#f87171}
.lhcli .fi-consent.is-error input{outline:2px solid #b91c1c;outline-offset:2px}

/* Financing 首屏用的是机柜特写：左侧是虚化的柜门网格、右侧是亮着的服务器，
   标题压左侧，所以左边要比默认再压暗一档。 */
.lhcli .cl-hero-bg[poster*="closeup"]{opacity:.6}
body:has(.lhcli) .cl-hero:has(.cl-hero-bg[poster*="closeup"])::after{
  background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.8) 38%,rgba(0,0,0,.4) 100%),
             linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 32%,rgba(0,0,0,.9) 100%)}

/* ==========================================================================
   Hardware 页附加部件（.lhcli 作用域）
   ========================================================================== */
/* 芯片里的小角标（High demand / Limited supply） */
.lhcli .dc-chip em{display:block;font-style:normal;margin-top:4px;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:13.3px;letter-spacing:.14em;
  text-transform:uppercase;color:#5c5c5c}
.lhcli .dc-chip input:checked + span em{color:#22c55e}
.lhcli .dc-chip--wide{grid-column:1 / -1}

/* 三列条件选择（新品 / 认证翻新 / 都行） */
.lhcli .dc-chips--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:620px){ .lhcli .dc-chips--3{grid-template-columns:1fr} }

/* 认证流程四项 */
.lhcli .hw-cert{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .hw-cert > div{background:#000;padding:32px 26px}
.lhcli .hw-cert .n{display:block;width:34px;height:34px;border:1px solid #1f7a4d;border-radius:50%;
  display:grid;place-items:center;color:#22c55e;font-family:"IBM Plex Mono",monospace;
  font-size:15.6px;margin-bottom:20px}
.lhcli .hw-cert h4{margin-bottom:10px;color:#fff}
.lhcli .hw-cert p{font-size:17.1px}

/* 认证报告样例 */
.lhcli .hw-report{border:1px solid #1f1f1f;background:#050505;padding:28px}
.lhcli .hw-report .hd{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-bottom:18px;border-bottom:1px solid #1a1a1a;margin-bottom:6px}
.lhcli .hw-report .hd b{font-family:"Archivo",sans-serif;font-size:18.3px;letter-spacing:.06em;
  text-transform:uppercase;color:#fff}
.lhcli .hw-report .pass{font-family:"IBM Plex Mono",monospace;font-size:14.7px;letter-spacing:.18em;
  text-transform:uppercase;color:#22c55e;border:1px solid #1f7a4d;padding:4px 10px}
.lhcli .hw-report .row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;
  border-bottom:1px solid #131313;font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.9px}
.lhcli .hw-report .row:last-child{border-bottom:0}
.lhcli .hw-report .row span{color:#5c5c5c}
.lhcli .hw-report .row b{color:#e4e4e7;font-weight:400}
.lhcli .hw-report .row b.ok{color:#22c55e}

@media(max-width:960px){ .lhcli .hw-cert{grid-template-columns:1fr 1fr} }
@media(max-width:620px){ .lhcli .hw-cert{grid-template-columns:1fr} }

/* ==========================================================================
   Earnings Calculator 页（.lhcli 作用域）
   ========================================================================== */
.lhcli .ec-hero{padding:180px 0 70px;border-top:0}
.lhcli .ec-live{display:inline-flex;align-items:center;gap:9px;border:1px solid #1f7a4d;
  padding:7px 15px;font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.2em;text-transform:uppercase;color:#22c55e;margin-bottom:28px}
.lhcli .ec-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;
  animation:ecPulse 2.2s ease-in-out infinite}
@keyframes ecPulse{0%,100%{opacity:1}50%{opacity:.25}}
.lhcli .ec-hero h1{max-width:15ch}
.lhcli .ec-hero .cli-lead{margin-top:24px;max-width:52ch}

/* 计算器主体 */
.lhcli .ec-calc{display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .ec-calc > div{background:#000;padding:clamp(26px,3vw,38px)}
.lhcli .ec-calc > div + div{background:#050505}
.lhcli .ec-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;letter-spacing:.2em;
  text-transform:uppercase;color:#5c5c5c;margin-bottom:12px}
.lhcli .ec-label em{font-style:normal;color:#22c55e;letter-spacing:.06em;text-transform:none;
  font-size:15.6px}
.lhcli .ec-group{margin-bottom:30px}
.lhcli .ec-group:last-child{margin-bottom:0}
.lhcli .ec-out{font-family:"Archivo",sans-serif;font-size:18.3px;font-weight:600;color:#fff}

.lhcli .ec-select,.lhcli .ec-input{width:100%;background:#0a0a0a;border:1px solid #262626;
  padding:13px 14px;font-family:"Inter",sans-serif;font-size:18.3px;color:#fff;transition:border-color .18s}
.lhcli .ec-select:focus,.lhcli .ec-input:focus{outline:0;border-color:#22c55e}
.lhcli .ec-select{appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#5c5c5c 50%),linear-gradient(135deg,#5c5c5c 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;
  background-size:5px 5px;background-repeat:no-repeat}
.lhcli .ec-money{display:flex;align-items:center;border:1px solid #262626;background:#0a0a0a}
.lhcli .ec-money span{padding:0 4px 0 14px;color:#5c5c5c;font-family:"IBM Plex Mono",monospace;font-size:18.3px}
.lhcli .ec-money input{flex:1;background:none;border:0;padding:13px 8px;
  font-family:"Inter",sans-serif;font-size:18.3px;color:#fff}
.lhcli .ec-money input:focus{outline:0}
.lhcli .ec-money b{padding:0 14px 0 4px;font-family:"IBM Plex Mono",monospace;font-size:15.6px;
  font-weight:400;color:#5c5c5c;white-space:nowrap}
.lhcli .ec-money:focus-within{border-color:#22c55e}

/* 滑杆 */
.lhcli .ec-range{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:#262626;outline:0}
.lhcli .ec-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;
  background:#22c55e;cursor:pointer;border:0}
.lhcli .ec-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#22c55e;
  cursor:pointer;border:0}
.lhcli .ec-ticks{display:flex;justify-content:space-between;margin-top:10px;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;color:#5c5c5c}
.lhcli .ec-hint{margin-top:12px;font-size:16.9px;color:#5c5c5c;line-height:1.55}

/* 结果三档 */
.lhcli .ec-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.lhcli .ec-card{border:1px solid #1f1f1f;padding:20px 14px;text-align:center;background:#000}
.lhcli .ec-card.is-mid{border-color:#1f7a4d;background:#07140d}
.lhcli .ec-card .k{display:block;font-family:"IBM Plex Mono",Menlo,monospace;font-size:14px;
  letter-spacing:.2em;text-transform:uppercase;color:#5c5c5c;margin-bottom:12px}
.lhcli .ec-card.is-mid .k{color:#22c55e}
.lhcli .ec-card .v{font-family:"Archivo",sans-serif;font-size:clamp(20px,2.3vw,28px);font-weight:700;
  letter-spacing:-.02em;color:#fff}
.lhcli .ec-card .v small{font-size:16.9px;font-weight:400;color:#8e8e8e}
.lhcli .ec-card .u{display:block;margin-top:8px;font-family:"IBM Plex Mono",monospace;
  font-size:15.4px;color:#5c5c5c}

/* 明细表 */
.lhcli .ec-rows{margin-top:26px;border:1px solid #1f1f1f}
.lhcli .ec-row{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;
  border-bottom:1px solid #131313;font-size:17.7px;color:#8e8e8e}
.lhcli .ec-row:last-child{border-bottom:0;background:#080808;color:#fff;font-weight:600}
.lhcli .ec-row b{font-family:"IBM Plex Mono",Menlo,monospace;font-weight:400;color:#e4e4e7}
.lhcli .ec-row:last-child b{color:#22c55e;font-weight:600}
.lhcli .ec-row.is-cost b{color:#f87171}

/* 价格对比条 */
.lhcli .ec-scale{margin-top:30px}
.lhcli .ec-bar{position:relative;height:2px;background:#262626;margin:34px 0 8px}
.lhcli .ec-bar .fill{position:absolute;left:0;top:0;height:2px;background:#1f7a4d}
.lhcli .ec-mark{position:absolute;top:-6px;width:1px;height:14px;background:#3a3a3a;transform:translateX(-50%)}
.lhcli .ec-mark span{position:absolute;top:18px;left:50%;transform:translateX(-50%);
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:14.7px;color:#5c5c5c;white-space:nowrap;text-align:center}
.lhcli .ec-you{position:absolute;top:-14px;width:2px;height:22px;background:#22c55e;transform:translateX(-50%)}
.lhcli .ec-you span{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;color:#22c55e;white-space:nowrap}

/* 高级选项 */
.lhcli .ec-adv{margin-top:26px;border:1px solid #1f1f1f}
.lhcli .ec-adv summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;
  justify-content:space-between;align-items:center;gap:14px;
  font-family:"Archivo",sans-serif;font-size:16.9px;font-weight:600;letter-spacing:.06em;color:#fff}
.lhcli .ec-adv summary::-webkit-details-marker{display:none}
.lhcli .ec-adv summary em{font-style:normal;font-family:"Inter",sans-serif;font-size:16.9px;
  font-weight:400;color:#5c5c5c}
.lhcli .ec-adv summary::after{content:"+";font-family:"IBM Plex Mono",monospace;font-size:19.4px;color:#5c5c5c}
.lhcli .ec-adv[open] summary::after{content:"–";color:#fff}
.lhcli .ec-adv-in{padding:4px 18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lhcli .ec-adv-in .ec-group{margin-bottom:0}

.lhcli .ec-note{margin-top:22px;padding-top:18px;border-top:1px solid #1a1a1a;
  font-size:16.9px;color:#5c5c5c;line-height:1.6}

@media(max-width:960px){
  .lhcli .ec-hero{padding:140px 0 50px}
  .lhcli .ec-calc{grid-template-columns:1fr}
  .lhcli .ec-adv-in{grid-template-columns:1fr}
}
@media(max-width:520px){ .lhcli .ec-cards{grid-template-columns:1fr} }

/* ==========================================================================
   Team 页重做（.lhcli 作用域，与全站 SpaceX 式视觉统一）
   原来的 .lht 是浅色米白底、圆角卡片，跟其余页面是两套语言，这里整体翻掉。
   ========================================================================== */
.lhcli .tp-hero{padding:180px 0 60px;border-top:0}
.lhcli .tp-hero h1{max-width:14ch}
.lhcli .tp-hero .cli-lead{margin-top:24px;max-width:56ch}

/* 过滤选项卡（纯 CSS，radio 驱动） */
.lhcli .tp-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #1a1a1a;margin-bottom:44px}
.lhcli .tp-tab{position:relative;cursor:pointer;padding:16px 26px 15px;
  font-family:"Archivo",sans-serif;font-size:15.6px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:#5c5c5c;transition:color .18s;white-space:nowrap;
  display:inline-flex;align-items:center;gap:9px}
.lhcli .tp-tab:hover{color:#c9c9c9}
.lhcli .tp-tab b{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;font-weight:400;color:#3f3f46}
#tp-all:checked  ~ .tp-tabs .tp-tab[for="tp-all"],
#tp-lead:checked ~ .tp-tabs .tp-tab[for="tp-lead"],
#tp-team:checked ~ .tp-tabs .tp-tab[for="tp-team"]{color:#fff}
#tp-all:checked  ~ .tp-tabs .tp-tab[for="tp-all"] b,
#tp-lead:checked ~ .tp-tabs .tp-tab[for="tp-lead"] b,
#tp-team:checked ~ .tp-tabs .tp-tab[for="tp-team"] b{color:#22c55e}
#tp-all:checked  ~ .tp-tabs .tp-tab[for="tp-all"]::after,
#tp-lead:checked ~ .tp-tabs .tp-tab[for="tp-lead"]::after,
#tp-team:checked ~ .tp-tabs .tp-tab[for="tp-team"]::after{
  content:"";position:absolute;left:26px;right:26px;bottom:-1px;height:2px;background:#22c55e}
#tp-lead:checked ~ .tp-grid .tp-card.g-team{display:none}
#tp-team:checked ~ .tp-grid .tp-card.g-lead{display:none}
.lhcli .tp-radio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}

/* 人员网格 */
.lhcli .tp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .tp-card{display:block;background:#000;padding:30px 22px;text-align:center;
  transition:background .18s}
.lhcli .tp-card:hover{background:#080808}
.lhcli .tp-photo{display:block;position:relative;width:104px;height:104px;margin:0 auto 20px;
  border-radius:50%;overflow:hidden;background:#0d0d0d;border:1px solid #1f1f1f}
.lhcli .tp-photo img{width:100%;height:100%;object-fit:cover;color:transparent;font-size:0}
/* 没有照片的人：用姓名首字母做单色字母章，比压一个 logo 体面得多 */
.lhcli .tp-photo.is-mono{display:grid;place-items:center;border-color:#262626}
.lhcli .tp-photo.is-mono span{font-family:"Archivo",sans-serif;font-size:30px;font-weight:600;
  letter-spacing:.02em;color:#3f3f46}
.lhcli .tp-card:hover .tp-photo{border-color:#2f7a4f}
.lhcli .tp-name{display:block;font-family:"Archivo",sans-serif;font-size:18.3px;font-weight:600;
  letter-spacing:.01em;color:#fff;margin-bottom:7px}
.lhcli .tp-role{display:block;font-family:"IBM Plex Mono",Menlo,monospace;font-size:14.7px;
  letter-spacing:.14em;text-transform:uppercase;color:#22c55e;line-height:1.5}
.lhcli .tp-mail{display:block;margin-top:10px;font-size:15.6px;color:#5c5c5c;word-break:break-all}
.lhcli .tp-card:hover .tp-mail{color:#8e8e8e}

@media(max-width:1180px){ .lhcli .tp-grid{grid-template-columns:repeat(4,1fr)} }
@media(max-width:900px){ .lhcli .tp-grid{grid-template-columns:repeat(3,1fr)} }
@media(max-width:640px){ .lhcli .tp-grid{grid-template-columns:1fr 1fr} .lhcli .tp-tab{padding:14px 16px;font-size:15.4px} }

/* ==========================================================================
   GPU Pricing 页重做（.lhcli 作用域）
   原来是 .lhx lhp 的浅色圆角卡片体系，跟其余页面两套语言，这里整体翻掉。
   ========================================================================== */
.lhcli .pr-hero{padding:180px 0 56px;border-top:0}
.lhcli .pr-hero h1{max-width:15ch}
.lhcli .pr-hero .cli-lead{margin-top:24px;max-width:56ch}
.lhcli .pr-stats{display:flex;flex-wrap:wrap;gap:44px;margin-top:40px}
.lhcli .pr-stats b{display:block;font-family:"Archivo",sans-serif;font-size:clamp(24px,2.8vw,34px);
  font-weight:600;letter-spacing:-.02em;color:#fff;margin-bottom:8px}
.lhcli .pr-stats span{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.2em;text-transform:uppercase;color:#5c5c5c}

/* 过滤条 */
.lhcli .pr-bar{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;
  border:1px solid #1a1a1a;padding:16px 18px;margin-bottom:1px}
.lhcli .pr-search{background:#0a0a0a;border:1px solid #262626;padding:11px 14px;width:100%;
  font-family:"Inter",sans-serif;font-size:17.7px;color:#fff}
.lhcli .pr-search:focus{outline:0;border-color:#22c55e}
.lhcli .pr-sort{background:#0a0a0a;border:1px solid #262626;padding:11px 34px 11px 14px;
  font-family:"Inter",sans-serif;font-size:17.1px;color:#c9c9c9;appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#5c5c5c 50%),linear-gradient(135deg,#5c5c5c 50%,transparent 50%);
  background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}
.lhcli .pr-sort:focus{outline:0;border-color:#22c55e}
.lhcli .pr-arch{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 16px;border:1px solid #1a1a1a;
  border-top:0;margin-bottom:1px}
.lhcli .pr-pill{border:1px solid #262626;background:#0a0a0a;padding:7px 14px;cursor:pointer;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;letter-spacing:.12em;
  text-transform:uppercase;color:#8e8e8e;transition:.16s}
.lhcli .pr-pill:hover{border-color:#3a3a3a;color:#fff}
.lhcli .pr-pill.is-on{border-color:#22c55e;color:#fff;background:#0d2318}

/* 分类分组 + 方块卡片 */
.lhcli .pr-cat{margin-top:44px}
.lhcli .pr-cat:first-child{margin-top:0}
.lhcli .pr-cat-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}
.lhcli .pr-cat-head h3{font-size:18.2px;letter-spacing:.08em;color:#fff}
.lhcli .pr-cat-head span{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;
  letter-spacing:.16em;text-transform:uppercase;color:#5c5c5c}
.lhcli .pr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:transparent;border:1px solid #1a1a1a}
.lhcli .pr-card{background:#000;padding:22px 20px;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 0 0 1px #1a1a1a;transition:background .18s}
.lhcli .pr-card:hover{background:#080808}
.lhcli .pr-c-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.lhcli .pr-c-name{font-family:"Archivo",sans-serif;font-size:18.2px;font-weight:600;
  letter-spacing:.01em;color:#fff;line-height:1.25}
.lhcli .pr-dots{display:flex;gap:4px;flex:none;margin-top:5px}
.lhcli .pr-dots i{width:6px;height:6px;border-radius:50%;background:#242424}
.lhcli .pr-dots i.on{background:#22c55e}
.lhcli .pr-c-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lhcli .pr-tag{border:1px solid #262626;background:#0a0a0a;padding:3px 8px;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:12.5px;letter-spacing:.06em;color:#c9c9c9;white-space:nowrap}
.lhcli .pr-vram{font-family:"IBM Plex Mono",Menlo,monospace;font-size:13px;color:#5c5c5c;white-space:nowrap}
.lhcli .pr-spark{width:100%;height:44px;display:block}
.lhcli .pr-c-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
  margin-top:auto}
.lhcli .pr-price{font-family:"Archivo",sans-serif;font-size:26px;font-weight:700;
  letter-spacing:-.03em;color:#fff;line-height:1}
.lhcli .pr-price span{font-family:"Inter",sans-serif;font-size:16.9px;font-weight:400;color:#8e8e8e;
  letter-spacing:0;margin-left:2px}
.lhcli .pr-range{margin-top:7px;font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.1px;color:#5c5c5c}
.lhcli .pr-rent{flex:none;border:1px solid #1f7a4d;color:#22c55e;padding:9px 16px;
  font-family:"Archivo",sans-serif;font-size:15.4px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;transition:.18s}
.lhcli .pr-rent:hover{background:#22c55e;border-color:#22c55e;color:#062e13}
.lhcli .pr-empty{padding:44px 20px;text-align:center;color:#5c5c5c;font-size:17.7px;
  border:1px solid #1a1a1a}

@media(max-width:1180px){ .lhcli .pr-cards{grid-template-columns:repeat(3,1fr)} }
@media(max-width:900px){ .lhcli .pr-cards{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .lhcli .pr-cards{grid-template-columns:1fr} }

/* 三种计费方式 */
.lhcli .pr-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .pr-tier{background:#000;padding:34px 30px;position:relative}
.lhcli .pr-tier.is-pick{background:#050b07}
.lhcli .pr-tier .badge{position:absolute;top:0;right:0;font-family:"IBM Plex Mono",monospace;
  font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#22c55e;
  border-left:1px solid #1f7a4d;border-bottom:1px solid #1f7a4d;padding:6px 12px}
.lhcli .pr-tier h4{margin-bottom:12px;color:#fff}
.lhcli .pr-tier > p{font-size:18.3px;margin-bottom:20px}
.lhcli .pr-tier ul{list-style:none;margin:0 0 24px;padding:0}
.lhcli .pr-tier li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:17.1px;color:#c9c9c9}
.lhcli .pr-tier li::before{content:"";width:5px;height:5px;border-radius:50%;background:#22c55e;
  flex:none;margin-top:8px}

@media(max-width:900px){
  .lhcli .pr-hero{padding:140px 0 44px}
  .lhcli .pr-bar{grid-template-columns:1fr}
  .lhcli .pr-tiers{grid-template-columns:1fr}
  .lhcli .pr-stats{gap:28px}
}

/* ==========================================================================
   About 页重做（.lhcli 作用域）
   原来的 .lhb 是我早先按浅色体系新写的一套，跟全站 SpaceX 风格不统一；
   底部 Find us 里的 SVG 图标又没有尺寸约束，撑到了 2800px 高。整页翻掉。
   ========================================================================== */
.lhcli .ab-hero{position:relative;padding:190px 0 110px;overflow:hidden;isolation:isolate;border-top:0}
.lhcli .ab-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.42}
.lhcli .ab-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.76) 46%,rgba(0,0,0,.34) 100%),
             linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 32%,rgba(0,0,0,.92) 100%)}
.lhcli .ab-hero h1{max-width:17ch}
.lhcli .ab-hero .cli-lead{margin-top:26px;max-width:58ch;font-size:20.5px}

/* 正文 + 人物 */
.lhcli .ab-story{display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:start}
.lhcli .ab-story > *{min-width:0}
.lhcli .ab-prose p{font-size:18.8px;color:#a4a4a4;margin-bottom:1.15em;max-width:66ch}
.lhcli .ab-prose p:last-child{margin-bottom:0}
.lhcli .ab-prose b{color:#fff;font-weight:600}
.lhcli .ab-portrait img{width:100%;border:1px solid #1f1f1f;filter:grayscale(.2)}
.lhcli .ab-cap{margin-top:14px;font-size:17.1px;line-height:1.5}
.lhcli .ab-cap b{display:block;color:#fff;font-weight:600;margin-bottom:3px}
.lhcli .ab-cap span{color:#5c5c5c;font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.1px;
  letter-spacing:.12em;text-transform:uppercase}

/* 引语 */
.lhcli .ab-quote{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;
  padding:clamp(48px,6vw,80px) 0;text-align:center}
.lhcli .ab-quote blockquote{margin:0 auto;max-width:56ch;font-family:"Archivo",sans-serif;
  font-size:clamp(19px,2.4vw,28px);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:#fff}
.lhcli .ab-quote cite{display:block;margin-top:26px;font-style:normal;
  font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;letter-spacing:.2em;
  text-transform:uppercase;color:#5c5c5c}

/* 时间线 */
.lhcli .ab-tl{position:relative;padding-left:30px;margin-top:48px}
.lhcli .ab-tl::before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:#1f1f1f}
.lhcli .ab-item{position:relative;padding-bottom:46px}
.lhcli .ab-item:last-child{padding-bottom:0}
.lhcli .ab-item::before{content:"";position:absolute;left:-30px;top:7px;width:9px;height:9px;
  border-radius:50%;background:#0a0a0a;border:1px solid #3a3a3a}
.lhcli .ab-item.is-key::before{background:#22c55e;border-color:#22c55e}
.lhcli .ab-year{font-family:"IBM Plex Mono",Menlo,monospace;font-size:16.1px;letter-spacing:.2em;
  text-transform:uppercase;color:#5c5c5c}
.lhcli .ab-item.is-key .ab-year{color:#22c55e}
.lhcli .ab-item h3{margin:12px 0 10px;font-size:19px;letter-spacing:.04em}
.lhcli .ab-item p{font-size:18.9px;max-width:70ch}
.lhcli .ab-stat{display:inline-block;margin-top:16px;border:1px solid #1f1f1f;padding:12px 18px}
.lhcli .ab-stat b{display:block;font-family:"Archivo",sans-serif;font-size:26px;font-weight:700;
  letter-spacing:-.02em;color:#fff}
.lhcli .ab-stat span{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;color:#5c5c5c}

/* 愿景 / 使命 */
.lhcli .ab-vm{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1a1a1a;
  border:1px solid #1a1a1a;margin-top:44px}
.lhcli .ab-vm > div{background:#000;padding:32px 30px}
.lhcli .ab-vm h4{margin-bottom:12px;color:#22c55e}
.lhcli .ab-vm p{font-size:18.2px}

/* 三个人 */
.lhcli .ab-people{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .ab-person{background:#000;padding:34px 26px;text-align:center}
.lhcli .ab-person .ph{display:block;width:96px;height:96px;margin:0 auto 20px;border-radius:50%;
  overflow:hidden;background:#0d0d0d;border:1px solid #1f1f1f}
.lhcli .ab-person .ph img{width:100%;height:100%;object-fit:cover;color:transparent;font-size:0}
.lhcli .ab-person b{display:block;font-family:"Archivo",sans-serif;font-size:18.2px;font-weight:600;
  color:#fff;margin-bottom:7px}
.lhcli .ab-person span{font-family:"IBM Plex Mono",Menlo,monospace;font-size:14.7px;
  letter-spacing:.14em;text-transform:uppercase;color:#22c55e}

/* 办公地点 —— 图标必须锁死尺寸，这就是原来撑爆页面的地方 */
.lhcli .ab-loc{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1a1a1a;border:1px solid #1a1a1a}
.lhcli .ab-loc > div{background:#000;padding:34px 32px}
.lhcli .ab-loc h4{margin-bottom:6px;color:#fff}
.lhcli .ab-loc .sub{font-family:"IBM Plex Mono",Menlo,monospace;font-size:15.4px;letter-spacing:.16em;
  text-transform:uppercase;color:#5c5c5c;margin-bottom:16px}
.lhcli .ab-loc p{font-size:18.3px;margin-bottom:14px}
.lhcli .ab-loc a{color:#22c55e;font-size:18.3px}
.lhcli .ab-contact{display:flex;flex-wrap:wrap;gap:1px;background:#1a1a1a;border:1px solid #1a1a1a;
  border-top:0}
.lhcli .ab-contact a{flex:1;min-width:220px;background:#000;padding:24px 32px;display:flex;
  align-items:center;gap:14px;font-size:18.3px;color:#c9c9c9;transition:background .18s}
.lhcli .ab-contact a:hover{background:#080808;color:#fff}
.lhcli .ab-contact svg{width:18px;height:18px;flex:none;color:#22c55e}

@media(max-width:960px){
  .lhcli .ab-hero{padding:150px 0 76px}
  .lhcli .ab-story{grid-template-columns:1fr;gap:40px}
  .lhcli .ab-vm,.lhcli .ab-loc{grid-template-columns:1fr}
  .lhcli .ab-people{grid-template-columns:1fr}
}

/* Contact Sales 首屏的三个指标：左栏比 Hosting 页窄，标签容易折成三行 */
.lhcli .cl-hero-in .ho-stats{grid-template-columns:repeat(3,1fr);gap:20px;max-width:none}
.lhcli .cl-hero-in .ho-stats b{font-size:clamp(22px,2.4vw,30px)}
.lhcli .cl-hero-in .ho-stats span{letter-spacing:.12em;font-size:14px;line-height:1.5}

/* ==========================================================================
   GPU Cloud 首页的价格速览
   原来是五列表格塞进半宽栏，必然横向滚动，用户得手动划才能看到价格。
   改成每行一张窄卡：机型在上、架构和显存在下，价格靠右对齐，整行可点。
   ========================================================================== */
.lhcli .gcp-list{border:1px solid #1a1a1a}
.lhcli .gcp-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;
  padding:16px 20px;border-bottom:1px solid #131313;transition:background .16s}
.lhcli .gcp-row:hover{background:#080808}
.lhcli .gcp-name{grid-column:1;font-family:"Archivo",sans-serif;font-size:16.5px;font-weight:600;
  color:#fff;line-height:1.3}
.lhcli .gcp-meta{grid-column:1;grid-row:2;font-family:"IBM Plex Mono",Menlo,monospace;
  font-size:13px;color:#5c5c5c;margin-top:4px}
.lhcli .gcp-meta em{font-style:normal;color:#8e8e8e}
.lhcli .gcp-price{grid-column:2;grid-row:1 / span 2;font-family:"Archivo",sans-serif;
  font-size:21px;font-weight:700;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.lhcli .gcp-price small{font-family:"Inter",sans-serif;font-size:13px;font-weight:400;
  color:#8e8e8e;letter-spacing:0;margin-left:2px}
.lhcli .gcp-dots{grid-column:3;grid-row:1 / span 2;display:flex;gap:4px;flex:none}
.lhcli .gcp-dots i{width:6px;height:6px;border-radius:50%;background:#242424}
.lhcli .gcp-dots i.on{background:#22c55e}
.lhcli .gcp-more{display:block;padding:16px 20px;text-align:center;
  font-family:"Archivo",sans-serif;font-size:13px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:#22c55e;transition:background .16s}
.lhcli .gcp-more:hover{background:#080808}
@media(max-width:520px){
  .lhcli .gcp-row{padding:14px 16px;gap:12px}
  .lhcli .gcp-price{font-size:19px}
}

/* ==========================================================================
   可横向滚动容器的边缘提示
   代码块和窄屏下的宽表格必须能横向滚动（代码不折行、表格列有下限），
   但没有任何提示时用户不知道右边还有内容 —— 加一道渐隐和一条细滚动条。
   ========================================================================== */
.lhcli .term,
.lhcli .cli-tablewrap,
.lhcli .sl-tablewrap{position:relative}
.lhcli .term::after,
.lhcli .cli-tablewrap::after,
.lhcli .sl-tablewrap::after{content:"";position:absolute;top:0;right:0;bottom:0;width:44px;
  pointer-events:none;opacity:0;transition:opacity .2s;
  background:linear-gradient(90deg,rgba(0,0,0,0),#000 78%)}
.lhcli .term.is-scrollable::after,
.lhcli .cli-tablewrap.is-scrollable::after,
.lhcli .sl-tablewrap.is-scrollable::after{opacity:1}
.lhcli .term.is-scrollable::after{top:52px}

/* 滚动条本身也做得可见一点，而不是完全隐形 */
.lhcli pre::-webkit-scrollbar,
.lhcli .cli-tablewrap::-webkit-scrollbar,
.lhcli .sl-tablewrap::-webkit-scrollbar{height:6px}
.lhcli pre::-webkit-scrollbar-track,
.lhcli .cli-tablewrap::-webkit-scrollbar-track,
.lhcli .sl-tablewrap::-webkit-scrollbar-track{background:#0a0a0a}
.lhcli pre::-webkit-scrollbar-thumb,
.lhcli .cli-tablewrap::-webkit-scrollbar-thumb,
.lhcli .sl-tablewrap::-webkit-scrollbar-thumb{background:#2f2f2f;border-radius:3px}
.lhcli pre::-webkit-scrollbar-thumb:hover,
.lhcli .cli-tablewrap::-webkit-scrollbar-thumb:hover,
.lhcli .sl-tablewrap::-webkit-scrollbar-thumb:hover{background:#3f3f46}