/* ============================================================
   base.css —— 全站公共基础样式（9 个页面共用）
   内容：重置样式 / CSS 变量 / 全局动画 / 通用组件（.wrap .badge .anim .live-tag）
   ============================================================ */

/* ---------- 重置与全局 ---------- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1e293b;line-height:1.6;overflow-x:hidden;background:#f4f6f9}
a{text-decoration:none;transition:.25s}
ul,li{list-style:none}

/* ---------- CSS 变量（全站统一色板 / 阴影 / 圆角） ---------- */
:root{
  --bg:#f4f6f9;          /* 页面背景 */
  --sw:#fff;             /* 卡片白底 */
  --ac:#2563eb;          /* 主色 */
  --acp:#dbeafe;         /* 主色浅底 */
  --acg:rgba(37,99,235,.06); /* 主色淡背景 */
  --t1:#1e293b;          /* 主文字 */
  --t2:#475569;          /* 次级文字 */
  --tm:#94a3b8;          /* 弱文字 */
  --bd:#e2e8f0;          /* 边框 */
  --bdl:#f1f5f9;         /* 浅边框 */
  --red:#dc2626;         /* 警示红 */
  --redb:rgba(220,38,38,.07); /* 红色淡背景 */
  --grn:#16a34a;         /* 成功绿 */
  --sh:0 2px 8px rgba(0,0,0,.05);    /* 普通阴影 */
  --shm:0 4px 20px rgba(0,0,0,.07);  /* 中等阴影 */
  --shl:0 12px 40px rgba(0,0,0,.1);  /* 大阴影 */
  --r:10px;              /* 圆角 */
  --rl:14px;             /* 大圆角 */
}

/* ---------- 布局容器 ---------- */
.Yshiyunyuanlin-wrap{max-width:1280px;margin:0 auto;padding:0 24px}
@media(max-width:640px){.Yshiyunyuanlin-wrap{padding:0 14px}}

/* ---------- 全局动画 ---------- */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.35)}50%{box-shadow:0 0 0 5px rgba(220,38,38,0)}}
@keyframes glow{0%,100%{box-shadow:0 0 6px rgba(37,99,235,.25)}50%{box-shadow:0 0 16px rgba(37,99,235,.45)}}

/* ---------- 入场动画（分段延迟） ---------- */
.Yshiyunyuanlin-anim{opacity:0;animation:fadeUp .5s ease forwards}
.ad2{animation-delay:.06s}
.ad3{animation-delay:.12s}
.ad4{animation-delay:.18s}
.ad5{animation-delay:.24s}

/* ---------- 通用徽标 ---------- */
.Yshiyunyuanlin-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex-shrink:0;line-height:1}
.Yshiyunyuanlin-badge-t-sm{width:30px;height:30px;border-radius:50%;font-size:10px;overflow:hidden}
.Yshiyunyuanlin-badge-t-sm img{width:100%;height:100%;object-fit:contain}
.Yshiyunyuanlin-badge-t-lg{width:58px;height:58px;border-radius:50%;font-size:15px}
.Yshiyunyuanlin-badge-l{width:26px;height:26px;border-radius:6px;font-size:8px}

/* ---------- 辅助类：屏幕阅读器可见（首页左侧面板开关用） ---------- */
.Yshiyunyuanlin-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ---------- 跨页共用小组件：直播中标签（首页 / 直播详情） ---------- */
.Yshiyunyuanlin-live-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(220,38,38,.2);color:#f87171;font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px}
.Yshiyunyuanlin-live-tag .Yshiyunyuanlin-dot{width:7px;height:7px;background:#f87171;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}