/* 首页「最近上新」按钮 · 2026-09-29 · 指向 updates.html
   奶油色实心 + 呼吸红点:在深绿页头里是最亮的一块,颜色全部取自现有配色
   (奶油色 = 「燎原」大字的颜色,红 = 主按钮的红),不引入新色。
   只有首页会加载这个文件。

   规矩(9/30 改):它是前两个按钮的「小兄弟」,任何屏宽下都
   · 不比上面那一排更宽(手机上通栏会比上排宽出一截,很扎眼);
   · 和它们一样高、一样大的字、一样「文字居中、箭头靠右」,箭头和上排第二个按钮的箭头对齐。
   三种排法:
   · 电脑(>1130px)     三个按钮同排,各 150×42
   · 平板(761–1130px)  前两个一排,它单独一条,宽度 = 上面两个按钮加间距(312px),左右边缘对齐
   · 手机(≤760px)      同上。手机上上排按钮封顶 132px(liaoyuan-v2.css 第 115 行),所以它是 274px;
                       更窄的手机上,上排按钮变窄,它跟着变窄,始终等于上排宽度 */

/* 放不下时换行,而不是把前两个按钮挤扁 */
.l2-masthead-copy>div{flex-wrap:wrap}

.l2-masthead-copy>div a.l2-cta-updates{
  gap:9px;
  background:var(--l2-cream);
  color:var(--l2-ink)!important;
  /* 和旁边的描边按钮一样带 1px 边框(这里透明),天然等高,不会撑高按钮行、把下面内容顶下去 */
  border:1px solid transparent;
  box-shadow:0 3px 9px #182a2040;
}
.l2-masthead-copy>div a.l2-cta-updates span{color:var(--l2-red)!important}
.l2-masthead-copy>div a.l2-cta-updates:hover,
.l2-masthead-copy>div a.l2-cta-updates:focus-visible{
  background:#fff;
  color:var(--l2-ink)!important;
  box-shadow:0 5px 14px #182a2055;
}
.l2-masthead-copy>div a.l2-cta-updates:focus-visible{outline:2px solid var(--l2-cream);outline-offset:3px}

/* 呼吸红点:表示「这里有新东西」。系统开了「减少动态效果」时保持静止(全站已有统一规则) */
.l2-live-dot{position:relative;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--l2-red)}
.l2-live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--l2-red);animation:l2-live-ping 2.4s ease-out infinite}
@keyframes l2-live-ping{0%{transform:scale(1);opacity:.5}75%,100%{transform:scale(3.3);opacity:0}}

/* 1130px 是实测值:三个按钮同排要文字栏 ≥474px,栏宽在 1101px 处因版式切换会从 482 掉到 462,到约 1126px 才回升到 474。
   高度、字号、内边距、文字居中都沿用前两个按钮的规则(liaoyuan-v2.css),这里只定宽度:312 = 150 + 12 + 150 */
@media(max-width:1130px){
  .l2-masthead-copy>div a.l2-cta-updates{
    flex:0 0 312px;
    width:312px;
  }
}

@media(max-width:760px){
  /* 旧浏览器不认 min() 时退回通栏,别的都不用管 */
  .l2-masthead-copy>div a.l2-cta-updates{
    flex:0 0 100%;
    width:100%;
    max-width:none;
  }
  /* 宽度 = 上排两个按钮 + 间距。上排每个按钮 = min(132px, (行宽 − 36px) / 2)(liaoyuan-v2.css 第 115 行)。
     margin-right 补到整行:换行是按外框尺寸算的,外框恰好是一整行,才会另起一行,
     而不是在 ≥598px 的宽屏手机上挤到上排右边。 */
  @supports (width:calc(min(1px,2px)*2 + 1px)){
    .l2-masthead-copy>div a.l2-cta-updates{
      flex:0 0 auto;
      width:calc(min(132px,(100% - 36px)/2)*2 + 10px);
      margin-right:calc(100% - (min(132px,(100% - 36px)/2)*2 + 10px));
    }
  }
}