/* ===========================================================
   ICBBE 2026 - 统一内容样式 (sub.html / pub.html)
   设计目标：卡片化、留白充足、配色统一
   主色：橙 #EE7431  /  蓝 #084a74  /  出版强调 #FA8214
   =========================================================== */

/* 主内容面板：浅灰底，让白色卡片浮起 */
.ny_content {
  background: #f5f7f9 !important;
  border-radius: 10px;
}

/* 页面大标题（替换原 <font size=4> 大标题） */
.icbbe-page-title {
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #EE7431;
  letter-spacing: .5px;
  margin: 0 0 22px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0d9c9;
  text-transform: uppercase;
}

/* 通用卡片 */
.icbbe-card {
  background: #ffffff;
  border: 1px solid #e8edf2;
  border-radius: 10px;
  padding: 22px 24px;
  margin-bottom: 22px;
  box-shadow: 0 2px 12px rgba(8, 74, 116, .06);
}

/* 卡片内小节标题（带橙色左侧强调条） */
.icbbe-sec {
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #084a74;
  margin: 0 0 14px;
  padding: 0 0 0 12px;
  border-left: 4px solid #EE7431;
  line-height: 1.4;
}

/* 卡片内次级小标题（虚线分隔） */
.icbbe-sec-sub {
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #084a74;
  margin: 20px 0 8px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #d9e2ea;
}

/* 正文段落 */
.icbbe-text {
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 13.5px;
  line-height: 1.9;
  color: #555;
  margin: 0 0 10px;
  text-align: justify;
}
.icbbe-text b, .icbbe-text strong { color: #084a74; }

/* 行内链接 */
.icbbe-link {
  color: #EE7431;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid rgba(238, 116, 49, .4);
}
.icbbe-link:hover { color: #d75f1c; }

/* 投稿方式按钮 */
.icbbe-methods {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.icbbe-btn {
  flex: 1;
  min-width: 240px;
  display: block;
  text-align: center;
  background: #EE7431;
  color: #fff;
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: background .2s;
}
.icbbe-btn span {
  display: block;
  font-weight: 400;
  font-size: 12px;
  opacity: .9;
  margin-top: 3px;
}
.icbbe-btn:hover { background: #d75f1c; }

/* 模板列表 */
.icbbe-tmpl {
  margin: 6px 0 0;
  padding-left: 20px;
  color: #555;
  font-size: 13.5px;
  line-height: 2;
}
.icbbe-tmpl a {
  color: #EE7431;
  font-weight: 600;
  text-decoration: none;
}
.icbbe-tmpl a:hover { color: #d75f1c; }

/* 两个发表选项并排信息框 */
.icbbe-opts {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin: 8px 0 18px;
}
.icbbe-opt {
  flex: 1;
  min-width: 260px;
  border: 1px solid #e8edf2;
  border-radius: 8px;
  overflow: hidden;
}
.icbbe-opt-h {
  background: #084a74;
  color: #fff;
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 14px;
}
.icbbe-opt-b {
  padding: 14px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.8;
  color: #555;
  text-align: justify;
}
.icbbe-opt-b b { color: #FA8214; }

/* 索引数据库 logo 行 */
.icbbe-logos {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 14px 16px;
  background: #f7f9fb;
  border: 1px solid #eef2f6;
  border-radius: 8px;
  margin-bottom: 18px;
}
.icbbe-logos img { height: 46px; width: auto; }

/* 高亮框（特刊 / 奖项） */
.icbbe-callout {
  background: #fff6f0;
  border: 1px solid #f6d8c4;
  border-left: 4px solid #EE7431;
  border-radius: 8px;
  padding: 16px 18px;
  margin: 16px 0;
}
.icbbe-callout-h {
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #EE7431;
  margin: 0 0 8px;
}
.icbbe-award {
  background: #eef6fb;
  border-color: #cfe2ef;
  border-left-color: #084a74;
}
.icbbe-award .icbbe-callout-h { color: #084a74; }

/* 轻量提示（融合进卡片，不作独立卡片） */
.icbbe-note {
  margin: 18px 0 4px;
  padding: 12px 14px;
  background: #fff8f3;
  border-left: 3px solid #EE7431;
}
.icbbe-note-h {
  font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #084a74;
  margin: 0 0 6px;
}

/* 窄屏适配 */
@media (max-width: 767px) {
  .icbbe-card { padding: 16px; }
  .icbbe-page-title { font-size: 22px; }
  .icbbe-methods,
  .icbbe-opts { flex-direction: column; }
  .icbbe-opt,
  .icbbe-btn { min-width: 0; }
}

/* ===========================================================
   index.html 首页两栏等高配平
   原模板 .index_01_l / .index_01_r 用 float 左右分布，
   内容量不同会导致两栏高度不一、下方通栏区块起点错位。
   改为 flex + row-reverse：DOM 顺序 index_01_l(Publication) 在前，
   row-reverse 使其落在右侧；index_01_r(Welcome) 落在左侧，
   视觉顺序与原来一致；align-items:stretch 让两栏等高。
   =========================================================== */
.index_01_in {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: stretch;
  gap: 20px;
}
.index_01_l,
.index_01_r {
  float: none !important;
  width: auto !important;
  flex: 1 1 320px;
  min-width: 0;
}
.index_01_in > .cl { display: none; }

@media (max-width: 767px) {
  .index_01_in { flex-direction: column; }
  .index_01_l,
  .index_01_r { flex: 1 1 auto; }
}