/* ============================================================
   style1.css — 聚合样式（供 list/read/sp/video 等内页引用）
   本文件仅做 @import 聚合，按功能拆分后的样式见同目录各独立文件。
   首页 index.html 直接引用拆分后的各文件。

   博达站群部署说明：
   - 部署到博达站群后，系统会自动注入站点级样式 index.vsb.css、
     _sitegray/_sitegray_*.css|js、/system/resource/js/counter.js
     及 _jsq_() 统计脚本，无需手动引入。
   - 本文件与 base/header/hero/home/inner/responsive.css 可整体作为
     “站点样式”引用，由后台站点引用统一加载，全站共享。
   - 所有 CSS 使用相对路径，符合博达站点的站点根目录部署习惯。
   ============================================================ */
@import url("base.css");
@import url("header.css");
@import url("hero.css");
@import url("home.css");
@import url("inner.css");
@import url("responsive.css");

/* ============ 搜索结果页：站内搜索框（统一格式新增，不改已有规则） ============ */
.site-search {
  display: flex;
  gap: 10px;
  max-width: 560px;
  margin: 8px 0 18px;
}
.site-search input {
  flex: 1 1 auto;
  height: 44px;                 /* 移动端最小点击区 */
  padding: 0 14px;
  font-size: 16px;              /* iOS 不自动放大页面 */
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  outline: none;
  transition: border-color .2s;
}
.site-search input:focus { border-color: var(--blue); }
.site-search .s-btn {
  flex: 0 0 auto;
  height: 44px;
  padding: 0 24px;
  font-size: 15px;
  color: #fff;
  background: var(--blue);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color .2s;
}
.site-search .s-btn:hover { background: var(--link-hover); }

.search-meta {
  margin: 4px 0 14px;
  font-size: 14px;
  color: var(--muted);
}
.search-meta b { color: var(--red); }

@media (max-width: 480px) {
  .site-search { flex-wrap: wrap; }
  .site-search input { flex: 1 1 100%; }
  .site-search .s-btn { flex: 1 1 100%; }
}

/* ============================================================
   新增：首页"新闻动态 / 通知公告"列表对标 USTC main.htm
   —— 日期方块（上"日"下"年月"）+ 单行标题，栏目标题左、"更多"右
   本段为新增样式，未改动上方任何已有规则及拆分文件。
   ============================================================ */
.ustc-head {
  display: flex; align-items: center; justify-content: space-between;
  padding-bottom: 10px; margin-bottom: 6px;
  border-bottom: 2px solid var(--navy, #1A4F8B);
}
.ustc-h2 {
  position: relative; font-size: 1.25rem; font-weight: 700;
  color: var(--ink, #2D3748); padding-left: 14px; letter-spacing: 1px;
}
.ustc-h2::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 5px; height: 18px; border-radius: 2px; background: var(--navy, #1A4F8B);
}
.ustc-more {
  font-size: .9rem; color: var(--ink-soft, #5A6B80); white-space: nowrap;
}
.ustc-more:hover { color: var(--link-hover, #0a2a66); }

.ustc-list { display: block; }
.ustc-item {
  display: flex; align-items: stretch; gap: 14px;
  padding: 12px 6px; border-bottom: 1px dashed #e7e7e7;
  transition: background-color .2s ease;
}
.ustc-item:hover { background: #f6f9fd; }
.ustc-item:hover .ustc-title { color: var(--link-hover, #0a2a66); }

/* 日期方块：上行"日"、下行"年月" */
.ustc-date {
  flex: 0 0 56px; width: 56px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: var(--navy, #1A4F8B); color: #fff; border-radius: 6px;
  padding: 6px 0; line-height: 1.1;
}
.ustc-day { font-size: 1.25rem; font-weight: 700; }
.ustc-ym { font-size: .72rem; margin-top: 2px; opacity: .92; letter-spacing: .5px; }

.ustc-title {
  flex: 1 1 auto; align-self: center;
  font-size: 1.02rem; color: var(--ink, #2D3748);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* 近 15 天发布的条目：红色"新"角标（notice-list.js 添加 .is-new） */
.ustc-item.is-new .ustc-title { position: relative; padding-right: 30px; }
.ustc-item.is-new .ustc-title::after {
  content: "新"; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  background: #d8392b; color: #fff; font-size: .66rem; line-height: 1;
  padding: 2px 5px; border-radius: 3px; font-style: normal; letter-spacing: 0;
}

/* 窄屏适配（新增，不动 responsive.css） */
@media (max-width: 640px) {
  .ustc-date { flex-basis: 48px; width: 48px; }
  .ustc-day { font-size: 1.1rem; }
  .ustc-title { font-size: .95rem; }
}

/* ============================================================
   新增：左侧栏目导航顶部校徽 logo
   —— 对标 bwc.hjnu.edu.cn 左侧栏品牌区，在"栏目导航"标题上方
      显示汉江师范学院校徽，强化站点品牌识别。
   仅新增样式，未改动上方任何已有规则及拆分文件。
   ============================================================ */
/* 左侧菜单栏校徽：与“栏目导航”文字同一行、同高，白色紧致背景（白底与图标同等大小） */
.side-nav .sn-head { display: flex; align-items: center; gap: 8px; }
.side-nav .sn-head .sn-ico {
  height: 18px;
  width: 18px;
  object-fit: contain;
  background: #fff;
  border-radius: 4px;
  flex-shrink: 0;
}

/* 窄屏适配（新增，不动 responsive.css） */
@media (max-width: 768px) {
  .side-nav .sn-head .sn-ico { height: 16px; width: 16px; }
}