/* Site chrome: header + footer (merged to reduce HTTP requests) */
header.site-header:has(.site-header__inner){
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1200;
	padding-top:env(safe-area-inset-top,0px);
	background:#000000;
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
	border-bottom:1px solid #333333;
	box-shadow:0 2px 10px rgba(0,0,0,.6);
}
.site-header__inner{
	position:relative;
	max-width:min(1180px,calc(100vw - 40px));
	margin:0 auto;
	padding:0 20px;
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	height:70px;
	gap:24px;
	box-sizing:border-box;
	width:100%;
}

/* 左侧Logo区域 */
.site-logo-link{
	display:flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
	justify-content:flex-start;
	flex-shrink:0;
}
.site-logo-img{
	width:40px;
	height:40px;
	border-radius:6px;
	box-shadow:0 2px 8px rgba(0,0,0,.4);
	transition:transform .3s ease,box-shadow .3s ease;
}
.site-logo-link:hover .site-logo-img{
	transform:scale(1.08);
	box-shadow:0 3px 12px rgba(0,0,0,.6);
}
.site-logo-title{
	font-family:var(--font-heading);
	font-size:1.3rem;
	font-weight:800;
	line-height:1;
	letter-spacing:-.005em;
	white-space:nowrap;
}
.site-logo-play{
	color:#DC143C !important;
	-webkit-text-fill-color:#DC143C !important;
}
.site-logo-tld{
	color:#ffffff !important;
	-webkit-text-fill-color:#ffffff !important;
}

/* 中间导航 + 搜索（桌面同一行；移动端搜索在汉堡菜单展开层内） */
.site-nav__links{
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:nowrap;
	min-width:0;
}
.site-nav--left{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:16px;
	min-width:0;
	width:100%;
}
.site-header__right{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-shrink:0;
}

.nav-search__mobile-label{display:none}
.nav-search{position:relative;width:100%;max-width:260px}
.nav-search__field{position:relative;width:100%}
.nav-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--accent);opacity:.9;pointer-events:none;display:flex}
.nav-search__input{width:100%;box-sizing:border-box;height:40px;padding:0 12px 0 40px;border:1px solid rgba(var(--accent-rgb),.4);border-radius:8px;background:rgba(0,0,0,.5);color:#fff;font-size:.88rem;font-weight:600;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.nav-search__input::placeholder{color:rgba(255,255,255,.5);font-weight:500}
.nav-search__input:hover{border-color:rgba(var(--accent-rgb),.6);background:rgba(0,0,0,.7);box-shadow:0 2px 10px rgba(0,0,0,.4)}
.nav-search__input:focus{border-color:var(--accent);background:rgba(0,0,0,.85);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25),0 3px 12px rgba(0,0,0,.5)}
.nav-search__dropdown{
	position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:10050;
	max-height:min(320px,52vh);
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
	scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.03);
	background:rgba(0,0,0,.98);
	border:1px solid rgba(255,255,255,.15);
	border-radius:8px;
	box-shadow:0 16px 40px rgba(0,0,0,.7);
	padding:6px;
}
.nav-search__dropdown::-webkit-scrollbar{width:6px}
.nav-search__dropdown::-webkit-scrollbar-track{background:transparent;margin:6px 0}
.nav-search__dropdown::-webkit-scrollbar-thumb{
	background:rgba(255,255,255,.3);
	border-radius:100px;
	border:1px solid rgba(0,0,0,.3);
}
.nav-search__dropdown::-webkit-scrollbar-thumb:hover{
	background:rgba(255,255,255,.5);
}
.nav-search__dropdown::-webkit-scrollbar-corner{background:transparent}
.nav-search__opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;text-decoration:none;color:#fff;font-size:.86rem;font-weight:600;line-height:1.25;transition:background .12s}
.nav-search__opt:hover,.nav-search__opt:focus{background:rgba(255,255,255,.08);outline:none}
.nav-search__opt img{width:28px;height:28px;object-fit:cover;border-radius:5px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}
.nav-search__opt span{min-width:0;word-break:break-word}
.nav-search__empty{padding:10px 8px;font-size:.82rem;color:rgba(255,255,255,.5);text-align:center}

.nav-link{padding:8px 15px;font-size:.9rem;font-weight:700;color:#fff;border-radius:6px;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s,transform .12s}
.nav-link:hover:not(.active){color:#fff;background:rgba(220,20,60,.15)}
.nav-link.active{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.35)}
.nav-link.active:hover{background:var(--accent-2)}
.nav-home{color:#fff}

.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:7px;cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s}
.nav-hamburger:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}
.nav-hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .22s cubic-bezier(.4,0,.2,1)}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:#ffffff}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:#ffffff}

@media(max-width:1100px){
  .site-header__inner{
    grid-template-columns:1fr auto;
    padding:0 24px;
    height:65px;
    gap:16px;
  }
  .site-nav--left{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#000000;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:8px 16px 16px;
    z-index:999;
    backdrop-filter:blur(12px);
    box-shadow:0 12px 28px rgba(0,0,0,.5);
  }
  .site-nav--left.open{display:flex}
  .site-nav__links{
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .site-header__right{
    width:100%;
    justify-content:stretch;
    margin-top:4px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .nav-search{max-width:none;width:100%}
  .nav-search__dropdown{
    left:0;
    right:0;
    max-height:min(280px,45vh);
  }
  .site-logo-title{font-size:1.2rem}
  .site-logo-img{width:36px;height:36px}
  .nav-hamburger{display:flex}
  .nav-link{padding:12px 10px;font-size:.95rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.05);white-space:normal}
  .nav-link:hover{transform:none;padding-left:16px}
}

@media(max-width:900px){
  .site-header__inner{
    padding:0 16px;
    height:60px;
  }
}

@media(max-width:640px){
  .site-logo-title{font-size:1.05rem}
  .site-logo-img{width:34px;height:34px}
  .nav-search__input{height:38px;font-size:.84rem;padding:0 12px 0 38px}
  .nav-search__icon{left:12px}
  .nav-search__icon svg{width:16px;height:16px}
  .site-header__inner{padding:0 12px;height:58px}
}

.site-footer{margin-top:20px;border-top:1px solid #3a3a3a;background:#000;padding:0 0 22px;color:#fff;font-weight:400}
.site-footer__row{max-width:var(--site-content-max);margin:0 auto;padding:22px 22px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.site-footer__copy{font-size:.9rem;line-height:1.45;color:#fff;font-weight:400}
.site-footer__copy a{color:#fff;text-decoration:none;font-weight:400}
.site-footer__copy a:hover{color:rgba(255,255,255,.82)}
.site-footer__nav{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.88rem;font-weight:400}
.site-footer__nav a{color:#fff;text-decoration:none;transition:color .15s;font-weight:400}
.site-footer__nav a:hover{color:rgba(255,255,255,.82)}
.site-footer__fine{max-width:var(--site-content-max);margin:0 auto;padding:16px 22px 0;border-top:1px solid rgba(255,255,255,.06);font-size:.8125rem;line-height:1.65;text-align:center;color:#fff;font-weight:400}
.site-footer__lang-wrap{max-width:var(--site-content-max);margin:0 auto;padding:18px 16px 4px;text-align:center}
.site-footer__lang{display:inline-block}
.lang-tabs{display:inline-flex;flex-wrap:nowrap;align-items:stretch;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:0 2px 12px rgba(0,0,0,.25)}
.lang-tabs__btn{display:flex;align-items:center;justify-content:center;min-width:52px;padding:11px 16px;font-size:.875rem;font-weight:400;letter-spacing:.02em;color:rgba(255,255,255,.9);text-decoration:none;border-right:1px solid rgba(255,255,255,.1);transition:background .15s ease,color .15s ease,transform .12s ease;line-height:1}
.lang-tabs__btn:last-child{border-right:0}
.lang-tabs__btn:hover{background:rgba(255,255,255,.08);color:#fff}
.lang-tabs__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:1}
.lang-tabs__btn.is-active{background:var(--accent);color:#fff;cursor:default}
.lang-tabs__btn.is-active:hover{background:var(--accent-hover);color:#fff}
@media(max-width:520px){
.site-footer__lang-wrap{padding:14px 10px 2px}
.lang-tabs__btn{min-width:48px;padding:10px 12px;font-size:.82rem}
}
@media(max-width:360px){
.lang-tabs__btn{min-width:44px;padding:9px 10px;font-size:.78rem}
}
@media(max-width:640px){.site-footer__row{flex-direction:column;align-items:flex-start}}