
  :root{
    --ftc-bg:#f3efe9;
    --ftc-card:rgba(255,255,255,.78);
    --ftc-border:rgba(0,0,0,.12);
    --ftc-text:#2c2c2c;
    --ftc-sub:rgba(44,44,44,.72);
  }

  /* ✅ 整个模块左右留白更少 */
  .ftc{
    background:var(--ftc-bg);
    color:var(--ftc-text);
    font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","PingFang SC","Microsoft YaHei",sans-serif;
    padding:12px 4px 22px; /* 原 12px 8px -> 更贴边 */
  }
  .ftc *{ box-sizing:border-box; }

  /* ✅ 让内容更“铺满”，减少左右空白 */
  .ftc__inner{
    max-width:min(1600px, 100%);
    margin:0 auto;
    padding:0 4px; /* 原 8px -> 4px */
  }

  .ftc__title{
    text-align:center;
    font-weight:800;
    letter-spacing:.2px;
    margin:0 0 12px;
    font-size:clamp(20px,2.2vw,34px);
  }

  .ftc__card{
    border:1px solid var(--ftc-border);
    background:var(--ftc-card);
    border-radius:16px;
    padding:14px;
    display:grid;
    grid-template-columns:360px 1fr;
    gap:22px;
    align-items:stretch;
    box-shadow:0 10px 22px rgba(0,0,0,.06);
    position:relative;
    overflow:hidden;
  }
  .ftc__card::before{
    content:"";
    position:absolute;
    inset:-40% -20%;
    background:
      radial-gradient(circle at 20% 20%, rgba(255,255,255,.55), transparent 45%),
      radial-gradient(circle at 80% 30%, rgba(255,255,255,.35), transparent 50%),
      radial-gradient(circle at 30% 80%, rgba(255,255,255,.25), transparent 55%);
    pointer-events:none;
  }

  /* ✅ 左侧文案区：不贴顶部，整体在黄框位置“居中” */
  .ftc__left{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:center;      /* 垂直居中（关键） */
    align-self:stretch;
    padding:8px 0;               /* 给上下留一点空间，但不会顶到顶部 */
    max-width:360px;             /* 控制在黄框宽度附近 */
  }

  /* LEFT */
  .ftc__stats{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
  .ftc__stat{ display:grid; grid-template-columns:46px 1fr; gap:10px; align-items:center; }
  .ftc__icon{
    width:42px;height:42px; border-radius:999px; display:grid; place-items:center;
    background:rgba(184,167,154,.25);
    border:1px solid rgba(184,167,154,.45);
    color:rgba(44,44,44,.85);
  }
  .ftc__icon svg{ width:22px;height:22px; }
  .ftc__statTitle{ font-weight:800; font-size:16px; line-height:1.15; }
  .ftc__statSub{ margin-top:3px; font-size:12.5px; color:var(--ftc-sub); }

  /* Factory tour CTA 按钮 */
  .ftc__tourBtn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    width:100%;
    margin-top:12px;
    padding:12px 14px;
    border-radius:12px;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
    color:var(--ftc-text);
    background:rgba(184,167,154,.22);
    border:1px solid rgba(184,167,154,.45);
    box-shadow:0 10px 18px rgba(0,0,0,.06);
  }
  .ftc__tourBtn:hover{ background:rgba(184,167,154,.30); }
  .ftc__tourBtn span{ font-weight:900; }

  /* VIDEOS */
  .ftc__videos{
    position:relative;
    z-index:1;
    height:100%;
    min-height:220px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    background:transparent;
    border:none;
    padding:0;
  }
  .ftc__videoCard{
    width:100%;
    height:100%;
    border-radius:18px;
    overflow:hidden;
    position:relative;
    background:#fff;
    border:1px solid rgba(0,0,0,.10);
    box-shadow:0 10px 24px rgba(0,0,0,.08);
  }
  .ftc__videoFrame{ position:relative; width:100%; height:100%; }
  .ftc__poster{
    position:absolute; inset:0;
    width:100%; height:100%;
    border:0; padding:0;
    cursor:pointer;
    display:block;
    appearance:none;
    -webkit-appearance:none;
    background:#ddd center/cover no-repeat;
    background-position: var(--pos, center center);
  }
  .ftc__poster::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.10), rgba(0,0,0,0));
    opacity:.55;
    pointer-events:none;
  }
  .ftc__play{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%);
    width:72px; height:72px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.7);
    background:rgba(0,0,0,.18);
    display:flex; align-items:center; justify-content:center;
    z-index:2;
    pointer-events:none;
  }
  .ftc__play svg{ width:24px;height:24px; margin-left:2px; fill:#fff; }
  .ftc__ytmark{
    position:absolute; right:12px; bottom:12px;
    font-size:13px; line-height:1.35; font-weight:700;
    color:#fff;
    background:rgba(0,0,0,.26);
    padding:7px 10px;
    border-radius:999px;
    z-index:2;
    pointer-events:none;
  }

  .ftc__headline{
    text-align:center;
    margin:14px 0 10px;
    font-weight:800;
    letter-spacing:.2px;
    font-size:clamp(16px,1.9vw,22px);
  }

  /* PC端视频高度更高一点点 */
  @media (min-width:981px){
    .ftc__videos{ min-height:280px; }
    .ftc__videoCard{ min-height:280px; }
  }

  /* MOBILE (videos) */
  @media (max-width:980px){
    .ftc{ padding:12px 8px 22px; }     /* 手机端维持舒服的边距 */
    .ftc__inner{ padding:0 8px; }      /* 手机端维持舒服的边距 */

    .ftc__card{ grid-template-columns:1fr; gap:14px; }
    .ftc__left{ max-width:none; padding:0; justify-content:flex-start; } /* 手机端不强制居中 */
    .ftc__videos{
      grid-template-columns:1fr 1fr;
      height:auto;
      min-height:0;
      gap:12px;
    }
    .ftc__videoCard{ height:auto; aspect-ratio:16/9; min-height:unset; }
    .ftc__videoFrame{ height:100%; }

    .ftc__play{ width:52px; height:52px; }
    .ftc__play svg{ width:18px; height:18px; }
    .ftc__ytmark{ font-size:11px; padding:6px 8px; right:10px; bottom:10px; }
  }

  /* CERT WRAP */
  .ftcCert{
    border:1px solid var(--ftc-border);
    background:rgba(255,255,255,.70);
    border-radius:16px;
    padding:14px;
    box-shadow:0 10px 22px rgba(0,0,0,.05);
  }

  /* LOGO MARQUEE */
  .ftcLogo{
    position:relative;
    border-top:1px solid rgba(0,0,0,.08);
    border-bottom:1px solid rgba(0,0,0,.08);
    padding:10px 0;
    overflow:hidden;
  }
  .ftcLogo__track{
    display:flex;
    align-items:center;
    gap:12px;
    will-change:transform;
    animation: ftcMarquee var(--ftc-marquee-duration, 26s) linear infinite;
  }
  .ftcLogo.is-paused .ftcLogo__track{ animation-play-state: paused; }
  .ftcLogo__row{ display:flex; align-items:center; gap:12px; flex:0 0 auto; }
  .ftcLogo__item{
    flex:0 0 auto;
    height:44px;
    padding:6px 10px;
    border-radius:12px;
    background:#fff;
    border:1px solid rgba(0,0,0,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 18px rgba(0,0,0,.05);
  }
  .ftcLogo__item img{ height:26px; width:auto; display:block; }
  .ftcLogo__fade{
    position:absolute; top:0; bottom:0;
    width:42px; pointer-events:none; z-index:2;
  }
  .ftcLogo__fade--left{ left:0; background:linear-gradient(to right, rgba(255,255,255,.80), rgba(255,255,255,0)); }
  .ftcLogo__fade--right{ right:0; background:linear-gradient(to left, rgba(255,255,255,.80), rgba(255,255,255,0)); }
  @keyframes ftcMarquee{
    from{ transform: translateX(0); }
    to{ transform: translateX(calc(-1 * var(--ftc-marquee-shift, 50%))); }
  }

  /* CERT CAROUSEL */
  .ftcCertCarousel{ position:relative; margin-top:12px; padding:0 36px; }
  .ftcCertCarousel__viewport{ overflow:hidden; border-radius:14px; }
  .ftcCertCarousel__track{
    display:flex;
    width:100%;
    transform: translateX(0);
    transition: transform .45s ease;
    will-change: transform;
  }
  .ftcCertPage{ flex:0 0 100%; padding:0; }
  .ftcCertGrid{
    display:grid;
    gap:12px;
    grid-template-columns: 1fr;
  }
  .ftcCertGrid.is-portrait{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .ftcCertGrid.is-landscape{ grid-template-columns: 1fr; }
  .ftcCertCard{
    border:1px solid rgba(0,0,0,.10);
    border-radius:14px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 10px 20px rgba(0,0,0,.06);
    cursor:pointer;
    display:block;
    padding:0;
  }
  .ftcCertCard__img{
    width:100%;
    height:420px;
    object-fit:contain;
    background:#fff;
    display:block;
  }
  .ftcCertGrid.is-landscape .ftcCertCard__img{ height:380px; }
  .ftcCertCarousel__nav{
    position:absolute; top:50%;
    transform:translateY(-50%);
    width:32px; height:32px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.15);
    background:rgba(255,255,255,.92);
    cursor:pointer;
    display:grid; place-items:center;
    font-size:18px; font-weight:800; line-height:1;
    color:#333;
    z-index:3;
  }
  .ftcCertCarousel__nav--prev{ left:8px; }
  .ftcCertCarousel__nav--next{ right:8px; }
  .ftcDots{ display:flex; justify-content:center; gap:8px; margin-top:12px; }
  .ftcDots__dot{
    width:8px; height:8px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.25);
    background:rgba(0,0,0,.12);
    cursor:pointer;
    padding:0;
  }
  .ftcDots__dot.is-active{ background:rgba(0,0,0,.42); border-color:rgba(0,0,0,.35); transform: scale(1.1); }

  /* 手机端：减少证书上下留白（保留你之前逻辑） */
  @media (max-width:980px){
    .ftcCert{ padding:10px; }
    .ftcLogo{ padding:8px 0; }
    .ftcLogo__item{ height:40px; }
    .ftcLogo__item img{ height:24px; }
    .ftcCertCarousel{ margin-top:8px; padding:0 32px; }
    .ftcCertGrid{ gap:10px; }
    .ftcCertGrid.is-portrait{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    .ftcCertCard__img{ height:260px; }
    .ftcCertGrid.is-landscape .ftcCertCard__img{ height:220px; }
    .ftcDots{ margin-top:8px; }
  }
  @media (max-width:520px){
    .ftcCertCard__img{ height:240px; }
  }

  /* Video Modal */
  .ftcModal{ position:fixed; inset:0; z-index:99999; display:none; }
  .ftcModal.is-open{ display:block; }
  .ftcModal__backdrop{ position:absolute; inset:0; background:rgba(10,14,18,.62); }
  .ftcModal__panel{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%);
    width:min(980px,92vw);
    background:#0b0f14;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 22px 70px rgba(0,0,0,.35);
  }
  .ftcModal__bar{
    display:flex; align-items:center; justify-content:space-between;
    gap:10px; padding:12px 14px;
    background:rgba(255,255,255,.04);
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .ftcModal__title{ font-size:15px; line-height:1.6; font-weight:600; color:rgba(255,255,255,.92); }
  .ftcModal__actions{ display:flex; align-items:center; gap:10px; }
  .ftcModal__yt{
    font-size:15px; line-height:1.4; font-weight:600;
    color:rgba(255,255,255,.90); text-decoration:none;
    border:1px solid rgba(255,255,255,.20);
    padding:8px 10px; border-radius:999px;
    background:rgba(0,0,0,.20);
  }
  .ftcModal__close{
    width:36px;height:36px; border-radius:10px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(0,0,0,.22);
    color:rgba(255,255,255,.92);
    cursor:pointer;
    font-size:15px; line-height:1; font-weight:600;
  }
  .ftcModal__frame{ position:relative; aspect-ratio:16/9; }
  .ftcModal__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
  @media (max-width:768px){ .ftcModal__title{ display:none; } }

  /* Certificate Lightbox */
  .ftcImg{ position:fixed; inset:0; z-index:100000; display:none; }
  .ftcImg.is-open{ display:block; }
  .ftcImg__backdrop{ position:absolute; inset:0; background:rgba(10,14,18,.70); }
  .ftcImg__panel{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%);
    width:min(1040px,94vw);
    background:#0b0f14;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 22px 70px rgba(0,0,0,.40);
  }
  .ftcImg__close{
    position:absolute; right:10px; top:10px;
    width:36px; height:36px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(0,0,0,.22);
    color:rgba(255,255,255,.92);
    cursor:pointer;
    font-size:15px; line-height:1; font-weight:700;
    z-index:2;
  }
  .ftcImg__img{ width:100%; height:auto; display:block; background:#0b0f14; }
