:root{
      --bg:#07111b;
      --paper:#f4f3ef;
      --white:#fff;
      --ink:#0a1520;
      --muted:#65717b;
      --line:rgba(8,20,32,.13);
      --red:#d71920;
      --red-dark:#a81117;
      --max:1320px;
      --ease:cubic-bezier(.22,.61,.36,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--paper);
      color:var(--ink);
      font-family:Inter,Arial,Helvetica,sans-serif;
      -webkit-font-smoothing:antialiased;
      overflow-x:hidden;
    }
    body.product-detail-page{background:#fff}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    img{display:block;width:100%}
    .container{width:min(calc(100% - 64px),var(--max));margin:auto}
    .eyebrow{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--red);
      font-size:11px;
      font-weight:800;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .eyebrow:before{content:"";width:34px;height:2px;background:currentColor}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      min-height:52px;
      padding:0 22px;
      border:1px solid transparent;
      background:var(--red);
      color:#fff;
      font-size:12px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      transition:background-color .2s ease,color .2s ease,border-color .2s ease;
    }
    .btn:hover{background:var(--red-dark);color:#fff}
    .btn.secondary{border-color:rgba(8,20,32,.22);background:transparent;color:var(--ink)}
    .btn.secondary:hover{border-color:var(--ink);background:var(--ink);color:#fff}
    .detail-hero{
      position:relative;
      min-height:100svh;
      padding:76px 0 34px;
      overflow:hidden;
      background:transparent;
      color:var(--ink);
      border-bottom:1px solid rgba(8,20,32,.1);
      --hero-progress:0;
    }
    .detail-hero:before{
      display:none;
    }
    .detail-hero-shell{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:minmax(380px,.78fr) minmax(0,1.22fr);
      gap:clamp(56px,6.2vw,104px);
      align-items:start;
      min-height:calc(100svh - 110px);
      padding-top:clamp(30px,6vh,68px);
    }
    .detail-gallery{
      order:2;
      display:grid;
      grid-template-columns:1fr;
      gap:20px;
      align-items:start;
      min-width:0;
      padding:0;
      background:transparent;
      border:0;
      box-shadow:none;
      margin-top:0;
    }
    .thumbnail-strip{
      order:2;
      display:grid;
      grid-template-columns:34px minmax(0,1fr) 34px;
      gap:10px;
      align-items:center;
      width:100%;
    }
    .thumb-rail{
      display:flex;
      justify-content:flex-start;
      gap:10px;
      min-width:0;
      max-width:100%;
      overflow-x:auto;
      padding:4px 1px 8px;
      scroll-behavior:smooth;
      scroll-snap-type:x mandatory;
      scrollbar-width:none;
    }
    .thumb-rail::-webkit-scrollbar{height:0}
    .thumb-nav{
      position:relative;
      width:34px;
      height:58px;
      padding:0;
      border:1px solid rgba(8,20,32,.16);
      background:#fff;
      color:var(--ink);
      cursor:pointer;
      transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;
    }
    .thumb-nav:before{
      content:"";
      position:absolute;
      inset:0;
      margin:auto;
      width:9px;
      height:9px;
      border-top:2px solid currentColor;
      border-right:2px solid currentColor;
    }
    .thumb-nav.prev:before{transform:rotate(-135deg)}
    .thumb-nav.next:before{transform:rotate(45deg)}
    .thumb-nav:hover:not(:disabled){
      border-color:var(--red);
      background:var(--red);
      color:#fff;
    }
    .thumb-nav:disabled{
      opacity:.26;
      cursor:default;
    }
    .thumbnail-strip:not(.is-scrollable) .thumb-nav{
      visibility:hidden;
      pointer-events:none;
    }
    .thumb{
      position:relative;
      flex:0 0 104px;
      width:104px;
      aspect-ratio:16/9;
      padding:0;
      border:1px solid rgba(8,20,32,.14);
      background:#fff;
      cursor:pointer;
      overflow:hidden;
      opacity:.62;
      scroll-snap-align:start;
      transition:border-color .22s ease,opacity .22s ease,box-shadow .22s ease,transform .22s ease;
    }
    .thumb:before{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:3px;
      background:var(--red);
      transform:scaleX(0);
      transform-origin:left center;
      transition:transform .22s ease;
    }
    .thumb:hover,
    .thumb.is-active{
      border-color:var(--red);
      opacity:1;
      box-shadow:0 10px 22px rgba(8,20,32,.12);
      transform:translateY(-2px);
    }
    .thumb:hover:before,
    .thumb.is-active:before{
      transform:scaleX(1);
    }
    .thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .main-product-photo{
      position:relative;
      order:1;
      height:clamp(430px,40vw,640px);
      margin:0;
      overflow:hidden;
      background:transparent;
      border-bottom:1px solid rgba(8,20,32,.16);
      will-change:transform,opacity;
      transform:translate3d(0,calc(var(--hero-progress,0) * -46px),0) scale(calc(1 + (var(--hero-progress,0) * .018)));
      opacity:calc(1 - (var(--hero-progress,0) * .38));
      transition:opacity .72s var(--ease),transform .72s var(--ease);
    }
    .main-product-photo:before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      z-index:2;
      width:76px;
      height:3px;
      background:var(--red);
    }
    .main-product-photo:after{
      content:"";
      position:absolute;
      right:0;
      bottom:0;
      z-index:2;
      width:42%;
      height:1px;
      background:var(--red);
      opacity:.8;
    }
    .main-product-photo img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .main-product-photo img[data-fit="contain"]{
      object-fit:contain;
      padding:34px;
    }
    .detail-hero-content{
      order:1;
      min-width:0;
      margin:0;
      max-width:560px;
      padding:0 0 7px;
      border-top:1px solid rgba(8,20,32,.14);
      will-change:transform,opacity;
      transform:translate3d(0,calc(var(--hero-progress,0) * -84px),0);
      opacity:calc(1 - (var(--hero-progress,0) * .58));
      transition:opacity .72s var(--ease),transform .72s var(--ease);
    }
    .breadcrumb{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin:18px 0 28px;
      color:#77818b;
      font-size:11px;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .breadcrumb a:hover{color:var(--red)}
    .detail-hero h1{
      margin-top: 20px;
      color:var(--ink);
      font-size: 38px;
      line-height:.98;
      letter-spacing:0;
      font-weight:560;
      overflow-wrap:break-word;
      text-wrap:balance;
    }
    body:not(.hero-ready) .detail-hero-content{
      opacity:0;
      transform:translate3d(0,34px,0);
    }
    body:not(.hero-ready) .main-product-photo{
      opacity:0;
      transform:translate3d(0,38px,0) scale(.985);
    }
    @media(prefers-reduced-motion:reduce){
      .detail-hero-content,
      .main-product-photo{
        transition:none;
        transform:none;
        opacity:1;
      }
    }
    .thumb-label{
      color:#7a858e;
      font-size:10px;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .hero-lead{
      max-width:500px;
      margin:18px 0 28px;
      padding-top:20px;
      border-top:1px solid rgba(8,20,32,.12);
      color:#4f5b65;
      font-size:17px;
      line-height:1.72;
    }
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-feature-list{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:11px 22px;
      max-width:520px;
      margin:0 0 30px;
      padding:0;
      list-style:none;
    }
    .hero-feature-list li{
      position:relative;
      padding-left:21px;
      color:#2f3a44;
      font-size:13px;
      font-weight:650;
      line-height:1.45;
    }
    .hero-feature-list li:before{
      content:"";
      position:absolute;
      left:0;
      top:.58em;
      width:7px;
      height:7px;
      background:var(--red);
    }
    .section{
      padding:96px 0;
      border-bottom:1px solid rgba(8,20,32,.1);
      background:#fff;
    }
    .section.alt{background:#f6f6f2}
    .section-head{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(320px,.48fr);
      gap:70px;
      align-items:end;
      margin-bottom:46px;
    }
    .section-head h2{
      margin:14px 0 0;
      font-size:clamp(38px,4.6vw,68px);
      line-height:1;
      letter-spacing:0;
      font-weight:720;
    }
    .section-head p{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.75;
    }
    .feature-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:1px;
      background:rgba(8,20,32,.13);
      border:1px solid rgba(8,20,32,.13);
    }
    .feature-card{
      min-height:168px;
      padding:26px 24px;
      background:#fff;
    }
    .feature-card span{
      color:var(--red);
      font-size:11px;
      font-weight:800;
      letter-spacing:.14em;
    }
    .feature-card h3{
      margin:22px 0 0;
      font-size:20px;
      line-height:1.25;
    }
    .overview-grid{
      display:grid;
      grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
      gap:56px;
      align-items:stretch;
    }
    .overview-copy{
      display:grid;
      align-content:start;
      gap:28px;
    }
    .overview-block{
      padding-top:26px;
      border-top:1px solid rgba(8,20,32,.13);
    }
    .overview-block h3{
      margin:0 0 15px;
      font-size:23px;
      letter-spacing:0;
    }
    .overview-block ul{
      display:grid;
      gap:11px;
      margin:0;
      padding:0;
      list-style:none;
    }
    .overview-block li{
      position:relative;
      padding-left:22px;
      color:#54616b;
      font-size:14px;
      line-height:1.65;
    }
    .overview-block li:before{
      content:"";
      position:absolute;
      left:0;
      top:.72em;
      width:7px;
      height:7px;
      background:var(--red);
    }
    .detail-photo{
      min-height:520px;
      margin:0;
      background:#e7ebec;
      overflow:hidden;
    }
    .detail-photo img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .detail-photo img[data-fit="contain"]{
      object-fit:contain;
      padding:34px;
    }
    .parameter-wrap{
      display:grid;
      grid-template-columns:1fr;
      gap:26px;
      align-items:start;
      max-width:1120px;
    }
    .parameter-note{
      display:grid;
      gap:12px;
      max-width:720px;
      color:#53616e;
      font-size:15px;
      line-height:1.72;
    }
    .parameter-note strong{
      display:block;
      margin:0;
      color:var(--ink);
      font-size:clamp(30px,3.2vw,46px);
      line-height:1.2;
      letter-spacing:0;
    }
    .parameter-note p{
      max-width:620px;
      margin:0;
    }
    .parameter-table{
      width:100%;
      border-collapse:collapse;
      background:#fff;
      border:1px solid rgba(8,20,32,.14);
      border-top:3px solid var(--red);
    }
    .parameter-table th,
    .parameter-table td{
      padding:20px 24px;
      border:1px solid rgba(8,20,32,.12);
      text-align:left;
      vertical-align:middle;
      font-size:14px;
      line-height:1.55;
    }
    .parameter-table th{
      width:30%;
      background:#f6f7f5;
      color:#162331;
      font-size:11px;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }
    .parameter-table td{
      background:#fff;
      color:#24313d;
    }
    .parameter-table tr:hover th,
    .parameter-table tr:hover td{
      background:#fbfbf8;
      border-color:rgba(215,25,32,.28);
    }
    .support-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:22px;
    }
    .support-card{
      display:grid;
      grid-template-rows:auto 1fr;
      border:1px solid rgba(8,20,32,.12);
      background:#fff;
      transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
    }
    .support-card:hover{
      transform:translateY(-4px);
      border-color:rgba(215,25,32,.28);
      box-shadow:0 18px 36px rgba(7,17,27,.09);
    }
    .support-card figure{
      aspect-ratio:4/3;
      margin:0;
      background:#eef1f2;
      overflow:hidden;
    }
    .support-card img{
      height:100%;
      object-fit:contain;
    }
    .support-card img[data-fit="cover"]{object-fit:cover}
    .support-card div{padding:20px 22px 24px}
    .support-card small{
      color:var(--red);
      font-size:10px;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }
    .support-card h3{
      min-height:54px;
      margin:14px 0 10px;
      font-size:20px;
      line-height:1.25;
    }
    .support-card p{
      margin:0;
      color:#69737c;
      font-size:13px;
      line-height:1.6;
    }
    .factory-band{
      display:grid;
      grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
      align-items:stretch;
      min-height:0;
      background:#07111b;
      color:#fff;
    }
    .factory-copy{
      display:flex;
      justify-content:center;
      flex-direction:column;
      padding:clamp(48px,5.2vw,78px);
    }
    .factory-copy h2{
      margin:15px 0 24px;
      font-size:clamp(38px,4.4vw,68px);
      line-height:1;
      letter-spacing:0;
      font-weight:720;
    }
    .factory-copy p{
      max-width:620px;
      margin:0 0 30px;
      color:rgba(255,255,255,.68);
      font-size:15px;
      line-height:1.78;
    }
    .factory-points{
      display:grid;
      gap:14px;
      margin:0;
      padding:0;
      list-style:none;
      background:transparent;
      border:0;
    }
    .factory-points li{
      position:relative;
      min-height:0;
      padding:0 0 0 22px;
      background:transparent;
      color:rgba(255,255,255,.88);
      font-size:13px;
      font-weight:700;
      line-height:1.45;
    }
    .factory-points li:before{
      content:"";
      position:absolute;
      left:0;
      top:.56em;
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--red);
    }
    .factory-media{
      margin:0;
      min-height:0;
      aspect-ratio:16/9;
      overflow:hidden;
      background:#152332;
      align-self:center;
    }
    .factory-media img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .product-cta{
      background:var(--red);
      color:#fff;
      padding:82px 0;
    }
    .cta-inner{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:40px;
      align-items:center;
    }
    .cta-inner h2{
      margin:0;
      font-size:clamp(38px,4.2vw,64px);
      line-height:1;
      letter-spacing:0;
      font-weight:720;
    }
    .cta-inner p{
      max-width:690px;
      margin:16px 0 0;
      color:rgba(255,255,255,.78);
      font-size:15px;
      line-height:1.72;
    }
    .cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
    .product-cta .btn{background:#fff;color:var(--ink)}
    .product-cta .btn.secondary{border-color:rgba(255,255,255,.48);background:transparent;color:#fff}
    @media(max-width:1080px){
      .detail-hero{min-height:100svh;padding:86px 0 58px}
      .detail-hero-shell{grid-template-columns:1fr;gap:34px;padding-top:28px}
      .detail-gallery{max-width:860px;margin-top:0}
      .thumb{flex-basis:108px}
      .main-product-photo{height:480px}
      .detail-hero h1{margin-top:30px;font-size:30px;}
      .section-head,
      .overview-grid,
      .parameter-wrap,
      .factory-band,
      .cta-inner{grid-template-columns:1fr}
      .parameter-note{position:static}
      .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:720px){
      .container{width:min(calc(100% - 28px),var(--max))}
      .detail-hero{padding:86px 0 42px}
      .detail-hero:before{display:none}
      .detail-hero-shell{
        min-height:calc(100svh - 128px);
        gap:24px;
        padding-top:18px;
      }
      .detail-gallery{grid-template-columns:1fr}
      .detail-gallery{order:1}
      .detail-hero-content{order:2}
      .thumbnail-strip{
        grid-template-columns:30px minmax(0,1fr) 30px;
        gap:7px;
      }
      .thumb-rail{
        display:flex;
        overflow-x:auto;
        padding-bottom:5px;
      }
      .thumb-nav{
        width:30px;
        height:49px;
      }
      .detail-gallery{gap:10px}
      .thumb{flex:0 0 74px;width:74px}
      .main-product-photo{height:224px}
      .detail-hero-content{padding-bottom:10px}
      .breadcrumb{display:none}
      .detail-hero h1{margin:16px 0 16px;font-size:28px;letter-spacing:0}
      .hero-lead{font-size:15px}
      .hero-feature-list{grid-template-columns:1fr;gap:9px}
      .feature-grid,
      .support-grid{grid-template-columns:1fr}
      .section{padding:70px 0}
      .detail-photo{min-height:360px}
      .parameter-table th{width:38%;padding:16px 14px;font-size:10px;letter-spacing:.08em}
      .parameter-table td{padding:16px 14px}
      .cta-actions{justify-content:flex-start}
    }

body.product-detail-page .site-header.gtig-shared-header{
      background:#001529;
      border-bottom-color:rgba(255,255,255,.14);
    }

/* ---- GTIG 产品详情：新增元素样式（原型没有的部分） ---- */
.detail-meta{
  margin:14px 0 0;
  color:#7a858e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.rich-wrap{display:grid;gap:22px;max-width:1120px}
.rich-body{color:#33414d;font-size:15px;line-height:1.85}
.rich-body h2,.rich-body h3,.rich-body h4{margin:26px 0 12px;color:var(--ink);line-height:1.25}
.rich-body p{margin:0 0 16px}
.rich-body ul,.rich-body ol{margin:0 0 16px;padding-left:22px}
.rich-body li{margin-bottom:8px}
.rich-body img{max-width:100%;height:auto;margin:8px 0}
.rich-body table{width:100%;border-collapse:collapse;margin:8px 0 18px}
.rich-body td,.rich-body th{border:1px solid rgba(8,20,32,.14);padding:12px 14px;text-align:left}
.rich-body table th{background:#f0f5f9;font-weight:700}
.rich-body table[style*="background"] td,.rich-body table[style*="background"] th,.rich-body td[style*="background"],.rich-body th[style*="background"]{border-color:rgba(8,20,32,.2)}
.rich-body{overflow-x:auto}
.rich-body a{color:var(--red)}
.support-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.support-card.is-static{cursor:default}
.support-card.is-static:hover{transform:none;box-shadow:none}