/* 中益环保 - PC头部导航 v5 - BOM-free + zero-gap */
html{margin:0!important;padding:0!important;}
body{margin:0!important;padding:0!important;}
header{margin:0!important;padding:0!important;display:block;}
header>*:first-child{margin-top:0!important;padding-top:0!important;}


.header-top{background:var(--green-dark);height:40px;line-height:40px;}
.header-top .container{display:flex;justify-content:space-between;align-items:center;}
.header-top .welcome{color:rgba(255,255,255,0.7);font-size:13px;}
.header-top .quick-links{display:flex;gap:25px;}
.header-top .quick-links a{color:rgba(255,255,255,0.7);font-size:13px;transition:var(--transition-fast);}
.header-top .quick-links a:hover{color:var(--cyan-accent);}
.header-top .quick-links a i{margin-right:4px;}

.header-nav{background:linear-gradient(135deg,var(--green-primary),var(--green-mid));height:80px;position:relative;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,0.08);}
.header-nav .container{display:flex;align-items:center;height:100%;}
.header-nav .logo{flex-shrink:0;padding:8px 0;}
.header-nav .logo img{max-height:52px;width:auto;}
.header-nav .nav-menu{flex:1;display:flex;justify-content:center;gap:0;}
.header-nav .nav-menu li{position:relative;}
.header-nav .nav-menu > li > a{display:block;padding:0 22px;height:80px;line-height:80px;color:rgba(255,255,255,0.9);font-size:16px;font-weight:500;transition:var(--transition-fast);position:relative;}
.header-nav .nav-menu > li > a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,var(--green-light),var(--cyan-accent));border-radius:2px 2px 0 0;transition:width var(--transition-normal);}
.header-nav .nav-menu > li > a:hover,.header-nav .nav-menu > li > a.active{color:var(--white);}
.header-nav .nav-menu > li > a:hover::after,.header-nav .nav-menu > li > a.active::after{width:60%;}
.header-nav .nav-menu > li > a.active{font-weight:700;}
.header-nav .nav-menu li:hover > ul{display:block;}
.header-nav .nav-menu li ul{display:none;position:absolute;top:80px;left:0;min-width:180px;background:var(--white);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-lg);z-index:200;padding:8px 0;animation:fadeIn 0.2s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}}
.header-nav .nav-menu li ul li a{display:block;padding:10px 25px;font-size:14px;color:var(--text-body);white-space:nowrap;transition:var(--transition-fast);border-left:3px solid transparent;}
.header-nav .nav-menu li ul li a:hover,.header-nav .nav-menu li ul li a.active{color:var(--green-primary);background:var(--off-white);border-left-color:var(--green-primary);}
.header-nav .nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.header-nav .nav-actions a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition-fast);}
.header-nav .nav-actions a:hover{background:rgba(255,255,255,0.3);}
.header-nav .nav-actions .iconfont{font-size:18px;}

.dialog{border-radius:var(--radius-md);border:0;margin:0 auto;box-shadow:var(--shadow-lg);overflow:hidden;}
.dialog .dialog-head{font-size:18px;border-bottom:0;background:#FFF;color:#383838;}
.dialog .dialog-head .close{float:right;line-height:24px;cursor:pointer;}
.dialog .dialog-body{padding:20px 40px 40px 40px;}
.dialog-body h3{font-size:24px;font-weight:600;color:var(--text-dark);margin-bottom:15px;}
.dialog-body .form-group{padding-bottom:20px;}
.dialog-body .input{height:48px;line-height:24px;padding:0 12px;border:1px solid var(--gray-light);width:100%;display:block;border-radius:var(--radius-sm);transition:var(--transition-fast);}
.dialog-body .input:focus{border-color:var(--green-primary);outline:none;box-shadow:0 0 0 3px rgba(11,110,79,0.1);}
.dialog-body .label{padding-bottom:10px;display:block;line-height:24px;}

.search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:2000;align-items:center;justify-content:center;flex-direction:column;}
.search-overlay.active{display:flex;}
.search-overlay .close-search{position:absolute;top:30px;right:40px;color:var(--white);font-size:32px;cursor:pointer;transition:var(--transition-fast);}
.search-overlay .close-search:hover{color:var(--cyan-accent);}
.search-overlay .search-wrap{width:100%;max-width:650px;}
.search-overlay .search-wrap form{display:flex;align-items:stretch;}
.search-overlay .search-wrap input{flex:1;height:56px;padding:0 24px;border:none;border-radius:4px 0 0 4px;font-size:17px;outline:none;}
.search-overlay .search-wrap button{width:70px;border:none;background:var(--green-primary);color:var(--white);border-radius:0 4px 4px 0;font-size:22px;cursor:pointer;transition:var(--transition-fast);}
.search-overlay .search-wrap button:hover{background:var(--green-dark);}

.header-nav.fixed{position:fixed;top:0;left:0;right:0;z-index:9999;animation:slideDown 0.4s ease;}
@keyframes slideDown{from{transform:translateY(-100%);}to{transform:translateY(0);}}