@font-face {
  font-family: 'Poppins';
  font-weight: 600 900;   /* 600~900 都用 600 的字形 */
  src: url('../font/poppins-600.woff2') format('woff2');
}
 @font-face {
  font-family: 'Poppins';
  font-weight: 400 500;   /* 400~500 都用 400 的字形 */
  src: url('../font/poppins-regular.woff2') format('woff2');
}


:root {
      --ease-silk: cubic-bezier(.22, 1, .36, 1);
      --ease-soft: cubic-bezier(.4, 0, .2, 1);
      --dur-head: .65s;
    }
    html { scroll-behavior: smooth; }
    body {  
    font-family: 'Poppins', -apple-system, 'PingFang SC', sans-serif!important;
    font-synthesis: none;           
    -webkit-font-smoothing: auto;     
    text-rendering: geometricPrecision;
    font-feature-settings: normal;
    font-variant-ligatures: normal;
   font-size: 16px;
    }
    .bg-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(239 133 46 / var(--tw-bg-opacity, 1));
    }

    .bg-paper {
    --tw-bg-opacity: 1;
    background-color: rgb(245 241 238 / var(--tw-bg-opacity, 1));
    }
      .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 2380 var(--tw-bg-opacity, 1));
    }
   .bg-mist {
    --tw-bg-opacity: 1;
    background-color: rgb(244 245 248 / var(--tw-bg-opacity, 1));
}
 
    nav > a.active,
    nav .nav-item.active > .nav-trigger {
      color: #f37338 !important;
      position: relative;
       font-weight: 600;
    }
    nav > a.active::after,
    nav .nav-item.active > .nav-trigger::after {
      content: '';
      position: absolute;
      left: 0; right: 0; bottom: -6px;
      height: 2px;
      border-radius: 2px;
      background: currentColor;
    }


.project-banner { border: 1px solid #f1c7ae;   } 
    .entry-content {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.75;
        color: #333333;
    }

    .entry-content h1 {
        font-size: 36px;
        line-height: 1.2;
        font-weight: bold;
        margin-top:0.5em;
    }

    .entry-content h2 {
        font-size: 30px;
        line-height: 1.3;
         font-weight: bold;
             margin-top:0.5em;
    }

    .entry-content h3 {
        font-size: 24px;
        line-height: 1.4;
         font-weight: bold;
    }

    .entry-content h4, .entry-content h5, .entry-content h6 {
     
        line-height: 1.4;
         font-weight: bold;
    }

   .entry-content ul.wp-block-list{
    list-style: disc;
    padding-left:1em;
   }
     .entry-content ol.wp-block-list{
    
    padding-left:1em;
    list-style: decimal;
   }



    .entry-content p {
        margin-bottom: 1em;
        margin-top:1em;
    }

    .text-brand {
    --tw-text-opacity: 1;
    color: rgb(239 133 46 / var(--tw-text-opacity, 1));
}

    section[id] { scroll-margin-top: 5rem; }
    .logo{
      width: 168px;
    }

    .hero-grid {
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size: 36px 36px;
    }
    .dot-orbit {
      background:
        radial-gradient(circle at 55% 48%, rgba(91,186,255,.22), transparent 28%),
        radial-gradient(circle at 50% 50%, rgba(20,105,155,.25), transparent 58%);
    }
    .dashed-pill { border: 1px dashed rgba(242,138,50,.65); }
    .soft-card { box-shadow: 0 16px 45px rgba(17,24,39,.06); }

    .hide-scrollbar::-webkit-scrollbar { display:none; }
    .hide-scrollbar { scrollbar-width:none; }

    #products { overflow: hidden; }

    /* ============================================================
       HEADER
       #headerBar   : 全宽外壳，透明 → 白底
       #headerInner : 内容胶囊，始终 max-w-6xl 居中

       变形时：
       - headerBar 取消左右留白，白底淡入
       - headerInner 圆角归零、阴影隐去
       - 内容位置不动（因为 max-width + margin:auto 恒定）
       ============================================================ */
    #headerBar {
      position: relative;
      width: 100%;
      padding: .75rem 1.5rem 0;
      background-color: transparent;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0);
      transition:
        padding        var(--dur-head) var(--ease-silk),
        background-color .5s           var(--ease-soft),
        box-shadow     var(--dur-head) var(--ease-silk);
      will-change: padding, background-color, box-shadow;
    }

    #headerInner {
      width: 100%;
      max-width: 72rem;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 9999px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .10);
      transition:
        border-radius var(--dur-head) var(--ease-silk),
        box-shadow    var(--dur-head) var(--ease-silk);
      will-change: border-radius, box-shadow;
    }

    /* ---------- mobile：始终通栏、无圆角 ---------- */
    @media (max-width: 767px) {
      #headerBar { padding: 0; }
      #headerInner { border-radius: 0; }
    }

    /* ---------- desktop：banner 完全滚出后才变形 ---------- */
    @media (min-width: 768px) {
      #headerBar.is-stuck {
        padding: 0;
        background-color: #fff;
        box-shadow: 0 6px 22px rgba(0, 0, 0, .10);
      }
      #headerBar.is-stuck #headerInner {
        border-radius: 0;
        box-shadow: none;
      }
    }

    /* ============================================================
       DESKTOP DROPDOWN
       ============================================================ */
    .nav-item { position: relative; }

    .nav-trigger {
      display: inline-flex;
      align-items: center;
      gap: .3rem;
      cursor: pointer;
    }

    .nav-chevron { transition: transform .35s var(--ease-silk); }

    .nav-dropdown {
      position: absolute;
      top: 100%;
      left: 50%;
      z-index: 60;
      padding-top: .9rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(-50%, 10px);
      transition:
        opacity    .3s var(--ease-silk),
        transform  .3s var(--ease-silk),
        visibility .3s;
    }

    .nav-item:hover .nav-dropdown,
    .nav-item:focus-within .nav-dropdown {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translate(-50%, 0);
    }

    .nav-item:hover .nav-chevron,
    .nav-item:focus-within .nav-chevron {
      transform: rotate(180deg);
    }

    .nav-item:hover > .nav-trigger,
    .nav-item:focus-within > .nav-trigger {
      color: #f28a32;
    }

    /* ============================================================
       MOBILE FULLSCREEN OVERLAY
       ============================================================ */
    #mobileMenu {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition:
        opacity    .45s var(--ease-silk),
        visibility .45s;
    }
    #mobileMenu.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    /* 手风琴：grid-template-rows 0fr → 1fr，配合丝滑缓动 */
    .mobile-sub {
      display: grid;
      grid-template-rows: 0fr;
      opacity: 0;
      transition:
        grid-template-rows .5s  var(--ease-silk),
        opacity            .35s var(--ease-soft);
    }
    .mobile-sub.is-open {
      grid-template-rows: 1fr;
      opacity: 1;
    }
    .mobile-sub > div { overflow: hidden; }

    .mobile-parent[aria-expanded="true"] .mobile-chevron {
      transform: rotate(180deg);
    }

    /* ============================================================
       HEADER SEARCH
       ============================================================ */
    .header-search .search-form {
      display: flex;
      align-items: center;
      height: 2.25rem;
      width: 2.25rem;
      overflow: hidden;
      border-radius: 9999px;
      border: 1px solid #e2e8f0;
      background: #fff;
      transition: width .4s var(--ease-silk);
    }
    .header-search .search-input {
      order: 1;
      width: 0;
      min-width: 0;
      padding: 0;
      border: 0;
      background: transparent;
      font-size: 16px;
      outline: none;
      transition:
        width   .4s var(--ease-silk),
        padding .4s var(--ease-silk);
    }
    .header-search .search-toggle { order: 2; }

    .header-search.is-open .search-form { width: 11.25rem; }
    .header-search.is-open .search-input { width: 8.75rem; padding: 0 .25rem 0 .75rem; }

    @media (max-width: 767px) {
      .header-search.is-open .search-form { width: 8.5rem; }
      .header-search.is-open .search-input { width: 6rem; }
    }

    /* 尊重用户的「减弱动态效果」系统偏好 */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
      }

    }



   @media (max-width: 768px) {
     .logo{
          width: 138px;
        }
    }