/* 海政学校官网 公共自适应基线样式（三档：≥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}
/* 样式1 左侧竖线：圆角竖条 + 柔和投影 */
.yk-tt-1 span{position:relative;display:inline-block;padding-left:14px}
.yk-tt-1 span::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;border-radius:3px;background:var(--yk-accent,#e63946)}
/* 样式2 底部下划线：整行细分隔 + 标题下短粗色条 */
.yk-tt-2{border-bottom:1px solid #e8eaee;padding-bottom:10px}
.yk-tt-2 span{position:relative;display:inline-block}
.yk-tt-2 span::after{content:"";position:absolute;left:0;bottom:-11px;width:44px;height:3px;border-radius:2px;background:var(--yk-accent,#e63946)}
/* 样式3 居中两侧横线：渐隐装饰线 */
.yk-tt-3{text-align:center}
.yk-tt-3 span{display:inline-block;padding:0 22px;position:relative}
.yk-tt-3 span::before,.yk-tt-3 span::after{content:"";position:absolute;top:50%;width:42px;height:2px;border-radius:1px}
.yk-tt-3 span::before{left:-46px;background:linear-gradient(90deg,rgba(128,128,128,0),var(--yk-accent,#e63946))}
.yk-tt-3 span::after{right:-46px;background:linear-gradient(90deg,var(--yk-accent,#e63946),rgba(128,128,128,0))}
/* 样式4 底色块：圆角色块 + 投影 */
.yk-tt-4 span{background:var(--yk-accent,#e63946);color:#fff!important;padding:6px 20px;border-radius:6px;font-size:17px;box-shadow:0 4px 12px rgba(0,0,0,.14);display:inline-block}
/* 样式5 菱形前缀：大小双菱形 */
.yk-tt-5 span{position:relative;display:inline-block;padding-left:26px}
.yk-tt-5 span::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;background:var(--yk-accent,#e63946);transform:rotate(45deg);border-radius:2px}
.yk-tt-5 span::after{content:"";position:absolute;left:13px;top:50%;width:5px;height:5px;margin-top:-2.5px;background:var(--yk-accent,#e63946);opacity:.45;transform:rotate(45deg);border-radius:1px}

/* 分页 */
.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}

/* 首页 banner 与下方区块的间距：与列表/文章/单页的顶部间距一致 */
.yk-home-blocks{padding-top:20px}
@media (max-width:767px){
  .yk-home-blocks{padding-top:14px}
}

/* 客服浮动条：触屏点击展开浮层（配合 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}

/* 轮播小圆点（main.js 自动生成；点击切换，当前项拉长高亮） */
.yk-slider{position:relative}
.yk-slider-dots{position:absolute;left:0;right:0;bottom:14px;z-index:5;display:flex;justify-content:center;align-items:center;gap:8px;pointer-events:none}
.yk-slider-dots span{pointer-events:auto;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:all .25s ease}
.yk-slider-dots span:hover{background:rgba(255,255,255,.8)}
.yk-slider-dots span.on{background:#fff;width:22px;border-radius:5px}
@media (max-width:767px){
  .yk-slider-dots{bottom:10px;gap:6px}
  .yk-slider-dots span{width:8px;height:8px}
  .yk-slider-dots span.on{width:18px}
}

/* ===== 海政学校官网主题增量 ===== */


body{
  font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",sans-serif;
  background:
    linear-gradient(180deg,#eef3f8 0%,#f5f7fa 40%,#eef2f6 100%);
  color:#243447;
}
a:hover{color:var(--yk-accent,#2b8cff)}

.yk-home-blocks{
  padding-top:0;
  background:
    radial-gradient(ellipse at 0% 0%,rgba(26,127,212,.04),transparent 40%),
    radial-gradient(ellipse at 100% 30%,rgba(43,140,255,.03),transparent 35%);
}
.yk-home-blocks .yk-at1:nth-of-type(odd){
  background:rgba(255,255,255,.35);
}
.yk-home-blocks .yk-at1 .yk-wrap,
.yk-home-blocks .yk-ab1 .yk-wrap{max-width:1200px}

.yk-tt span{font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",sans-serif;height:3px;width:48px;border-radius:0}
.yk-pager a.on,.yk-pager a:hover{
  background:var(--yk-accent,#2b8cff);
  border-color:var(--yk-accent,#2b8cff);
  border-radius:0;
}
.yk-side-tt,.yk-lside-tt{
  background:var(--yk-side-bg,#1a7fd4);
  border-radius:0;
}
.yk-lside ul{border-radius:0}
.yk-lside li a.on{
  border-left-color:var(--yk-accent,#2b8cff);
  color:var(--yk-accent,#2b8cff);
}
.yk-card{border-radius:0;box-shadow:none;border:1px solid #e2e8f0}
.yk-card:hover{transform:none;box-shadow:0 6px 18px rgba(21,101,168,.08)}

::selection{background:var(--yk-accent,#2b8cff);color:#fff}

/* ===== 首页四块节奏 ===== */
.yk-home-blocks{padding-top:0!important;background:transparent}
.yk-home-blocks > .yk-ab1,
.yk-home-blocks > .yk-at3,
.yk-home-blocks > .yk-at4,
.yk-home-blocks > .yk-at5{margin-bottom:0}

/* ===== 亮蓝主题覆盖 ===== */
:root{
  --yk-accent:#2b8cff;
  --yk-nav-bg:#1a7fd4;
  --yk-nav-color:#f5faff;
  --yk-nav-active:#ffffff;
  --yk-nav-active-bg:#0b6bcb;
  --yk-footer-bg:#1565a8;
  --yk-footer-color:#cfe6ff;
  --yk-side-bg:#1a7fd4;
  --yk-side-color:#ffffff;
}
body{
  background:linear-gradient(180deg,#eef5ff 0%,#f5f9ff 40%,#e8f1fc 100%)!important;
}
::selection{background:#2b8cff;color:#fff}
/* ===== article body images center ===== */
.yk-art1-body img, .yk-art2-body img, .yk-art3-body img, .yk-art4-body img,
.yk-art5-body img, .yk-art6-body img, .yk-art7-body img, .yk-art8-body img,
.yk-art9-body img, .yk-art10-body img, .yk-art11-body img, .yk-art12-body img,
.yk-pg1-article img, .yk-pg2-article img, .yk-pg3-article img, .yk-pg4-article img,
.yk-pg5-article img, .yk-pg6-article img, .yk-pg7-article img,
.yk-art1-body p img, .yk-art2-body p img, .yk-art3-body p img,
.yk-pg1-article p img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  max-width: 100%;
  height: auto;
}
.yk-art1-body p[style*="text-align"], .yk-art2-body p[style*="text-align"], .yk-art3-body p[style*="text-align"] {
  /* keep author alignment; images still block-centered */
}

/* site font */
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,.yk-wrap{font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",sans-serif !important;}