*{margin:0;
padding:0;
box-sizing:border-box}
body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;
color:#3D281C;
line-height:1.6;
padding-top:0;
margin-top:0}
.headernew{position:fixed;
top:0;
left:0;
right:0;
z-index:999;
background:transparent;
padding:0 20px;
box-shadow:none;
height:70px;
display:flex;
align-items:center;
justify-content:space-between;
transition:background 0.4s ease,box-shadow 0.4s ease}
.headernew.scrolled{background:rgba(227,223,211,0.95);
backdrop-filter:blur(24px);
box-shadow:0 1px 10px rgba(0,0,0,0.05)}
.headernew .dl-menu .zt,.headernew .dl-menu .zt a{color:#fff;
transition:color 0.3s ease}
.headernew.scrolled .dl-menu .zt,.headernew.scrolled .dl-menu .zt a{color:#3D281C}
.headernew .lang-switch .lang-active,.headernew .lang-switch .lang-divider,.headernew .lang-switch .lang-inactive{color:#fff;
transition:color 0.3s ease}
.headernew .lang-switch{border-left-color:rgba(255,255,255,0.3);
transition:border-color 0.3s ease}
.headernew.scrolled .lang-switch .lang-active,.headernew.scrolled .lang-switch .lang-divider,.headernew.scrolled .lang-switch .lang-inactive{color:#3D281C}
.headernew.scrolled .lang-switch{border-left-color:rgba(139,125,107,0.2)}
.headernew:not(.scrolled) .lang-switch:hover .lang-inactive{color:rgba(255,255,255,0.8)}
.headernew.scrolled .lang-switch:hover .lang-inactive{color:var(--color-accent,#8B7D6B)}
.headernew .dl-menu .ejfl p a,.headernew.scrolled .dl-menu .ejfl p a{color:#3D281C}
.headernew .dl-menu .sanji-menu p a,.headernew.scrolled .dl-menu .sanji-menu p a{color:#3D281C}
.headernew .dl-menu .zt:hover{background:rgba(255,255,255,0.2)}
.headernew.scrolled .dl-menu .zt:hover{background:rgba(61,40,28,0.08)}
.headernew .logo{flex:0 0 auto;
text-align:left;
position:relative;
width:100px;
height:31px;
display:flex;
align-items:center}
.headernew .logo a{display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
height:100%;
position:relative}
.headernew .logo img{position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
max-height:31px;
width:auto;
height:auto;
object-fit:contain;
transition:opacity 0.3s ease}
.headernew .logo-white{opacity:1}
.headernew .logo-dark{opacity:0}
.headernew.scrolled .logo-white{opacity:0}
.headernew.scrolled .logo-dark{opacity:1}
.main-nav{flex:1;
display:flex;
justify-content:flex-end}
.dl-menu{list-style:none;
display:flex;
flex-direction:row;
align-items:center}
.dl-menu > li{position:relative;
margin:0 15px}
.dl-menu .zt{padding:24px 15px;
cursor:pointer;
transition:all 0.3s ease;
font-size:12px}
.dl-menu .zt a{text-decoration:none;
font-size:12px}
.dl-menu .zt:hover{background:rgba(255,255,255,0.3)}
.dl-menu .ejfl{display:none;
position:absolute;
top:70px;
left:0;
width:200px;
background:transparent;
backdrop-filter:none;
border:none;
z-index:1000;
box-shadow:none;
opacity:0;
transform:translateY(-10px);
transition:transform 0.3s ease,opacity 0.3s ease,background 0.3s ease}
.headernew.scrolled .dl-menu .ejfl{background:#E3DFD3;
border:1px solid #ddd;
box-shadow:0 4px 10px rgba(0,0,0,0.1)}
.headernew:not(.scrolled) .dl-menu .ejfl p a{color:#fff}
.headernew:not(.scrolled) .dl-menu .ejfl p:hover{background:rgba(255,255,255,0.15)}
.headernew:not(.scrolled) .dl-menu .ejfl-item::after{color:rgba(255,255,255,0.7)}
.headernew:not(.scrolled) .dl-menu .ejfl p{border-bottom:1px solid rgba(255,255,255,0.15)}
.dl-menu > li:hover .ejfl{display:block;
opacity:1;
transform:translateY(0)}
.dl-menu .ejfl p{padding:12px 15px;
margin:0;
border-bottom:1px solid #f5f5f5;
position:relative}
.dl-menu .ejfl p a{text-decoration:none;
color:#333;
font-size:11px}
.dl-menu .ejfl p:hover{background:rgba(255,255,255,0.3)}
.dl-menu .ejfl-item{position:relative}
.dl-menu .ejfl-item::after{content:'›';
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%)}
.dl-menu .ejfl-group{position:relative}
.dl-menu .sanji-menu{display:none;
position:absolute;
top:0;
left:100%;
width:200px;
background:#E3DFD3;
border:1px solid #ddd;
z-index:1001;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
opacity:0;
transform:translateX(-10px);
transition:transform 0.3s ease,opacity 0.3s ease,background 0.3s ease}
.headernew:not(.scrolled) .dl-menu .sanji-menu{background:transparent;
border:none;
box-shadow:none}
.headernew:not(.scrolled) .dl-menu .sanji-menu p a{color:#fff}
.headernew:not(.scrolled) .dl-menu .sanji-menu p:hover{background:rgba(255,255,255,0.15)}
.headernew:not(.scrolled) .dl-menu .sanji-menu p{border-bottom:1px solid rgba(255,255,255,0.15)}
.dl-menu .ejfl-group:hover .sanji-menu,.dl-menu .sanji-menu:hover{display:block;
opacity:1;
transform:translateX(0)}
.dl-menu .sanji-menu p{padding:12px 15px;
margin:0;
border-bottom:1px solid #f5f5f5}
.dl-menu .sanji-menu p a{text-decoration:none;
color:#333;
font-size:11px}
.dl-menu .sanji-menu p:hover{background:rgba(255,255,255,0.3)}
.dl-menu .sanji-shise{max-height:200px;
overflow-y:auto}
.dl-menu .sanji-huini{max-height:200px;
overflow-y:auto}
.mobile-toggle,.mobile-nav{display:none}
@media (max-width:992px){.headernew{z-index:1001}
.main-nav{display:none}
.mobile-toggle{display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:44px;
height:60px;
cursor:pointer;
z-index:1001;
position:relative}
.mobile-toggle span{display:block;
width:22px;
height:2px;
background:#fff;
position:absolute;
transition:all 0.3s ease;
left:11px}
.mobile-toggle span:nth-child(1){top:22px}
.mobile-toggle span:nth-child(2){top:29px}
.mobile-toggle span:nth-child(3){top:36px}
.headernew.scrolled .mobile-toggle span{background:#3D281C}
.mobile-toggle.open span:nth-child(1){top:29px;
transform:rotate(45deg);
background:#3D281C}
.mobile-toggle.open span:nth-child(2){opacity:0}
.mobile-toggle.open span:nth-child(3){top:29px;
transform:rotate(-45deg);
background:#3D281C}
.mobile-nav{display:block;
position:fixed;
top:0;
right:0;
bottom:0;
z-index:1000;
pointer-events:none}
.mobile-nav-overlay{position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,0.4);
opacity:0;
pointer-events:none;
transition:opacity 0.3s ease}
.mobile-nav.open .mobile-nav-overlay{opacity:1;
pointer-events:auto}
.mobile-nav-panel{position:absolute;
top:60px;
right:0;
bottom:0;
background:#E3DFD3;
overflow-y:auto;
opacity:0;
pointer-events:none;
transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0s 0.3s}
.mobile-nav-l1{width:160px;
transform:translateX(100%);
z-index:1004}
.mobile-nav-l1.open{transform:translateX(0);
opacity:1;
pointer-events:auto;
box-shadow:-2px 0 10px rgba(0,0,0,0.1);
transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.15s ease}
.mobile-nav-l2{width:130px;
background:#D8D3C5;
transform:translateX(0);
z-index:1003}
.mobile-nav-l2.open{transform:translateX(-160px);
opacity:1;
pointer-events:auto;
box-shadow:-2px 0 10px rgba(0,0,0,0.1);
transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0s}
.mobile-nav-l2 li.has-sub{display:block;
padding:0}
.mobile-nav-l2 .has-sub-header{display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
padding:12px 14px}
.mobile-sub-list{list-style:none;
padding:0;
margin:0;
max-height:0;
overflow:hidden;
background:#C5BFAE;
transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1)}
.mobile-sub-list.open{max-height:500px;
transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1)}
.mobile-sub-list li{padding:8px 24px;
font-size:11px;
border-bottom:1px solid rgba(139,125,107,0.15)}
.mobile-sub-list li:last-child{border-bottom:none}
.mobile-nav-l2 .has-sub .arrow{transition:transform 0.3s ease}
.mobile-nav-l2 .has-sub.open .arrow{transform:rotate(90deg)}
.mobile-nav-panel ul{list-style:none;
padding:0;
margin:0}
.mobile-nav-l1 li{padding:14px 18px;
font-size:13px}
.mobile-nav-l2 li{padding:12px 14px;
font-size:12px}
.mobile-nav-panel li{border-bottom:1px solid rgba(139,125,107,0.15)}
.mobile-nav-panel a{text-decoration:none;
color:#3D281C;
display:block;
word-break:break-all}
.mobile-nav-panel .has-sub{cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center}
.mobile-nav-panel .arrow{color:#8B7D6B;
flex-shrink:0;
margin-left:4px}
.mobile-nav-l2 .arrow{font-size:14px}
.mobile-lang-switch{display:flex;
align-items:center;
justify-content:center;
gap:4px;
padding:20px 0 16px;
margin-top:auto;
border-top:1px solid rgba(139,125,107,0.2)}
.mobile-lang-switch .lang-btn{font-size:13px;
cursor:pointer;
padding:4px 8px}
.mobile-lang-switch .lang-active{color:#3D281C;
font-weight:600}
.mobile-lang-switch .lang-inactive{color:#999}
.mobile-lang-switch .lang-divider{color:#ccc;
font-size:12px}}