xinyue-header{display:block;}

body.supplier-dialog-open{overflow:hidden;}
.supplier-dialog{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(3,8,15,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;}
.supplier-dialog[hidden]{display:none;}
.supplier-dialog.is-open{opacity:1;visibility:visible;}
.supplier-dialog-backdrop{position:absolute;inset:0;cursor:pointer;}
.supplier-dialog-panel{position:relative;width:min(100%,460px);padding:42px 42px 34px;text-align:center;background:linear-gradient(145deg,rgba(14,29,53,.98),rgba(5,13,28,.99));border:1px solid rgba(207,168,95,.62);box-shadow:0 28px 80px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05);transform:translateY(12px) scale(.97);transition:transform .26s cubic-bezier(.2,.8,.2,1);overflow:hidden;}
.supplier-dialog-panel::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#CFA85F 25%,#F2DFB2 50%,#CFA85F 75%,transparent);}
.supplier-dialog-panel::after{content:"";position:absolute;left:50%;top:-130px;width:260px;height:260px;transform:translateX(-50%);background:radial-gradient(circle,rgba(207,168,95,.13),transparent 68%);pointer-events:none;}
.supplier-dialog.is-open .supplier-dialog-panel{transform:none;}
.supplier-dialog-close{position:absolute;top:12px;right:14px;width:30px;height:30px;border:1px solid transparent;color:var(--ink-3);font-size:25px;font-weight:300;line-height:1;transition:color .2s ease,border-color .2s ease,background .2s ease;z-index:1;}
.supplier-dialog-close:hover{color:var(--gold-200);border-color:rgba(207,168,95,.34);background:rgba(207,168,95,.08);}
.supplier-dialog-icon{position:relative;z-index:1;width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;color:var(--gold-200);border:1px solid rgba(207,168,95,.54);border-radius:50%;background:rgba(207,168,95,.07);box-shadow:0 0 0 7px rgba(207,168,95,.035);}
.supplier-dialog-icon svg{width:30px;height:30px;}
.supplier-dialog-eyebrow{position:relative;z-index:1;margin:0 0 8px;color:var(--gold-300);font-size:10px;letter-spacing:.24em;text-transform:uppercase;}
.supplier-dialog-panel h2{position:relative;z-index:1;margin:0;color:var(--ink-1);font-family:var(--ff-serif);font-size:26px;letter-spacing:.08em;font-weight:600;}
.supplier-dialog-message{position:relative;z-index:1;margin:16px auto 26px;max-width:340px;color:var(--ink-3);font-size:14px;line-height:1.9;}
.supplier-dialog-action{position:relative;z-index:1;min-width:132px;height:40px;padding:0 24px;border:1px solid rgba(207,168,95,.68);color:var(--gold-100);background:linear-gradient(90deg,rgba(140,102,38,.24),rgba(207,168,95,.16),rgba(140,102,38,.24));font:inherit;font-size:13px;letter-spacing:.12em;transition:background .25s ease,border-color .25s ease,transform .25s ease;}
.supplier-dialog-action:hover{border-color:var(--gold-200);background:linear-gradient(90deg,rgba(140,102,38,.4),rgba(207,168,95,.25),rgba(140,102,38,.4));transform:translateY(-1px);}
html[dir="rtl"] .supplier-dialog-close{right:auto;left:14px;}
html[dir="rtl"] .supplier-dialog-eyebrow{letter-spacing:0;}
html[dir="rtl"] .supplier-dialog-panel h2{letter-spacing:0;}
@media (max-width:620px){
  .supplier-dialog{padding:18px;}
  .supplier-dialog-panel{padding:38px 24px 28px;}
  .supplier-dialog-panel h2{font-size:23px;}
  .supplier-dialog-message{font-size:13px;}
}

/* Shared language visibility and global-sites positioning. */
html:not([data-lang="zh"]) [data-zh]{display:none!important;}
html[data-lang="zh"] [data-en]{display:none!important;}
html[data-lang="ar"] [data-en],html[data-lang="fa"] [data-en]{display:revert!important;}
/* Header labels carry all four locale values so async menu rendering never
   falls back to the old positional RTL replacement. */
xinyue-header [data-locale]{display:none!important;}
html[data-lang="zh"] xinyue-header [data-locale="zh"],
html[data-lang="en"] xinyue-header [data-locale="en"],
html[data-lang="ar"] xinyue-header [data-locale="ar"],
html[data-lang="fa"] xinyue-header [data-locale="fa"]{display:inline!important;}
html[data-lang="en"] .nav>li>a,html[data-lang="ar"] .nav>li>a,html[data-lang="fa"] .nav>li>a{padding:0 14px;font-size:13.5px;letter-spacing:.02em;}
html[dir="rtl"] .region-panel{right:auto;left:0;}
html[dir="rtl"] .region>button{border-left:0;border-right:1px solid rgba(255,255,255,.07);}
html[dir="rtl"] .util-right a{border-left:0;border-right:1px solid rgba(255,255,255,.07);}
html[dir="rtl"] .util-right a:first-child{border-right:0;}
html[dir="rtl"] .mega a::before{left:auto;right:12px;}
html[dir="rtl"] .mega a:hover{padding-left:24px;padding-right:32px;}

.utility{
  background:var(--navy-950);border-bottom:1px solid rgba(255,255,255,.05);
  font-size:12.5px;color:var(--ink-3);height:40px;position:relative;z-index:60;
}
.utility .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;}
.util-left{display:flex;gap:22px;align-items:center;}
.util-left span{display:inline-flex;align-items:center;gap:6px;letter-spacing:.06em;}
.util-right{display:flex;gap:0;align-items:center;}
.header-utilities{display:contents;}
.util-right a{padding:0 14px;border-left:1px solid rgba(255,255,255,.07);letter-spacing:.05em;}
.util-right a:first-child{border-left:0;}
.util-right a:hover{color:var(--gold-300);}

.region{position:relative;}
.region>button{
  display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:40px;
  font-size:12.5px;letter-spacing:.05em;color:var(--ink-3);border-left:1px solid rgba(255,255,255,.07);
}
.region>button:hover,.region.open>button{color:var(--gold-300);}
.region>button svg{transition:transform .35s var(--ease);}
.region.open>button svg{transform:rotate(180deg);}
.region-panel{
  position:absolute;right:0;top:100%;width:340px;padding:20px 0 14px;
  background:rgba(8,20,40,.99);border:1px solid var(--line);border-top:2px solid var(--gold-400);
  box-shadow:0 26px 60px rgba(0,0,0,.65);z-index:80;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:all .32s var(--ease);
}
.region.open .region-panel{opacity:1;visibility:visible;transform:none;}
.region-panel h6{margin:0 0 12px;padding:0 22px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-400);font-weight:600;}
.region-panel h6+ul{margin-bottom:16px;}
.region-panel ul{list-style:none;margin:0;padding:0;}
.region-panel li a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 22px;font-size:13.5px;color:var(--ink-2);}
.region-panel li a:hover{background:rgba(207,168,95,.08);color:var(--gold-200);}
.region-panel li a i{font-style:normal;font-size:10.5px;letter-spacing:.1em;color:var(--ink-4);}
.region-panel li a.live i{color:var(--cyan-400);}
.region-panel li a.soon{opacity:.5;}
.region-note{padding:12px 22px 0;margin-top:8px;border-top:1px solid var(--line-soft);font-size:11px;color:var(--ink-4);line-height:1.7;}

.lang-switch{position:relative;display:inline-flex;align-items:center;height:40px;border-left:1px solid rgba(255,255,255,.07);border-radius:0;margin-left:8px;overflow:visible;color:var(--ink-3);transition:color .3s var(--ease);}
.lang-trigger{display:inline-flex;align-items:center;gap:7px;min-width:100px;height:40px;padding:0 9px;border:1px solid transparent;color:inherit;font:inherit;font-size:12.5px;letter-spacing:.05em;white-space:nowrap;}
.lang-icon{width:15px;height:15px;display:grid;place-items:center;flex:none;}
.lang-icon svg{display:block;width:15px;height:15px;}
.lang-current{min-width:0;line-height:1;}
.lang-arrow{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform .3s var(--ease);}
.lang-switch:hover,.lang-switch:focus-within,.lang-switch.open{color:var(--gold-300);}
.lang-switch.open .lang-trigger{background:rgba(8,20,40,.99);border-color:rgba(180,136,60,.9);border-bottom-color:transparent;}
.lang-switch.open .lang-arrow{transform:translateY(25%) rotate(225deg);}
.lang-menu{position:absolute;right:0;top:39px;z-index:90;min-width:128px;padding:4px 0 6px;background:rgba(8,20,40,.99);border:1px solid rgba(180,136,60,.9);border-radius:0 0 5px 5px;box-shadow:0 14px 30px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;}
.lang-switch.open .lang-menu{opacity:1;visibility:visible;transform:none;}
.lang-option{display:flex;align-items:center;gap:9px;width:100%;height:32px;padding:0 11px;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:12.5px;letter-spacing:.02em;text-align:left;white-space:nowrap;}
.lang-option::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:transparent;}
.lang-option:hover{background:rgba(35,53,82,.95);color:var(--gold-200);}
.lang-option[aria-selected="true"]{background:rgba(207,168,95,.08);color:var(--gold-200);font-weight:600;}
.lang-option[aria-selected="true"]::before{background:var(--gold-200);}
html[dir="rtl"] .lang-menu{right:auto;left:0;}
html[dir="rtl"] .lang-trigger{direction:rtl;}
html[dir="rtl"] .lang-option{direction:rtl;text-align:right;}
html[dir="rtl"] .lang-option::before{order:2;}

.header{
  position:sticky;top:0;z-index:50;height:var(--nav-h,76px);
  background:rgba(5,13,28,.72);backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:background .4s var(--ease),border-color .4s var(--ease);
}
.header.solid{background:rgba(3,8,15,.97);border-bottom-color:var(--line);}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;}
.brand{display:flex;align-items:center;gap:14px;flex:none;}
.brand .mark{width:42px;height:42px;flex:none;}
.brand .txt{line-height:1.15;}
.brand .cn{display:block;font-family:var(--ff-serif);font-size:21px;font-weight:700;letter-spacing:.16em;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;}
.brand .en{display:block;font-size:9.5px;letter-spacing:.36em;color:var(--ink-3);text-transform:uppercase;margin-top:3px;white-space:nowrap;}

.nav{display:flex;align-items:center;height:100%;margin:0;padding:0;list-style:none;}
.nav>li{list-style:none;height:100%;position:relative;}
.nav>li>a{display:flex;align-items:center;height:100%;padding:0 20px;font-size:15px;letter-spacing:.06em;color:var(--ink-1);position:relative;}
.nav>li>a::after{content:"";position:absolute;left:50%;bottom:18px;width:0;height:1.5px;background:var(--grad-gold);transform:translateX(-50%);transition:width .38s var(--ease);}
.nav>li:hover>a{color:var(--gold-300);}
.nav>li:hover>a::after,.nav>li.active>a::after{width:calc(100% - 40px);}
.nav>li.active>a{color:var(--gold-300);}
.mega{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:230px;padding:14px 0;background:rgba(8,20,40,.98);border:1px solid var(--line);border-top:2px solid var(--gold-400);box-shadow:0 26px 60px rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:all .34s var(--ease);}
.nav>li:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mega a{display:block;padding:9px 24px;font-size:13.5px;color:var(--ink-2);white-space:nowrap;position:relative;}
.mega a::before{content:"";position:absolute;left:12px;top:50%;width:0;height:1px;background:var(--gold-400);transition:width .3s var(--ease);}
.mega a:hover{color:var(--gold-200);padding-left:32px;}
.mega a:hover::before{width:12px;}
.mega a.active{color:var(--gold-200);background:rgba(207,168,95,.08);}

.m-extra{display:none!important;}
.nav-tools{display:flex;align-items:center;gap:6px;}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;border-radius:2px;color:var(--ink-2);transition:all .3s var(--ease);}
.icon-btn:hover{color:var(--gold-300);border-color:var(--line);}
.burger{display:none;}

@media (max-width:1180px){
  .nav>li>a{padding:0 13px;font-size:14px;}
}
@media (max-width:980px){
  .utility{display:none;}
  .header{height:66px;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(3,8,15,.97);}
  .brand .mark{width:34px;height:34px;}
  .brand{gap:10px;}
  .brand .cn{font-size:17px;letter-spacing:.12em;}
  .brand .en{font-size:8px;letter-spacing:.26em;}
  .burger{display:grid;}
  .nav{position:fixed;top:66px;left:0;right:0;bottom:0;background:#03080F;flex-direction:column;align-items:stretch;height:auto;padding:20px 24px 60px;overflow-y:auto;transform:translateX(100%);transition:transform .45s var(--ease),visibility .45s;visibility:hidden;pointer-events:none;}
  .nav.open{transform:none;visibility:visible;pointer-events:auto;}
  .nav>li{height:auto;border-bottom:1px solid var(--line-soft);}
  .nav>li>a{height:auto;padding:18px 4px;font-size:16px;}
  .nav>li>a::after{display:none;}
  .mega{position:static;transform:none;opacity:1;visibility:visible;border:0;box-shadow:none;background:transparent;padding:0 0 14px;min-width:0;display:none;}
  .nav>li.exp .mega{display:block;}
  .mega a{padding:8px 16px;}
  .m-extra{display:block!important;border-bottom:0!important;padding-top:26px;}
  .m-util{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;}
  .m-util .header-utilities{display:contents;}
  .m-util a{font-size:13.5px;color:var(--ink-3);letter-spacing:.06em;}
  .m-extra .lang-switch{display:inline-flex;margin-left:0;}
}
@media (max-width:980px){
  html[dir="rtl"] .nav{left:0;right:0;transform:translateX(-100%);}
  html[dir="rtl"] .nav.open{transform:none;}
  html[dir="rtl"] .nav>li>a{text-align:right;}
  html[dir="rtl"] .mega a{text-align:right;padding-right:16px;padding-left:8px;}
  html[dir="rtl"] .mega a:hover{padding-right:24px;padding-left:8px;}
}
@media (max-width:620px){
  html[dir="rtl"] .m-util{direction:rtl;}
  html[dir="rtl"] .lang-menu{max-width:calc(100vw - 32px);}
}
