/*
 * 获奖荣誉：样式沿用老站 master 分支 src/view/honor.vue 与 common.scss（.banner-yoga / .banner-text / .section），
 * SCSS 变量已换成实际值：$gray #999、$gray-darker #333、$description-size 32px、$font-size-h1 24px、
 * $font-size-baser 16px、$title-size 60px、$title-size-m 35px、$screen-lm 1024px。
 * 全部限定在 .honor-page 下，并抵掉本项目 Bootstrap / typography 的默认值（标题字重、p 外边距与行高）。
 */

/* ---------- banner（老站 .banner.banner-yoga.honor） ---------- */
.honor-page .banner { height: 400px; background: url("/assets/images/honor/banner.jpg") no-repeat center center; background-size: cover; }
.honor-page .banner-text { position: relative; top: 45%; color: #fff; text-align: center; }
.honor-page .banner-text .title { display: inline-block; margin: 0 0 40px; font-family: var(--dy-font); font-size: 60px; font-weight: 400; line-height: 1; letter-spacing: 2px; }

/* ---------- 内容区（老站 .section + .content-990） ---------- */
.honor-page .honor-section { margin: 100px 0; }
.honor-page .content-990 { position: relative; width: 990px; margin: 0 auto; }

/* 荣誉时间轴 */
.honor-page .honor-list { width: 734px; margin: 0; padding: 0; list-style: none; }
.honor-page .honor-list li { position: relative; display: flex; align-items: flex-start; margin-bottom: 50px; }
/* 年份、圆点、条目首行统一按 30px 行高垂直居中，三者对齐 */
.honor-page .honor-list h2 { flex: none; margin: 0 0 15px; padding: 0; font-family: var(--dy-font); font-size: 32px; font-weight: 400; line-height: 30px; }
.honor-page .honor-list p { position: relative; margin: 0; padding-bottom: 50px; font-size: 24px; line-height: 30px; }
.honor-page .honor-list p:last-child { padding-bottom: 0; }
.honor-page .honor-list div { position: relative; width: 574px; margin-left: 20px; padding-left: 30px; }
/* 竖线：每条荣誉画一段，从本条圆点中心（首行 30px 的一半）连到下一条圆点中心；
   第一个点上方、最后一个点下方不出线，只有一条的年份没有线。x 与老站 div::before（left -1px）一致 */
.honor-page .honor-list p:not(:last-child)::after { content: ""; position: absolute; top: 15px; bottom: -15px; left: -31px; width: 1px; background: #999; }
/* 圆点：#333 实心 + 8px 白边压在竖线上；中间一圈白，首尾两条填满。总高 26，top 2 居中于 30px 首行 */
.honor-page .honor-list span { position: absolute; z-index: 1; top: 2px; left: -43px; display: block; width: 10px; height: 10px; box-sizing: content-box; border: 8px solid #fff; border-radius: 50%; background: #333; }
.honor-page .honor-list span::before { content: ""; position: absolute; top: 1px; left: 1px; display: block; width: 8px; height: 8px; border-radius: 8px; background: #fff; }
.honor-page .honor-list p:first-child span::before,
.honor-page .honor-list p:last-child span::before { background: #333; }

/* 右栏荣誉报道 */
.honor-page .content-honor-img-wrapper { position: absolute; top: 0; right: 0; width: 256px; }
.honor-page .content-honor-img { display: block; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #f0f1f5; background: #f7f8f9; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); color: #000; text-decoration: none; }
.honor-page .content-honor-img:hover { border: 3px solid #7391ff; box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.25); color: #000; }
.honor-page .content-honor-img-cover { display: block; width: 100%; height: auto; }
.honor-page .content-honor-img-copnt { padding: 16px; color: #333; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; }
.honor-page .content-honor-img-text { display: -webkit-box; overflow: hidden; max-height: 72px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* ---------- 老站 max-width: $screen-lm（1024px） ---------- */
@media (max-width: 1024px) {
  .honor-page .banner { height: 200px; }
  .honor-page .banner-text { top: 26%; }
  .honor-page .banner-text .title { margin: 0 15px 15px; font-size: 35px; line-height: 1.2; }
  .honor-page .honor-list li { display: block; }
  .honor-page .honor-list h2 { width: 100%; margin-bottom: 20px; padding-left: 20px; }
  .honor-page .honor-list div { width: auto; margin-left: 20px; padding-left: 30px; }
  /* 老站手机竖线 left 7px；首行 24px，段落从圆点中心 12px 起 */
  .honor-page .honor-list p:not(:last-child)::after { top: 12px; bottom: -12px; left: -22px; }
  .honor-page .honor-list h2 { line-height: 1; }
  /* 手机条目行高 24，圆点总高 26，上移 1px 居中于首行 */
  .honor-page .honor-list span { top: -1px; left: -35px; }
  .honor-page .honor-list div p { padding-bottom: 30px; font-size: 16px; line-height: 1.5; }
  .honor-page .honor-list div p:last-child { padding-bottom: 0; }
}

/* ---------- 老站 max-width: 990px：隐藏右栏，内容区 80% ---------- */
@media (max-width: 990px) {
  .honor-page .content-honor-img-wrapper { display: none; }
  .honor-page .content-990 { width: 80%; }
  .honor-page .honor-list { width: 100%; }
}