/* ============================================================
   立冬飘屏 —— 星点光效雪花
   + 节气印章(竖排「立冬」)
   ============================================================ */

.winter-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 3;              /* 在内容之下、导航之下 */
  overflow: hidden;
}

.winter-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* ============================================================
   ⭐ 节气印章 —— 竖排「立冬」
   ⭐ 放在「凛冬将至」标题脚边,小方印,冰蓝 + 金边
   ⭐ 关键是:字号不继承标题(标题 clamp 到 104px),
      所以这里必须用绝对值,不能用 em
   ============================================================ */

.hw-tag {
  display: inline-block;
  vertical-align: baseline;
  margin-left: .3em;
  transform: translateY(.1em);
  pointer-events: none;
  user-select: none;
  /* ⭐ 关键:不让它继承大标题的字号和字重 */
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

/* ⭐ 印身 —— 深蓝底 + 金线边框 */
.hw-tag b {
  display: inline-flex;
  flex-direction: column;      /* ⭐ 竖排 */
  align-items: center;
  justify-content: center;
  padding: 6px 5px;
  min-width: 26px;
  font-weight: 700;
  line-height: 1.04;
  color: #9fd4ff;              /* ⭐ 蓝色印文 */
  background:
    linear-gradient(160deg, rgba(20, 58, 104, .92), rgba(10, 32, 66, .94));
  border-radius: 2px;
  box-shadow:
    0 0 0 1px rgba(120, 190, 255, .4) inset,
    0 0 0 1px rgba(212, 162, 74, .55),
    0 2px 12px rgba(0, 0, 0, .55),
    0 0 18px rgba(80, 160, 255, .18);
  position: relative;
}

/* ⭐ 印的做旧质感 —— 一点点斑驳 */
.hw-tag b::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2px;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.14) 0 1px, transparent 1.5px),
    radial-gradient(circle at 72% 34%, rgba(0,0,0,.22) 0 1px, transparent 1.5px),
    radial-gradient(circle at 40% 66%, rgba(255,255,255,.09) 0 1px, transparent 1.5px);
  opacity: .8;
}

/* 每一个字 */
.hw-tag b i {
  display: block;
  font-style: normal;
  line-height: 1.1;
  font-size: 16px;
  color: #a8dcff;              /* ⭐ 蓝色 */
  text-shadow: 0 0 10px rgba(110, 190, 255, .45), 0 1px 3px rgba(0, 0, 0, .55);
}

/* ⭐ 印文微微发光 —— 呼应冰雪 */
.hw-tag b i:first-child { color: #cbe9ff; }

/* ---------- 移动端 ---------- */
@media (max-width: 760px) {
  .hw-tag { font-size: 14px; }
  .hw-tag b { min-width: 24px; padding: 5px 4px; }
  .hw-tag b i { font-size: 14px; }
}