/* 炎酷CMS 公共自适应基线样式（三档：≥1200 / 768-1199 / <767） */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Helvetica,Arial,sans-serif;font-size:15px;color:#333;background:#f5f6f8;line-height:1.7}
a{color:#333;text-decoration:none;transition:color .2s}
a:hover{color:var(--yk-accent,#e63946)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
.yk-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.yk-clr::after{content:"";display:block;clear:both}

/* 模块标题 5 种样式 */
.yk-tt{margin:25px 0 15px}
.yk-tt span{font-size:20px;font-weight:700}
.yk-tt-1 span{border-left:4px solid var(--yk-accent,#e63946);padding-left:10px}
.yk-tt-2{border-bottom:2px solid #eee;padding-bottom:8px}
.yk-tt-2 span{border-bottom:2px solid var(--yk-accent,#e63946);padding-bottom:8px}
.yk-tt-3{text-align:center}
.yk-tt-3 span{display:inline-block;padding:0 18px;position:relative}
.yk-tt-3 span::before,.yk-tt-3 span::after{content:"";position:absolute;top:50%;width:36px;height:1px;background:#ccc}
.yk-tt-3 span::before{left:-40px}.yk-tt-3 span::after{right:-40px}
.yk-tt-4 span{background:var(--yk-accent,#e63946);color:#fff!important;padding:4px 16px;border-radius:3px;font-size:16px}
.yk-tt-5 span::before{content:"◆ ";color:var(--yk-accent,#e63946)}

/* 分页 */
.yk-pager{text-align:center;margin:30px 0}
.yk-pager a{display:inline-block;min-width:34px;padding:5px 10px;margin:0 3px;border:1px solid #ddd;background:#fff;border-radius:3px}
.yk-pager a.on,.yk-pager a:hover{background:var(--yk-accent,#e63946);color:#fff;border-color:var(--yk-accent,#e63946)}

/* 通用卡片/列表小部件 */
.yk-card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}
.yk-card:hover{transform:translateY(-3px);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.yk-thumb{overflow:hidden;background:#e9ecef}
.yk-thumb img{width:100%;transition:transform .3s}
.yk-card:hover .yk-thumb img{transform:scale(1.05)}
.yk-date{color:#999;font-size:12px}
.yk-desc{color:#777;font-size:13px}

/* 简易栅格 */
.yk-row{display:flex;flex-wrap:wrap;margin:0 -10px}
.yk-col{padding:0 10px;margin-bottom:20px;width:100%}
.yk-col-6{width:50%}.yk-col-4{width:33.3333%}.yk-col-3{width:25%}

/* 移动端导航 */
.yk-nav-btn{display:none;cursor:pointer;font-size:22px;padding:6px 10px;background:none;border:1px solid #ddd;border-radius:4px}

@media (max-width:1199px){
  /* 保持与单页/文章页一致的 1200px 容器，不再收窄为 960px */
}
@media (max-width:767px){
  body{font-size:14px}
  .yk-col-3,.yk-col-4{width:50%}
  .yk-nav-btn{display:inline-block}
  .yk-mobile-nav{display:none}
  .yk-mobile-nav.open{display:block}
  .yk-hide-m{display:none!important}
}
@media (max-width:480px){
  .yk-col-3,.yk-col-4,.yk-col-6{width:100%}
}

/* ===== 主题色变量接入增量（只增不删） ===== */
/* 侧栏/区块标题通用类：背景与文字色跟随 --yk-side-bg / --yk-side-color */
.yk-side-tt{background:var(--yk-side-bg,#1a5fb4);color:var(--yk-side-color,#fff);padding:10px 16px;border-radius:6px 6px 0 0;font-size:16px;font-weight:700}
.yk-side-tt a{color:inherit}
.yk-side-tt .yk-side-tt-more{float:right;font-size:12px;font-weight:400;opacity:.8;line-height:24px}

/* 首页模块通用间距（block/article/product/about 模块外层可复用） */
.yk-block{margin-bottom:30px}

/* 客服浮动条：触屏点击展开浮层（配合 main.js 的 .open 切换） */
.yk-kf1 .yk-kf1-item.open .yk-kf1-pop{opacity:1;visibility:visible;right:56px}
.yk-kf2 .yk-kf2-item.open .yk-kf2-pop{opacity:1;visibility:visible;right:78px}

/* ===== 栏目列表页侧栏（子栏目切换，list_1~3 共用） ===== */
.yk-llayout{display:flex;gap:25px;align-items:flex-start}
.yk-lmain{flex:1;min-width:0}
.yk-lside{flex:none;width:240px}
.yk-lside-tt{background:var(--yk-side-bg,#1c2b45);color:var(--yk-side-color,#fff);padding:14px 18px;font-size:16px;font-weight:700;border-radius:8px 8px 0 0}
.yk-lside-tt a{color:inherit;text-decoration:none;display:block}
.yk-lside ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #eaeef2;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}
.yk-lside li a{display:block;padding:12px 18px;color:#333;text-decoration:none;border-bottom:1px solid #f0f2f5;font-size:14px;transition:color .2s,background .2s}
.yk-lside li:last-child a{border-bottom:none}
.yk-lside li a:hover{color:var(--yk-accent,#e63946);background:#fafcff}
.yk-lside li a.on{color:var(--yk-accent,#e63946);font-weight:700;background:#fafcff;border-left:3px solid var(--yk-accent,#e63946);padding-left:15px}
@media(max-width:767px){
  .yk-llayout{flex-direction:column}
  .yk-lside{width:100%}
}

/* ===== 友情链接（页脚统一，颜色继承底部主题色） ===== */
.yk-flinks{border-top:1px solid rgba(128,128,128,.18);padding:14px 20px;font-size:13px;text-align:center}
.yk-flinks-in{max-width:1200px;margin:0 auto}
.yk-flinks b{font-weight:600;margin-right:10px;opacity:.75}
.yk-flinks a{display:inline-block;margin:4px 10px;color:inherit;text-decoration:none;opacity:.8}
.yk-flinks a:hover{opacity:1;text-decoration:underline}

/* ===== 移动端防溢出与富文本适配（增量，只增不删） ===== */
/* 富文本正文容器（art_*-body / pg_*-article / pg_*-body）：表格横向滚动、媒体不超宽，避免撑破版面 */
[class*="yk-art"][class*="-body"] table,
[class*="yk-pg"][class*="-article"] table,
[class*="yk-pg"][class*="-body"] table{display:block;max-width:100%;overflow-x:auto}
[class*="yk-art"][class*="-body"] pre,
[class*="yk-pg"][class*="-article"] pre,
[class*="yk-pg"][class*="-body"] pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-all}
[class*="yk-art"][class*="-body"] iframe,
[class*="yk-art"][class*="-body"] video,
[class*="yk-pg"][class*="-article"] iframe,
[class*="yk-pg"][class*="-article"] video,
[class*="yk-pg"][class*="-body"] iframe,
[class*="yk-pg"][class*="-body"] video{max-width:100%}
@media (max-width:767px){
  html,body{overflow-x:hidden}
}

/* ===== 视觉品质提升（增量，只增不删） ===== */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--yk-accent,#e63946);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c3cad4;border-radius:6px;border:2px solid #f5f6f8}
::-webkit-scrollbar-thumb:hover{background:#a4afbd}
::-webkit-scrollbar-track{background:transparent}
/* 全站圆角统一为 10px 体系 */
.yk-card{border-radius:10px}
.yk-lside-tt{border-radius:10px 10px 0 0}
.yk-lside ul{border-radius:0 0 10px 10px}
/* 模块标题字距，增强品质感 */
.yk-tt span{letter-spacing:1px}
