/* KMCN 2026 统一响应式样式 —— 品牌暗色主题：黑+灰为主，红色点缀 */
*{box-sizing:border-box;}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8;color:#c9c9c9;background:#0d0d0d;}
img{max-width:100%;height:auto;}
a{color:#d4d4d4;text-decoration:none;}
a:hover{color:#e60000;text-decoration:none;}
.km-wrap{max-width:1100px;margin:0 auto;padding:0 12px;}

/* 顶栏 */
.km-topbar{background:#000;color:#888;font-size:12px;line-height:34px;border-bottom:1px solid #1c1c1c;}
.km-topbar .km-wrap{display:flex;justify-content:space-between;}
.km-topbar a{color:#e60000;}
.km-top-right{white-space:nowrap;}

/* 头部 */
#km-header{background:#111;border-bottom:3px solid #b30000;position:sticky;top:0;z-index:999;}
.km-headmain{display:flex;align-items:center;justify-content:space-between;min-height:70px;}
.km-logo img{max-height:56px;display:block;}
#km-navtoggle{display:none;background:none;border:1px solid #444;color:#ddd;font-size:22px;padding:4px 12px;cursor:pointer;}

/* 导航 */
#km-nav>ul{list-style:none;margin:0;padding:0;display:flex;}
#km-nav li{position:relative;}
#km-nav>ul>li>a{display:block;color:#ddd;padding:22px 16px;font-size:15px;}
#km-nav>ul>li>a:hover{background:#b30000;color:#fff;}
#km-nav li ul{display:none;position:absolute;left:0;top:100%;background:#161616;min-width:190px;list-style:none;margin:0;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.6);border:1px solid #2a2a2a;}
#km-nav li:hover>ul{display:block;}
#km-nav li ul a{display:block;color:#bbb;padding:10px 16px;font-size:13px;border-bottom:1px solid #242424;white-space:nowrap;}
#km-nav li ul a:hover{background:#b30000;color:#fff;}

/* 主体容器兼容旧模板 */
#container,#main{max-width:1100px;margin:0 auto;background:#141414;padding:0 12px 24px;color:#c9c9c9;}
.main-content,.left{float:none;width:100%;max-width:100%;}
table{max-width:100%;color:#c9c9c9;}
.blog ul,.blist ul{list-style:none;padding:0;margin:0;}
.blog ul li,.blist ul li{border-bottom:1px solid #262626;padding:12px 0;}
h1,h2,h3,h4,h5{line-height:1.4;color:#e8e8e8;}

/* 旧模板内容区深色适配 */
#contents,#top-image,.small-description,.welcome,.notify,.services,.sidebar,.search,.categories,.categories1,.side-paragraph{color:#c9c9c9;}
input[type=text],textarea,select{background:#1c1c1c;border:1px solid #333;color:#ddd;padding:6px;}

/* 分页 */
.paging,.pages{margin:20px 0;text-align:center;}
.paging a,.pages a{display:inline-block;padding:4px 12px;margin:0 2px;border:1px solid #333;background:#1c1c1c;color:#bbb;}
.paging a:hover,.pages a:hover{background:#b30000;color:#fff;}
.paging span,.pages span{color:#e60000;padding:4px 8px;}

/* 页脚 */
#km-footer{background:#0a0a0a;color:#999;margin-top:32px;font-size:14px;border-top:3px solid #b30000;}
.km-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 12px;}
.km-fcol h4{color:#e8e8e8;font-size:16px;border-left:4px solid #b30000;padding-left:10px;margin:0 0 12px;}
.km-fcol p{margin:0 0 8px;line-height:2;}
.km-fcol a{color:#999;}
.km-fcol a:hover{color:#e60000;}
.km-copyright{background:#000;padding:14px 0;font-size:12px;color:#666;border-top:1px solid #1c1c1c;}
.km-copyright .km-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.km-copyright a{color:#666;}
.km-copyright a:hover{color:#e60000;}
#km-totop{display:none;position:fixed;right:20px;bottom:30px;background:#b30000;color:#fff;width:44px;height:44px;line-height:44px;text-align:center;border-radius:4px;font-size:20px;z-index:998;}
#km-totop:hover{background:#e60000;}

/* 面包屑/top-image 兼容 */
#top-image{position:relative;}
.breadcrumb{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.65);color:#ddd;padding:4px 12px;font-size:13px;}
.breadcrumb a{color:#e60000;}

/* 手机端 */
@media (max-width:900px){
  #km-navtoggle{display:block;}
  #km-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#111;}
  #km-nav.km-open{display:block;}
  #km-nav>ul{flex-direction:column;}
  #km-nav>ul>li>a{padding:12px 16px;border-top:1px solid #222;}
  #km-nav li ul{position:static;box-shadow:none;display:none;}
  #km-nav li:hover>ul{display:none;}
  #km-nav li.km-sub-open>ul{display:block;}
  #km-nav li ul a{padding-left:32px;}
  .km-footer-grid{grid-template-columns:1fr 1fr;}
  .km-topbar .km-wrap{flex-direction:column;line-height:1.6;padding-top:6px;padding-bottom:6px;}
  #container,#main{padding:0 10px 16px;}
}
@media (max-width:560px){
  .km-footer-grid{grid-template-columns:1fr;}
  body{font-size:14px;}
}

/* ===== 首页 kmcn2026 ===== */
.km-hero{position:relative;margin-top:12px;overflow:hidden;border-radius:6px;border:1px solid #2a2a2a;}
.km-hero img{width:100%;display:block;max-height:420px;object-fit:cover;filter:brightness(.85) contrast(1.05);}
.km-hero-text{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff;padding:36px 24px 18px;}
.km-hero-text h2{margin:0 0 6px;font-size:26px;color:#fff;}
.km-hero-text p{margin:0 0 12px;color:#ccc;}
.km-btn{display:inline-block;background:#b30000;color:#fff;padding:8px 20px;border-radius:4px;}
.km-btn:hover{background:#e60000;color:#fff;}
.km-welcome{text-align:center;padding:28px 12px 8px;}
.km-welcome h2{font-size:22px;color:#e8e8e8;}
.km-welcome p{color:#999;max-width:860px;margin:0 auto;}
.km-notify{display:flex;align-items:center;gap:16px;justify-content:space-between;background:#1c1c1c;border:1px solid #b30000;border-radius:6px;padding:14px 18px;margin:16px 0;}
.km-notify span{color:#ccc;}
.km-sect-title{font-size:20px;border-left:5px solid #b30000;padding-left:10px;margin:28px 0 14px;color:#e8e8e8;}
.km-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.km-card{background:#181818;border:1px solid #2a2a2a;border-radius:6px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.km-card:hover{border-color:#b30000;transition:border-color .2s;}
.km-card h4{margin:0 0 8px;color:#e60000;font-size:16px;}
.km-card p{color:#999;font-size:14px;margin:0 0 10px;}
.km-home-main{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:24px;}
.km-news-list{list-style:none;padding:0;margin:0;}
.km-news-item{display:flex;justify-content:space-between;gap:12px;padding:12px 10px;border-bottom:1px solid #242424;background:#141414;}
.km-news-item:hover{background:#1c1c1c;}
.km-news-title{color:#c9c9c9;}
.km-news-item:hover .km-news-title{color:#e60000;}
.km-news-date{color:#666;font-size:13px;white-space:nowrap;}
.km-more{text-align:right;padding:10px;}
.km-more a{color:#e60000;}
.km-side-box{background:#181818;border:1px solid #2a2a2a;border-radius:6px;padding:14px;margin-bottom:16px;}
.km-side-box h4{margin:0 0 10px;font-size:15px;border-left:4px solid #b30000;padding-left:8px;color:#e8e8e8;}
.km-side-links,.km-side-news{list-style:none;margin:0;padding:0;}
.km-side-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.km-side-links a{display:block;background:#222;padding:8px 10px;border-radius:4px;color:#bbb;font-size:14px;text-align:center;border:1px solid #2c2c2c;}
.km-side-links a:hover{background:#b30000;color:#fff;border-color:#b30000;}
.km-side-news li{padding:6px 0;border-bottom:1px dashed #2a2a2a;font-size:14px;}
.km-side-news a{color:#aaa;}
.km-side-news a:hover{color:#e60000;}
@media (max-width:900px){
  .km-grid4{grid-template-columns:1fr 1fr;}
  .km-home-main{grid-template-columns:1fr;}
  .km-hero-text h2{font-size:19px;}
  .km-notify{flex-direction:column;align-items:flex-start;}
}
@media (max-width:560px){.km-grid4{grid-template-columns:1fr;}}

/* 线上课程推广带 */
.km-top-online{color:#e60000;font-weight:bold;}
.km-online-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(90deg,#160000,#2b0000 60%,#160000);border:1px solid #b30000;border-radius:8px;padding:26px 28px;margin:32px 0 8px;}
.km-online-text h3{margin:0 0 8px;color:#fff;font-size:22px;}
.km-online-text p{margin:0;color:#d8a0a0;}
.km-online-btns{white-space:nowrap;}
.km-btn-ghost{background:transparent;border:1px solid #e60000;color:#e60000;margin-left:10px;}
.km-btn-ghost:hover{background:#b30000;color:#fff;}
@media (max-width:900px){.km-online-band{flex-direction:column;align-items:flex-start;}}

/* ===== 正文排版美化（文章/单页内容区） ===== */
.main-content p, .blog p, #contents p, .content p, .page-content p{line-height:1.9;font-size:15.5px;color:#d0d0d0;margin:0 0 14px;}
.main-content, .blog, #contents{font-size:15.5px;}
.main-content img, .blog img, #contents img{border-radius:4px;}
.main-content h1, .blog h1{font-size:24px;color:#fff;border-left:5px solid #b30000;padding-left:12px;margin:24px 0 16px;}
.main-content h2, .blog h2{font-size:20px;color:#f0f0f0;border-left:4px solid #b30000;padding-left:10px;margin:22px 0 12px;}
.main-content h3, .blog h3{font-size:17px;color:#e8e8e8;margin:18px 0 10px;}
.main-content blockquote{border-left:3px solid #b30000;background:#1a1a1a;padding:10px 16px;margin:14px 0;color:#bbb;}
.main-content table{border-collapse:collapse;width:100%;margin:14px 0;}
.main-content td, .main-content th{border:1px solid #333;padding:8px 10px;}
.main-content a{color:#ff6666;border-bottom:1px dashed #b30000;}
.main-content a:hover{color:#fff;background:#b30000;border-bottom:none;}
.main-content ul, .main-content ol{padding-left:22px;}
.main-content li{margin:6px 0;}
/* 文章头部信息 */
.blog .desc p, .blist .desc p{font-size:14.5px;color:#b5b5b5;}
.blog h5 a, .blist h5 a{color:#e8e8e8;font-size:16px;}
.blog h5 a:hover{color:#e60000;}
.km-home-news .km-online-band{flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 22px;padding:20px 22px;}
.km-sect-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.km-sect-head .km-sect-title{margin-bottom:14px;}
.km-more-link{color:#e60000;font-size:14px;text-decoration:none;padding-bottom:14px;}
.km-more-link:hover{color:#ff3333;text-decoration:underline;}
/* 单页统一结构 */
.km-page{padding:28px 0 46px;max-width:1200px;margin:0 auto;}
.km-crumb{font-size:13px;color:#888;margin-bottom:14px;}
.km-crumb a{color:#aaa;text-decoration:none;}
.km-crumb a:hover{color:#e60000;}
.km-crumb span{color:#666;}
h1.km-page-title{font-size:26px;color:#fff;border-left:5px solid #b30000;padding-left:14px;margin:0 0 10px;line-height:1.4;}
.km-page-desc{color:#999;font-size:14px;margin:0 0 20px;}
.km-notify{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(90deg,#160000,#2b0000 60%,#160000);border:1px solid #b30000;border-left:5px solid #e60000;border-radius:6px;padding:16px 20px;margin:0 0 26px;}
.km-notify p{margin:0;color:#d8d8d8;font-size:15px;line-height:1.7;flex:1;min-width:260px;}
.km-jl-intro{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start;margin-bottom:24px;}
.km-jl-text{flex:1;min-width:280px;}
.km-jl-img{flex:0 0 300px;}
.km-jl-img img{width:100%;border-radius:6px;border:1px solid #2a2a2a;}
.km-checklist{list-style:none;padding:0;margin:0 0 16px;}
.km-checklist li{padding:8px 0 8px 26px;position:relative;color:#d0d0d0;border-bottom:1px dashed #2a2a2a;font-size:15px;}
.km-checklist li:before{content:"▶";color:#e60000;position:absolute;left:0;font-size:12px;top:11px;}
.km-cert{background:#181818;border:1px solid #2a2a2a;border-radius:8px;padding:20px 24px;margin:0 0 26px;}
.km-cert h3{color:#fff;font-size:17px;border-left:4px solid #b30000;padding-left:10px;margin:0 0 14px;}
.km-cert ul{list-style:none;padding:0;margin:0;}
.km-cert li{padding:9px 0;border-bottom:1px dashed #2a2a2a;color:#c9c9c9;font-size:15px;line-height:1.7;}
.km-cert li:last-child{border-bottom:none;}
.km-cert strong{color:#e60000;margin-right:6px;}
.km-query{background:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:18px 20px;margin:0 0 18px;}
.km-query form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.km-query label{color:#e8e8e8;font-size:15px;font-weight:bold;flex:0 0 auto;}
.km-input{flex:1;min-width:220px;background:#0d0d0d;border:1px solid #333;border-radius:4px;color:#eee;padding:9px 12px;font-size:14px;}
.km-input:focus{border-color:#b30000;outline:none;}
.km-search-results{margin-top:8px;}
.km-result-item{background:#161616;border:1px solid #262626;border-radius:6px;padding:14px 18px;margin-bottom:12px;}
.km-result-item h5{margin:0 0 6px;font-size:15px;}
.km-result-item h5 a{color:#e8e8e8;text-decoration:none;}
.km-result-item h5 a:hover{color:#e60000;}
.km-result-item p{margin:0;color:#aaa;font-size:14px;line-height:1.7;}
.km-result-item p a{color:#e60000;}
@media (max-width:768px){.km-jl-intro{flex-direction:column;}.km-jl-img{flex:1;width:100%;}h1.km-page-title{font-size:21px;}}
/* 资讯列表/文章页双栏布局 */
.km-list-layout{display:flex;gap:28px;align-items:flex-start;}
.km-list-main{flex:1;min-width:0;}
.km-list-side{flex:0 0 300px;width:300px;}
.km-side-search input{width:100%;background:#0d0d0d;border:1px solid #333;border-radius:4px;color:#eee;padding:8px 10px;font-size:14px;box-sizing:border-box;}
.km-side-search input:focus{border-color:#b30000;outline:none;}
.km-side-list{list-style:none;padding:0;margin:0;}
.km-side-list li{padding:7px 0 7px 14px;position:relative;border-bottom:1px dashed #262626;font-size:14px;}
.km-side-list li:last-child{border-bottom:none;}
.km-side-list li:before{content:"▶";color:#b30000;position:absolute;left:0;font-size:10px;top:11px;}
.km-side-list a{color:#c9c9c9;text-decoration:none;}
.km-side-list a:hover{color:#e60000;}
.km-side-img{width:100%;border-radius:4px;margin-bottom:8px;}
.km-side-p{font-size:13px;color:#aaa;line-height:1.8;margin:0;}
.km-news-cards{list-style:none;padding:0;margin:0 0 20px;}
.km-news-card{display:flex;gap:18px;background:#181818;border:1px solid #262626;border-radius:8px;padding:16px;margin-bottom:16px;}
.km-nc-img{flex:0 0 240px;}
.km-nc-img img{width:240px;height:136px;object-fit:cover;border-radius:6px;display:block;}
.km-nc-body{flex:1;min-width:0;}
.km-nc-body h5{margin:0 0 6px;font-size:17px;line-height:1.5;}
.km-nc-body h5 a{color:#f0f0f0;text-decoration:none;}
.km-nc-body h5 a:hover{color:#e60000;}
.km-nc-date{color:#888;font-size:13px;display:block;margin-bottom:8px;}
.km-nc-body p{margin:0;color:#aaa;font-size:14px;line-height:1.7;}
.km-nc-body p a{color:#e60000;text-decoration:none;}
.pages{margin:22px 0 8px;text-align:center;}
.pages a,.pages span{display:inline-block;padding:6px 12px;margin:0 3px;border:1px solid #333;border-radius:4px;color:#c9c9c9;text-decoration:none;font-size:14px;background:#161616;}
.pages a:hover{border-color:#b30000;color:#e60000;}
.pages span.current{background:#b30000;border-color:#b30000;color:#fff;}
.pages span.disabled{color:#555;}
#poweredakcms{display:none!important;}
@media (max-width:900px){.km-list-layout{flex-direction:column;}.km-list-side{flex:1;width:100%;}.km-news-card{flex-direction:column;}.km-nc-img{flex:1;}.km-nc-img img{width:100%;height:auto;}}