#yili-unified-shell{
      --bg: #0c0a07;
      --bg-soft: #14110d;
      --paper: #f5f1e8;
      --mut: #a89f8d;
      --faint: #7a7266;
      --gold: #c8a24e;
      --gold-hi: #edd38c;
      --line: rgba(200, 162, 78, 0.18);
      --line-hi: rgba(200, 162, 78, 0.55);
      --red: #c0392b;
    }#yili-unified-shell, #yili-unified-shell *{ margin: 0; padding: 0; box-sizing: border-box; }#yili-unified-shell{ scroll-behavior: smooth; }#yili-unified-shell{
      font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
      background: var(--bg);
      color: var(--paper);
      -webkit-font-smoothing: antialiased;
    }#yili-unified-shell .it{ font-family: "Times New Roman", Times, serif; font-style: italic; }#yili-unified-shell a{ text-decoration: none; color: inherit; }#yili-unified-shell .topbar{
      position: fixed; top: 0; left: 0; right: 0; z-index: 1001;
      height: 38px;
      background: var(--bg-soft);
      border-bottom: 1px solid var(--line);
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 clamp(18px, 5vw, 60px);
      font-size: 11px; letter-spacing: 1.5px; color: var(--mut);
    }#yili-unified-shell .topbar .l{ display: flex; align-items: center; gap: 24px; }#yili-unified-shell .topbar .l span{ display: flex; align-items: center; gap: 8px; }#yili-unified-shell .topbar .cross{ color: var(--red); font-weight: 700; }#yili-unified-shell .topbar a{ color: var(--gold-hi); transition: color .25s; }#yili-unified-shell .topbar a:hover{ color: var(--paper); }#yili-unified-shell .site-header{
      position: fixed; top: 38px; left: 0; right: 0; z-index: 1000;
      height: 78px;
      background: rgba(12, 10, 7, 0.96);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--line);
      transition: background .3s, border-color .3s;
    }#yili-unified-shell .site-header.scrolled{
      background: rgba(12, 10, 7, 0.99);
      border-color: var(--line-hi);
    }#yili-unified-shell .nav-inner{
      height: 100%; margin: 0;
      padding: 0 clamp(18px, 5vw, 60px);
      display: flex; align-items: center; justify-content: flex-start;
      gap: 20px;
      overflow: hidden;
    }#yili-unified-shell .brand + .desktop-nav{ margin-left: 16px; }#yili-unified-shell .brand{
      display: flex; align-items: center; gap: 14px;
      flex-shrink: 0;
    }#yili-unified-shell .brand img{
      height: 44px; width: auto; display: block;
      
    }#yili-unified-shell .desktop-nav{
      display: flex; align-items: center; gap: 4px;
      flex: 1 1 auto; justify-content: flex-start;
      min-width: 0;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding-right: 20px;
    }#yili-unified-shell .desktop-nav::-webkit-scrollbar{ display: none; height: 0; }#yili-unified-shell .desktop-nav > .nav-item.sub.divider{
      margin-left: 36px;
      position: relative;
    }#yili-unified-shell .desktop-nav > .nav-item.sub.divider::before{
      content: "";
      position: absolute;
      left: -20px; top: 50%;
      transform: translateY(-50%);
      width: 1px; height: 22px;
      background: var(--line-hi);
    }#yili-unified-shell .desktop-nav > .nav-item.sub{ margin-left: 2px; }#yili-unified-shell .nav-item{
      position: relative;
      list-style: none;
    }#yili-unified-shell .nav-item > a{
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      gap: 3px;
      height: 78px; padding: 0 15px;
      font-size: 14px; font-weight: 400; letter-spacing: 1.5px;
      color: var(--paper);
      transition: color .25s;
      white-space: nowrap;
    }#yili-unified-shell .nav-item > a .en{
      font-size: 9px; color: var(--faint); letter-spacing: 1px;
      transition: color .25s;
      line-height: 1;
    }#yili-unified-shell .nav-item:hover > a{ color: var(--gold-hi); }#yili-unified-shell .nav-item:hover > a .en{ color: var(--gold); }#yili-unified-shell .nav-item > a::after{
      content: ""; position: absolute; bottom: 0; left: 14px; right: 14px;
      height: 1px; background: var(--gold); transform: scaleX(0);
      transform-origin: left; transition: transform .35s ease;
    }#yili-unified-shell .nav-item:hover > a::after{ transform: scaleX(1); }#yili-unified-shell .nav-item.sub > a{
      font-size: 12px; font-weight: 400; padding: 0 12px;
      color: var(--mut);
    }#yili-unified-shell .nav-item.sub > a .en{ font-size: 8px; }#yili-unified-shell .nav-item.sub:hover > a{ color: var(--gold-hi); }#yili-unified-shell .nav-item.sub > a::after{ display: none; }#yili-unified-shell .dropdown{
      position: absolute; top: calc(100% + 1px); left: 50%;
      transform: translateX(-50%) translateY(10px);
      min-width: 200px;
      background: var(--bg-soft);
      border: 1px solid var(--line-hi);
      padding: 14px 0;
      opacity: 0; visibility: hidden; pointer-events: none;
      transition: opacity .25s, transform .25s, visibility .25s;
    }#yili-unified-shell .nav-item:hover .dropdown{
      opacity: 1; visibility: visible; pointer-events: auto;
      transform: translateX(-50%) translateY(0);
    }#yili-unified-shell .dropdown a{
      display: block; padding: 10px 24px;
      font-size: 13px; letter-spacing: 1px;
      color: var(--mut);
      transition: color .2s, background .2s;
    }#yili-unified-shell .dropdown a:hover{
      color: var(--gold-hi); background: rgba(200, 162, 78, 0.06);
    }#yili-unified-shell .dropdown .group{
      padding: 6px 24px; font-size: 10px; color: var(--faint);
      letter-spacing: 2px; text-transform: uppercase;
      border-top: 1px solid var(--line); margin-top: 8px; padding-top: 12px;
    }#yili-unified-shell .dropdown .group:first-child{ border-top: none; margin-top: 0; padding-top: 6px; }#yili-unified-shell .nav-tools{
      display: flex; align-items: center; gap: 18px;
      flex-shrink: 0;
      margin-left: auto;
      position: relative;
      z-index: 2;
      padding-left: 8px;
      background: linear-gradient(to right, transparent, var(--bg) 10px);
    }#yili-unified-shell .phone-block{
      display: flex; flex-direction: column; align-items: flex-end;
      line-height: 1.2;
    }#yili-unified-shell .phone-block .label{
      font-size: 10px; color: var(--faint); letter-spacing: 1.5px;
    }#yili-unified-shell .phone-block .num{
      font-size: 17px; font-weight: 500; letter-spacing: 1.5px;
      color: var(--gold-hi);
    }#yili-unified-shell .btn-cta{
      display: inline-flex; align-items: center; justify-content: center;
      height: 40px; padding: 0 22px;
      border: 1px solid var(--gold);
      background: transparent;
      color: var(--gold-hi); font-size: 12px; letter-spacing: 2px;
      transition: background .3s, color .3s, border-color .3s;
      flex-shrink: 0;
    }#yili-unified-shell .btn-cta:hover{
      background: var(--gold); color: var(--bg); border-color: var(--gold);
    }#yili-unified-shell .sitemap-btn{
      width: 44px; height: 44px;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      gap: 6px;
      background: transparent; border: 1px solid var(--line-hi);
      cursor: pointer;
      transition: border-color .25s, background .25s;
      flex-shrink: 0;
    }#yili-unified-shell .sitemap-btn:hover{ border-color: var(--gold); background: rgba(200, 162, 78, 0.08); }#yili-unified-shell .sitemap-btn span{
      display: block; width: 20px; height: 1.5px; background: var(--gold);
      transition: transform .3s, opacity .3s;
    }#yili-unified-shell .sitemap-btn.active span:nth-child(1){ transform: translateY(7.5px) rotate(45deg); }#yili-unified-shell .sitemap-btn.active span:nth-child(2){ opacity: 0; }#yili-unified-shell .sitemap-btn.active span:nth-child(3){ transform: translateY(-7.5px) rotate(-45deg); }#yili-unified-shell .sitemap-overlay{
      position: fixed; top: 116px; left: 0; right: 0; bottom: 0;
      background: rgba(12, 10, 7, 0.98);
      backdrop-filter: blur(16px);
      z-index: 998;
      padding: 50px clamp(18px, 6vw, 80px);
      overflow-y: auto;
      transform: translateY(-100%);
      opacity: 0; visibility: hidden;
      transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .35s, visibility .35s;
    }#yili-unified-shell .sitemap-overlay.open{
      transform: translateY(0);
      opacity: 1; visibility: visible;
    }#yili-unified-shell .sitemap-overlay .head{
      display: flex; align-items: flex-end; justify-content: space-between;
      border-bottom: 1px solid var(--line-hi);
      padding-bottom: 24px; margin-bottom: 40px;
      gap: 24px;
    }#yili-unified-shell .close-btn{
      width: 48px; height: 48px; flex-shrink: 0;
      position: relative; cursor: pointer;
      background: transparent; border: 1px solid var(--line-hi);
      transition: border-color .25s, background .25s;
    }#yili-unified-shell .close-btn:hover{ border-color: var(--gold); background: rgba(200, 162, 78, 0.08); }#yili-unified-shell .close-btn span{
      position: absolute; top: 50%; left: 50%;
      width: 22px; height: 1.5px; background: var(--gold);
      transform-origin: center;
    }#yili-unified-shell .close-btn span:nth-child(1){ transform: translate(-50%, -50%) rotate(45deg); }#yili-unified-shell .close-btn span:nth-child(2){ transform: translate(-50%, -50%) rotate(-45deg); }#yili-unified-shell .sitemap-overlay .head h2{
      font-size: clamp(28px, 4vw, 48px); font-weight: 500; letter-spacing: 2px;
      line-height: 1.1;
    }#yili-unified-shell .sitemap-overlay .head h2 .g{
      background: linear-gradient(115deg, var(--gold-hi) 20%, var(--gold) 65%);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }#yili-unified-shell .sitemap-overlay .head .sub{
      font-size: 12px; color: var(--mut); letter-spacing: 2px;
    }#yili-unified-shell .sitemap-grid{
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 40px 24px;
    }#yili-unified-shell .sitemap-col h3{
      font-size: 14px; font-weight: 500; letter-spacing: 2px;
      color: var(--gold-hi); margin-bottom: 18px;
      padding-bottom: 12px; border-bottom: 1px solid var(--line);
    }#yili-unified-shell .sitemap-col ul{ list-style: none; }#yili-unified-shell .sitemap-col li{ margin-bottom: 10px; }#yili-unified-shell .sitemap-col a{
      display: block; font-size: 13px; letter-spacing: 1px;
      color: var(--mut); padding: 6px 0;
      transition: color .2s, transform .2s;
    }#yili-unified-shell .sitemap-col a:hover{ color: var(--paper); transform: translateX(4px); }#yili-unified-shell .sitemap-col .tag{
      display: inline-block; margin-left: 8px;
      font-size: 9px; color: var(--red); letter-spacing: 1px;
    }#yili-unified-shell .sitemap-footer{
      margin-top: 60px; padding-top: 30px;
      border-top: 1px solid var(--line);
      display: flex; justify-content: space-between; align-items: center;
      font-size: 12px; color: var(--faint); letter-spacing: 1px;
      flex-wrap: wrap; gap: 16px;
    }#yili-unified-shell .sitemap-footer a{ color: var(--gold); }#yili-unified-shell .mobile-nav{
      position: fixed; top: 116px; left: 0; right: 0; bottom: 0;
      background: var(--bg);
      border-top: 1px solid var(--line-hi);
      padding: 30px clamp(18px, 5vw, 40px);
      overflow-y: auto;
      transform: translateX(100%);
      transition: transform .35s ease;
      z-index: 997;
    }#yili-unified-shell .mobile-nav.open{ transform: translateX(0); }#yili-unified-shell .mobile-nav ul{ list-style: none; }#yili-unified-shell .mobile-nav .m-item{ border-bottom: 1px solid var(--line); }#yili-unified-shell .mobile-nav .m-item > a{
      display: flex; align-items: center; justify-content: space-between;
      padding: 18px 0;
      font-size: 16px; letter-spacing: 2px; color: var(--paper);
    }#yili-unified-shell .mobile-nav .m-item > a .arr{
      width: 8px; height: 8px; border-right: 1px solid var(--gold);
      border-bottom: 1px solid var(--gold); transform: rotate(45deg);
      transition: transform .25s;
    }#yili-unified-shell .mobile-nav .m-item.open > a .arr{ transform: rotate(-135deg); }#yili-unified-shell .mobile-nav .sub{
      max-height: 0; overflow: hidden;
      transition: max-height .3s ease;
    }#yili-unified-shell .mobile-nav .m-item.open .sub{ max-height: 500px; }#yili-unified-shell .mobile-nav .sub a{
      display: block; padding: 12px 0 12px 18px;
      font-size: 13px; color: var(--mut); letter-spacing: 1px;
    }#yili-unified-shell .mobile-nav .sub a:hover{ color: var(--gold-hi); }#yili-unified-shell .mobile-phone{
      margin-top: 30px; padding-top: 24px;
      border-top: 1px solid var(--line-hi);
    }#yili-unified-shell .mobile-phone .label{ font-size: 11px; color: var(--faint); letter-spacing: 2px; }#yili-unified-shell .mobile-phone .num{
      margin-top: 8px; font-size: 26px; letter-spacing: 2px; color: var(--gold-hi);
    }#yili-unified-shell .mobile-cta{
      display: block; margin-top: 18px;
      padding: 16px; text-align: center;
      border: 1px solid var(--gold); color: var(--gold-hi);
      font-size: 13px; letter-spacing: 3px;
    }#yili-unified-shell .demo-hero{
      margin-top: 116px;
      height: calc(100vh - 116px); min-height: 560px;
      background: linear-gradient(135deg, rgba(200,162,78,0.08) 0%, transparent 50%),
                  radial-gradient(circle at 80% 30%, rgba(200,162,78,0.12), transparent 40%),
                  var(--bg);
      display: flex; flex-direction: column; justify-content: center;
      padding: 0 clamp(18px, 5vw, 60px);
      position: relative; overflow: hidden;
    }#yili-unified-shell .demo-hero::before{
      content: ""; position: absolute; inset: 0;
      background: repeating-linear-gradient(
        90deg, transparent 0, transparent 119px, rgba(200,162,78,0.04) 119px, rgba(200,162,78,0.04) 120px
      ); pointer-events: none;
    }#yili-unified-shell .demo-hero .kicker{
      font-size: 12px; letter-spacing: 3px; color: var(--gold);
      margin-bottom: 22px; position: relative; z-index: 2;
    }#yili-unified-shell .demo-hero h1{
      font-size: clamp(40px, 7vw, 90px); font-weight: 500;
      letter-spacing: 2px; line-height: 1.12;
      max-width: 820px; position: relative; z-index: 2;
    }#yili-unified-shell .demo-hero h1 .g{
      background: linear-gradient(115deg, var(--gold-hi) 20%, var(--gold) 65%);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }#yili-unified-shell .demo-hero .meta{
      margin-top: 40px; display: flex; gap: 40px;
      font-size: 12px; letter-spacing: 2px; color: var(--mut);
      position: relative; z-index: 2; flex-wrap: wrap;
    }#yili-unified-shell .demo-hero .meta b{ display: block; font-size: 22px; color: var(--paper); font-weight: 500; margin-bottom: 4px; }

    
    @media (max-width: 1180px) {#yili-unified-shell .desktop-nav{ display: none; }#yili-unified-shell .nav-tools .phone-block,#yili-unified-shell .btn-cta{ display: none; }#yili-unified-shell .sitemap-btn{ display: flex; }
    }
    @media (min-width: 1181px) {#yili-unified-shell .mobile-nav{ transform: translateX(100%) !important; }#yili-unified-shell .mobile-nav.open{ transform: translateX(100%) !important; }
    }
    @media (max-width: 1080px) {#yili-unified-shell .sitemap-grid{ grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 640px) {#yili-unified-shell .topbar{ display: none; }#yili-unified-shell .site-header{ top: 0; height: 70px; }#yili-unified-shell .brand img{ height: 38px; }#yili-unified-shell .sitemap-overlay{ top: 70px; padding: 30px 24px; }#yili-unified-shell .sitemap-grid{ grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }#yili-unified-shell .sitemap-overlay .head{ flex-direction: column; align-items: flex-start; gap: 12px; }#yili-unified-shell .mobile-nav{ top: 70px; height: calc(100vh - 70px); }#yili-unified-shell .demo-hero{ margin-top: 70px; height: calc(100vh - 70px); }
    }
  
#yili-unified-shell{position:sticky;top:0;z-index:10000;display:block}
#yili-unified-shell .topbar,#yili-unified-shell .site-header{position:static;left:auto;right:auto;top:auto}
#yili-unified-shell .site-header{height:78px}
#yili-unified-shell .desktop-nav{list-style:none;margin:0}
#yili-unified-shell .mobile-nav .m-item>button{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font:inherit;font-size:16px;letter-spacing:2px;color:var(--paper);text-align:left;cursor:pointer}
#yili-unified-shell .mobile-nav .m-item.open>button .arr{transform:rotate(-135deg)}
#yili-unified-shell .nav-item.is-current>a{color:var(--gold-hi)}
#yili-unified-shell .nav-item.is-current>a::after{transform:scaleX(1)}
body.yili-nav-open{overflow:hidden!important}
body:has(#yili-unified-shell){margin:0!important}
body:has(#yili-unified-shell) .yili-top-contact{display:none!important}
@media(max-width:1550px){
  #yili-unified-shell .nav-inner{padding-left:32px;padding-right:32px;gap:12px}
  #yili-unified-shell .desktop-nav>.nav-item.sub{display:none}
  #yili-unified-shell .nav-item>a{padding-left:11px;padding-right:11px}
  #yili-unified-shell .phone-block{display:none}
}
@media(max-width:640px){#yili-unified-shell .site-header{height:70px}}