/* ==== km-header.css ====
 * 从 redesign.css 抽取的「头部专用」规则，供资讯栏目页（header_list.html /
 * header_show.html）在不加载整份 redesign.css 的前提下与官网其它页面头部统一。
 * 生成方式：kmrijie_build/build_km_header.py（可重复执行）
 * 注意：规则顺序与 redesign.css 中的出现顺序一致 —— 同特异性的规则靠顺序决定胜负，
 *       （例如 @media(max-width:768px) 的 width 与后面 .km-site .header 的组合规则），
 *       重排会改变层叠结果导致宽度不一致。
 */

/* 头部用到的 CSS 变量（只补变量本身，不引入 .km-site 的排版与底色规则） */
.km-site{--km-line:#e4e5e6;--km-orange:#FECE01;--template-container:1200px}

@media (min-width:992px) and (max-width:1199px){.km-site{--template-container:960px}}
@media (min-width:768px) and (max-width:991px){.km-site{--template-container:720px}}
@media (min-width:576px) and (max-width:767px){.km-site{--template-container:540px}}

.km-site .header-bg{background:#fff;border-top:5px solid var(--km-orange);box-shadow:0 2px 20px #15171a08}
.km-site .header{width:calc(100% - 48px);max-width:1200px;height:84px;padding:0;gap:32px}
.km-site .header .logo{width:145px;height:auto}
.km-site .header .logo img{width:145px;display:block}
.km-site .header .naver{margin:0 0 0 auto;flex:0 1 auto}
.km-site .header .naver ul{gap:32px}
.km-site .header .naver li{margin:0}
.km-site .header .naver a{font-size:16px;font-weight:600;padding:25px 0;display:block;color:#292b2e}
.km-site .header .naver a.active{color:#ad6100}
.km-site .header .naver a.active:after{bottom:15px;width:24px;height:3px;background:var(--km-orange)}
.km-site .header-right{margin-left:12px}
.km-site .header-download{border-radius:2px;background:var(--km-orange);color:#202225;font-size:15px;font-weight:600;padding:12px 20px;min-height:46px}
.km-site .header-placeholder{height:89px}
.km-site .download-app{padding-top:8px}
.km-site .header .header-right{display:block}
@media (max-width:1100px){.km-site .header{gap:24px}.km-site .header .logo,.km-site .header .logo img{width:130px}.km-site .header .naver ul{gap:23px}.km-site .header .naver a{font-size:15px}.km-site .header-right{margin-left:0}}
@media (max-width:768px){.km-site .header{width:calc(100% - 32px);height:64px;gap:12px}.km-site .header-bg{border-top-width:4px}.km-site .header-placeholder{height:68px}.km-site .header .logo{flex:1;width:auto}.km-site .header .logo img{width:125px;height:auto}.km-site .mobile-menu-btn{background:none;gap:5px;margin:0;width:36px;height:40px}.km-site .header-download{padding:8px 12px;font-size:13px;min-height:40px}.km-site .header-download svg{width:18px;height:18px}.km-site .header .header-right{margin:0}.km-site .header .naver{top:68px;margin:0;display:flex;padding:12px 20px 20px}.km-site .header .naver ul{display:block;width:100%}.km-site .header .naver li{padding:0;text-align:left;border-bottom:1px solid var(--km-line)}.km-site .header .naver a{font-size:17px;padding:14px 12px}.km-site .header .naver a.active:after{display:none}.km-site .mobile-nav-overlay{top:68px}.km-site .header .download-app{left:auto;right:0;transform:none}}
.km-site .header-bg{background:#FFF6D4;border-top-color:#FFF6D4;box-shadow:0 2px 16px #25262906}
.km-site .header .naver a.active{color:#252629}
.km-site .header-download{background:#FECE01;color:#252629}
.km-site .header{width:calc(100% - 48px);max-width:var(--template-container)!important}
@media (min-width:992px) and (max-width:1199px){.km-site .header .naver ul{gap:22px}}
@media (max-width:991px){.km-site .header{height:64px;gap:16px}.km-site .header-placeholder{height:68px}.km-site .header-bg{border-top-width:4px}.km-site .header .logo{flex:1;width:auto}.km-site .header .logo img{width:125px;height:auto}.km-site .header .mobile-menu-btn{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;gap:5px;margin:0;flex-shrink:0;background:none}.km-site .mobile-menu-btn span{display:block;width:22px;height:2px;background:#252629;border-radius:2px;transition:transform .2s,opacity .2s}.km-site .mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.km-site .mobile-menu-btn.active span:nth-child(2){opacity:0}.km-site .mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.km-site .header .naver{position:fixed;top:68px;left:0;right:0;background:#fff;padding:12px 24px 20px;margin:0;display:flex;flex-direction:column;transform:translateY(-160%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;z-index:99;box-shadow:0 12px 24px #25262910}.km-site .header .naver.mobile-open{transform:translateY(0);visibility:visible;pointer-events:auto}.km-site .header .naver ul{display:block;width:100%;gap:0}.km-site .header .naver li{width:100%;padding:0;border-bottom:1px solid #eee;text-align:left}.km-site .header .naver a{font-size:17px;padding:14px 10px}.km-site .header .naver a.active:after{display:none}.km-site .mobile-nav-overlay{position:fixed;top:68px;left:0;right:0;bottom:0;background:#0005;z-index:98;display:none}.km-site .mobile-nav-overlay.show{display:block}.km-site .header-download{font-size:13px;padding:9px 14px;min-height:40px}.km-site .header .header-right{margin:0}.km-site .header .download-app{right:0;left:auto;transform:none}.km-site .header-download svg{width:18px;height:18px}}
@media (min-width:992px){.km-site .header .mobile-menu-btn{display:none!important}}
@media (max-width:767px){.km-site .header{width:calc(100% - 40px)}.km-site .header{width:calc(100% - 32px);gap:10px}}

/* 对齐补丁：资讯页 body 未套用 .km-site 的 line-height:1.8，
   仅补头部导航的行高，使其高度与其它页面完全一致（79px / 手机端 330px）。 */
.km-site .header .naver a{line-height:1.8}