/* ============================================================
   ELITE · NOIR —— 高端暗色电影感体育杂志模板
   根选择器 body.el ｜ 墨黑底 + 象牙白字 + 香槟金 ｜ 衬线大标题 ｜ 玻璃卡
   与门户式 arena 的本质区别：单条玻璃吸顶栏 + 全出血封面 + 频道徽章 + 磁贴 + 杂志排版
   五站差异：theme-1~5 换主色（红/蓝/绿/紫/橙），layout-1~5 换首页板块顺序
   Bootstrap 5.1.3：无 z-* / rounded-4-5 / object-fit-* 工具类，全部自写
   ============================================================ */

/* ---------- 设计令牌 ---------- */
body.el{
  --el-bg:#0d0f15; --el-bg2:#10131b;
  --el-surface:#161a24; --el-surface2:#1b2130; --el-surface3:#232c3c;
  --el-line:rgba(255,255,255,.09); --el-line2:rgba(255,255,255,.05);
  --el-title:#f3efe6; --el-text:#b7bfcb; --el-muted:#7a838f;
  --el-gold:#d8b46a; --el-gold-l:#ecd39a; --el-gold-d:#a67c2e;
  --el-gold-h:#d8b46a; --el-blue:#4d84ff; --el-red:#ff3b52; --el-purple:#a06bff; --el-cyan:#33cfe6; --el-green:#2fd08a; --el-rose:#ff6b9d; --el-orange:#ff9f43; --el-ink3:#232c3c;
  --el-accent:#ff3b52; --el-accent-d:#c8102e; --el-accent-l:#ff6577; --el-accent-soft:rgba(255,59,82,.16);
  --el-shadow:0 12px 34px rgba(0,0,0,.4);
  --el-shadow-lg:0 28px 70px rgba(0,0,0,.55);
  --el-radius:14px; --el-radius-lg:20px; --el-maxw:1260px;
  --el-serif:"Noto Serif SC","Source Han Serif SC",Georgia,"Songti SC","STSong",serif;
}
body.el.theme-2{ --el-accent:#4d84ff; --el-accent-d:#1b3a8f; --el-accent-l:#7aa2ff; --el-accent-soft:rgba(77,132,255,.16); }
body.el.theme-3{ --el-accent:#2fd08a; --el-accent-d:#0f7a52; --el-accent-l:#5ce0a6; --el-accent-soft:rgba(47,208,138,.16); }
body.el.theme-4{ --el-accent:#a06bff; --el-accent-d:#5b2a86; --el-accent-l:#b890ff; --el-accent-soft:rgba(160,107,255,.16); }
body.el.theme-5{ --el-accent:#ff9f43; --el-accent-d:#c9740f; --el-accent-l:#ffbb72; --el-accent-soft:rgba(255,159,67,.16); }

/* ---------- 基础 ---------- */
body.el{ background:radial-gradient(1200px 600px at 80% -10%,rgba(216,180,106,.06),transparent 60%),var(--el-bg); color:var(--el-text); font-family:"Segoe UI",Roboto,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; font-size:15px; }
body.el .el-wrap{ max-width:var(--el-maxw); margin:0 auto; padding:0 20px; }
body.el a{ color:var(--el-text); text-decoration:none; transition:color .18s ease; }
body.el a:hover{ color:var(--el-gold-l); }
body.el h1,body.el h2,body.el h3,body.el h4,body.el h5{ color:var(--el-title); font-weight:800; margin:0; font-family:var(--el-serif); letter-spacing:.01em; }
body.el img{ max-width:100%; }
.el-eyebrow{ font-family:"Segoe UI",sans-serif; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--el-gold); }
html{ scroll-behavior:smooth; scroll-padding-top:88px; }
@media (max-width:991px){ html{ scroll-padding-top:72px; } }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

/* ---------- 分类色 chip（全站通用） ---------- */
.el-cat.c-gold{ background:var(--el-gold); color:#1a1205; } .el-cat.c-blue{ background:var(--el-blue); } .el-cat.c-red{ background:var(--el-red); } .el-cat.c-purple{ background:var(--el-purple); } .el-cat.c-cyan{ background:var(--el-cyan); color:#04222a; } .el-cat.c-green{ background:var(--el-green); color:#04220f; } .el-cat.c-rose{ background:var(--el-rose); color:#2a0713; } .el-cat.c-ink{ background:var(--el-ink3); }
.el-cat{ display:inline-flex; align-items:center; gap:6px; color:#fff; font-size:11.5px; font-weight:800; letter-spacing:.03em; padding:4px 11px; border-radius:6px; font-family:"Segoe UI","PingFang SC",sans-serif; }

/* ============================================================
   HEADER · 单条玻璃吸顶栏
   ============================================================ */
body.el #el-top{ position:sticky; top:0; z-index:1050; background:rgba(13,15,21,.72); -webkit-backdrop-filter:blur(16px) saturate(1.2); backdrop-filter:blur(16px) saturate(1.2); border-bottom:1px solid rgba(216,180,106,.22); }
body.el #el-top .el-top-in{ display:flex; align-items:center; justify-content:space-between; height:70px; gap:18px; }
body.el .el-brand{ display:flex; align-items:center; gap:12px; min-width:0; }
body.el .el-brand img{ height:46px; width:auto; display:block; filter:drop-shadow(0 4px 12px rgba(0,0,0,.5)); }
body.el .el-brand-txt{ display:flex; flex-direction:column; min-width:0; }
body.el .el-brand-name{ font-family:var(--el-serif); font-size:23px; font-weight:900; color:#fff; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.el .el-brand-slogan{ font-size:9.5px; color:var(--el-gold); letter-spacing:.24em; text-transform:uppercase; white-space:nowrap; margin-top:3px; }
body.el .el-nav{ display:flex; align-items:center; }
body.el .el-nav-home{ display:inline-flex; align-items:center; gap:6px; color:#fff; font-weight:800; padding:0 16px; line-height:38px; border-radius:999px; background:linear-gradient(135deg,var(--el-accent),var(--el-accent-d)); margin-right:8px; }
body.el .el-nav-home:hover{ color:#fff; filter:brightness(1.1); }
body.el ul.el-nav-menu{ list-style:none; display:flex; align-items:center; gap:4px; margin:0; padding:0; }
body.el ul.el-nav-menu li a{ display:inline-block; color:#cfd6e0; font-weight:700; font-size:15px; padding:0 14px; line-height:70px; position:relative; font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
body.el ul.el-nav-menu li a::after{ content:""; position:absolute; left:14px; right:14px; bottom:22px; height:2px; border-radius:2px; background:var(--nc,var(--el-gold)); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
body.el ul.el-nav-menu li a:hover{ color:#fff; }
body.el ul.el-nav-menu li a:hover::after{ transform:scaleX(1); }
body.el .el-top-actions{ display:flex; align-items:center; gap:10px; }
body.el .el-search-btn{ width:42px; height:42px; border-radius:50%; border:1px solid rgba(216,180,106,.4); background:rgba(216,180,106,.08); color:var(--el-gold); cursor:pointer; font-size:15px; transition:.18s; }
body.el .el-search-btn:hover{ background:var(--el-gold); color:#1a1205; }
body.el .el-nav-toggle{ display:none; width:42px; height:42px; border-radius:10px; border:1px solid var(--el-line); background:transparent; color:#fff; cursor:pointer; font-size:18px; }

/* 搜索浮层 */
body.el .el-search{ position:fixed; inset:0; z-index:1200; background:rgba(8,10,15,.86); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); display:flex; align-items:flex-start; justify-content:center; padding-top:16vh; opacity:0; visibility:hidden; transition:.25s; }
body.el .el-search.el-show{ opacity:1; visibility:visible; }
body.el .el-search-form{ display:flex; align-items:center; width:min(680px,92vw); background:var(--el-surface); border:1px solid rgba(216,180,106,.35); border-radius:999px; padding:8px 8px 8px 26px; box-shadow:var(--el-shadow-lg); transform:translateY(-14px); transition:.25s; }
body.el .el-search.el-show .el-search-form{ transform:none; }
body.el .el-search-form input{ flex:1 1 auto; min-width:0; border:0; background:transparent; outline:none; color:#fff; font-size:18px; }
body.el .el-search-form input::placeholder{ color:#6b7480; }
body.el .el-search-form button[type=submit]{ width:48px; height:48px; border:0; border-radius:50%; background:linear-gradient(135deg,var(--el-gold-l),var(--el-gold-d)); color:#1a1205; cursor:pointer; font-size:17px; }
body.el .el-search-close{ width:48px; height:48px; border:0; background:transparent; color:#9aa4b2; cursor:pointer; font-size:28px; line-height:1; }
body.el .el-search-close:hover{ color:#fff; }

@media (max-width:991px){
  body.el #el-top .el-top-in{ height:64px; }
  body.el .el-brand img{ height:40px; }
  body.el .el-brand-name{ font-size:20px; }
  body.el .el-nav-toggle{ display:inline-flex; align-items:center; justify-content:center; }
  body.el .el-nav{ position:absolute; top:64px; left:0; right:0; flex-direction:column; align-items:stretch; background:var(--el-bg2); border-bottom:1px solid rgba(216,180,106,.22); padding:12px 18px; gap:0; display:none; box-shadow:0 18px 30px rgba(0,0,0,.5); }
  body.el .el-nav.el-open{ display:flex; }
  body.el .el-nav-home{ margin:0 0 8px; line-height:44px; justify-content:center; }
  body.el ul.el-nav-menu{ flex-direction:column; align-items:stretch; gap:0; }
  body.el ul.el-nav-menu li a{ line-height:48px; padding:0 6px; border-bottom:1px solid var(--el-line2); }
  body.el ul.el-nav-menu li a::after{ display:none; }
}

/* ============================================================
   TICKER · 暗金快讯条
   ============================================================ */
body.el .el-ticker{ background:linear-gradient(90deg,var(--el-surface),var(--el-bg2)); border-bottom:1px solid var(--el-line); }
body.el .el-ticker-in{ display:flex; align-items:center; height:50px; gap:16px; }
body.el .el-ticker-badge{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--el-gold-l),var(--el-gold-d)); color:#1a1205; font-weight:900; letter-spacing:.06em; padding:6px 15px; border-radius:8px; font-size:13.5px; }
body.el .el-ticker-badge .dot{ width:8px;height:8px;border-radius:50%;background:#1a1205; animation:el-pulse 1.2s ease-in-out infinite; }
body.el .el-ticker-view{ flex:1 1 auto; overflow:hidden; position:relative; -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
body.el .el-ticker-track{ display:inline-flex; white-space:nowrap; will-change:transform; animation:el-ticker 44s linear infinite; }
body.el .el-ticker-track:hover{ animation-play-state:paused; }
body.el .el-ticker-track a{ display:inline-flex; align-items:center; gap:9px; padding:0 24px; font-size:14px; color:#c2cad6; }
body.el .el-ticker-track a:hover{ color:#fff; }
body.el .el-ticker-track a .tk-tag{ color:#1a1205; font-weight:800; font-size:11px; border-radius:5px; padding:2px 8px; background:var(--el-gold); }
body.el .el-ticker-track a .tk-sep{ color:rgba(255,255,255,.14); }
@keyframes el-ticker{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
@keyframes el-pulse{ 0%,100%{ opacity:1; transform:scale(1);} 50%{ opacity:.35; transform:scale(.75);} }

/* ============================================================
   COVER · 全出血电影级封面 + 玻璃最新卡
   ============================================================ */
body.el .el-cover{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:74vh; overflow:hidden; isolation:isolate; }
body.el .el-cover-media{ position:absolute; inset:0; z-index:-2; }
body.el .el-cover-media img{ width:100%; height:100%; object-fit:cover; transform:scale(1.02); }
body.el .el-cover-shade{ position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(10,12,18,.55) 0%,rgba(10,12,18,.35) 34%,rgba(10,12,18,.86) 78%,var(--el-bg) 100%); }
body.el .el-cover-in{ padding:40px 0 26px; }
body.el .el-kicker{ display:inline-flex; align-items:center; gap:8px; font-family:"Segoe UI",sans-serif; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--el-accent-l); }
body.el .el-kicker i{ color:var(--el-accent); }
body.el .el-cover-title{ font-size:clamp(28px,4.6vw,60px); line-height:1.14; font-weight:900; color:#fff; margin:16px 0 14px; max-width:920px; text-shadow:0 4px 30px rgba(0,0,0,.6); }
body.el .el-cover-title a{ color:#fff; }
body.el .el-cover-title a:hover{ color:var(--el-gold-l); }
body.el .el-cover-desc{ color:#d5dbe4; font-size:16px; line-height:1.75; max-width:640px; margin:0 0 18px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-cover-meta{ display:flex; align-items:center; gap:18px; color:#c2cad6; font-size:13.5px; }
body.el .el-cover-meta i{ margin-right:6px; color:var(--el-gold); }
body.el .el-cover-read{ display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:800; margin-left:6px; background:linear-gradient(135deg,var(--el-accent),var(--el-accent-d)); padding:9px 20px; border-radius:999px; }
body.el .el-cover-read:hover{ color:#fff; filter:brightness(1.08); }
body.el .el-cover-strip-wrap{ padding:0 0 40px; }
body.el .el-cover-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
body.el .el-strip-card{ display:flex; gap:14px; align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:12px; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:transform .18s ease, background .18s ease; }
body.el .el-strip-card:hover{ transform:translateY(-4px); background:rgba(255,255,255,.1); }
body.el .el-strip-thumb{ flex:0 0 84px; width:84px; height:70px; border-radius:10px; overflow:hidden; }
body.el .el-strip-thumb img{ width:100%; height:100%; object-fit:cover; }
body.el .el-strip-body{ display:flex; flex-direction:column; gap:6px; min-width:0; }
body.el .el-strip-cat{ align-self:flex-start; font-size:11px; font-weight:800; color:var(--el-gold-l); letter-spacing:.04em; }
body.el .el-strip-title{ color:#fff; font-weight:800; font-size:15px; line-height:1.35; font-family:var(--el-serif); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-strip-card:hover .el-strip-title{ color:var(--el-gold-l); }
body.el .el-strip-meta{ color:#9aa4b2; font-size:12px; }
body.el .el-strip-meta i{ margin-right:4px; }
@media (max-width:991px){ body.el .el-cover{ min-height:60vh; } body.el .el-cover-strip{ grid-template-columns:1fr; } body.el .el-cover-strip-wrap{ padding-bottom:28px; } }

/* ============================================================
   通用区块头（杂志式：kicker + 衬线标题 + 细线）
   ============================================================ */
body.el .el-sec{ padding:56px 0; }
body.el .el-head{ display:flex; align-items:flex-end; gap:16px; margin-bottom:28px; flex-wrap:wrap; }
body.el .el-head-kicker{ font-family:"Segoe UI",sans-serif; font-size:12px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--el-accent-l); align-self:center; }
body.el .el-head-title{ position:relative; font-size:30px; font-weight:900; color:var(--el-title); white-space:nowrap; }
body.el .el-head-rule{ flex:1 1 auto; height:1px; min-width:30px; background:linear-gradient(90deg,var(--el-accent),transparent); margin-bottom:10px; }
body.el .el-head-more{ flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; color:var(--el-gold); font-size:13.5px; font-weight:800; }
body.el .el-head-more:hover{ color:var(--el-gold-l); }
@media (max-width:575px){ body.el .el-head-title{ font-size:24px; } }

/* 兼容旧类（详情页"相关推荐"等） */
body.el .el-sec-head{ display:flex; align-items:center; gap:14px; margin-bottom:22px; }
body.el .el-sec-title{ position:relative; padding-left:14px; font-size:20px; font-weight:900; color:var(--el-title); white-space:nowrap; }
body.el .el-sec-title::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:20px; border-radius:3px; background:linear-gradient(var(--el-accent-l),var(--el-accent-d)); }
body.el .el-sec-line{ flex:1 1 auto; height:1px; background:linear-gradient(90deg,rgba(216,180,106,.4),transparent); }
body.el .el-sec-more{ flex:0 0 auto; color:var(--el-gold); font-weight:800; font-size:13.5px; }

/* ============================================================
   LATEST · 磁贴 + 侧栏
   ============================================================ */
body.el .el-home-2col{ display:grid; grid-template-columns:1fr 340px; gap:28px; align-items:start; }
@media (max-width:991px){ body.el .el-home-2col{ grid-template-columns:1fr; } }
body.el .el-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media (max-width:575px){ body.el .el-tiles{ grid-template-columns:1fr; } }
body.el .el-tile{ position:relative; display:block; aspect-ratio:16/11; border-radius:var(--el-radius); overflow:hidden; box-shadow:var(--el-shadow); }
body.el .el-tile img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
body.el .el-tile:hover img{ transform:scale(1.08); }
body.el .el-tile-shade{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,10,15,.05) 30%,rgba(8,10,15,.72) 72%,rgba(8,10,15,.95) 100%); }
body.el .el-tile-cat{ position:absolute; left:12px; top:12px; }
body.el .el-tile-body{ position:absolute; left:0; right:0; bottom:0; padding:16px 18px; }
body.el .el-tile-body h3{ color:#fff; font-size:17px; line-height:1.4; font-weight:800; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-tile:hover .el-tile-body h3{ color:var(--el-gold-l); }
body.el .el-tile-meta{ display:block; margin-top:8px; color:#c2cad6; font-size:12.5px; }
body.el .el-tile-meta i{ margin:0 5px 0 10px; color:var(--el-gold); }
body.el .el-tile-meta i:first-child{ margin-left:0; }

/* 侧栏面板 */
body.el .el-panel,body.el .el-side-card{ background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius-lg); overflow:hidden; margin-bottom:20px; }
body.el .el-panel-head,body.el .el-side-card-head{ display:flex; align-items:center; gap:9px; padding:15px 18px; border-bottom:1px solid var(--el-line); background:linear-gradient(90deg,var(--el-accent-soft),transparent); }
body.el .el-panel-head h3,body.el .el-side-card-head h3{ font-size:17px; font-weight:900; color:var(--el-title); }
body.el .el-panel-head i,body.el .el-side-card-head i{ color:var(--el-gold); }
body.el .el-panel-body,body.el .el-side-card-body{ padding:8px 18px 18px; }
body.el ol.el-rank{ list-style:none; margin:0; padding:6px 0 0; }
body.el ol.el-rank li{ display:flex; gap:12px; padding:11px 0; border-bottom:1px solid var(--el-line2); }
body.el ol.el-rank li:last-child{ border-bottom:0; }
body.el ol.el-rank .rk-no{ flex:0 0 26px; height:26px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:13px; background:var(--el-surface3); color:var(--el-muted); font-variant-numeric:tabular-nums; }
body.el ol.el-rank li:nth-child(1) .rk-no{ background:linear-gradient(135deg,#ecd39a,#c9a24b); color:#3a2905; }
body.el ol.el-rank li:nth-child(2) .rk-no{ background:linear-gradient(135deg,#d7dde6,#a7b1c0); color:#2b3644; }
body.el ol.el-rank li:nth-child(3) .rk-no{ background:linear-gradient(135deg,#e6b98d,#c17a3f); color:#3a1e08; }
body.el ol.el-rank .rk-body{ min-width:0; }
body.el ol.el-rank .rk-body a{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--el-title); font-size:14px; font-weight:700; line-height:1.4; }
body.el ol.el-rank .rk-body a:hover{ color:var(--el-gold-l); }
body.el ol.el-rank .rk-meta{ color:var(--el-muted); font-size:12px; margin-top:4px; display:flex; gap:12px; }
body.el ol.el-rank .rk-meta i{ margin-right:3px; color:var(--el-gold); }
body.el .el-tagcloud{ display:flex; flex-wrap:wrap; gap:9px; padding-top:6px; }
body.el .el-tagcloud a{ display:inline-block; background:var(--el-surface2); border:1px solid var(--el-line); color:var(--el-text); border-radius:999px; padding:5px 14px; font-size:13px; font-weight:600; transition:all .15s; }
body.el .el-tagcloud a:hover{ background:linear-gradient(135deg,var(--el-gold-l),var(--el-gold-d)); border-color:transparent; color:#1a1205; transform:translateY(-1px); }
body.el .el-mini-stats{ display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:6px; }
body.el .el-mini-stat{ border-radius:12px; padding:16px 14px; text-align:center; background:var(--el-surface2); border:1px solid var(--el-line); }
body.el .el-mini-stat b{ display:block; font-size:22px; font-weight:900; line-height:1.1; color:var(--el-gold-l); font-family:var(--el-serif); }
body.el .el-mini-stat span{ font-size:12.5px; color:var(--el-muted); }

/* ============================================================
   CHANNELS · 圆形频道徽章 + 编辑式头条榜
   ============================================================ */
body.el .el-channels{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin-bottom:34px; }
@media (max-width:991px){ body.el .el-channels{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:575px){ body.el .el-channels{ grid-template-columns:repeat(2,1fr); } }
body.el .el-chan{ display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; padding:26px 12px 20px; background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius-lg); transition:transform .18s ease, border-color .18s ease; }
body.el .el-chan:hover{ transform:translateY(-6px); border-color:var(--cc,var(--el-gold)); }
body.el .el-chan-ico{ width:66px; height:66px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--cc,var(--el-gold)); background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 60%),var(--el-surface2); border:1.5px solid var(--cc,var(--el-gold)); box-shadow:0 0 0 4px rgba(255,255,255,.02), 0 8px 22px rgba(0,0,0,.4); }
body.el .el-chan-name{ font-family:var(--el-serif); font-size:16px; font-weight:800; color:var(--el-title); }
body.el .el-chan-go{ font-size:12px; font-weight:700; color:var(--el-muted); letter-spacing:.04em; }
body.el .el-chan:hover .el-chan-go{ color:var(--cc,var(--el-gold)); }
body.el .el-chan-go i{ margin-left:4px; }
body.el .el-ed-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
@media (max-width:991px){ body.el .el-ed-list{ grid-template-columns:1fr; gap:20px; } }
body.el .el-ed-col-head{ display:flex; align-items:center; gap:9px; font-family:var(--el-serif); font-size:17px; font-weight:900; color:var(--el-title); padding-bottom:12px; margin-bottom:6px; border-bottom:1px solid var(--el-line); }
body.el .el-ed-dot{ width:9px; height:9px; border-radius:50%; background:var(--cc,var(--el-gold)); box-shadow:0 0 10px var(--cc,var(--el-gold)); }
body.el .el-ed-row{ display:flex; align-items:baseline; gap:12px; padding:11px 0; border-bottom:1px dashed var(--el-line2); }
body.el .el-ed-row:hover .el-ed-txt{ color:var(--el-gold-l); }
body.el .el-ed-no{ flex:0 0 auto; font-family:var(--el-serif); font-size:16px; font-weight:900; color:var(--el-gold-d); font-variant-numeric:tabular-nums; }
body.el .el-ed-txt{ flex:1 1 auto; min-width:0; color:var(--el-text); font-size:14.5px; font-weight:600; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-ed-date{ flex:0 0 auto; color:var(--el-muted); font-size:12px; font-variant-numeric:tabular-nums; }

/* ============================================================
   BOARD · 暗色记分牌
   ============================================================ */
body.el .el-board-grid{ display:grid; grid-template-columns:1.25fr 1fr; gap:22px; align-items:start; }
@media (max-width:991px){ body.el .el-board-grid{ grid-template-columns:1fr; } }
body.el .el-score{ background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius-lg); overflow:hidden; }
body.el .el-score-head{ display:flex; align-items:center; gap:10px; padding:15px 18px; background:linear-gradient(90deg,var(--el-accent-d),var(--el-surface2)); }
body.el .el-score-head i{ color:var(--el-gold); font-size:16px; }
body.el .el-score-head h3{ color:#fff; font-size:17px; font-weight:900; }
body.el .el-score-tag{ margin-left:auto; font-size:11px; font-weight:800; color:var(--el-gold-l); background:rgba(216,180,106,.14); padding:3px 10px; border-radius:999px; }
body.el .el-table{ width:100%; border-collapse:collapse; font-size:13.5px; }
body.el .el-table thead th{ background:var(--el-bg2); color:var(--el-muted); font-size:11px; font-weight:800; letter-spacing:.04em; padding:9px 6px; text-align:center; }
body.el .el-table thead th.th-tm{ text-align:left; }
body.el .el-table tbody tr{ border-bottom:1px solid var(--el-line2); }
body.el .el-table tbody tr:last-child{ border-bottom:0; }
body.el .el-table tbody tr.ucl{ box-shadow:inset 3px 0 0 var(--el-blue); }
body.el .el-table tbody tr.uel{ box-shadow:inset 3px 0 0 var(--el-gold); }
body.el .el-table td{ padding:9px 6px; text-align:center; color:var(--el-text); font-variant-numeric:tabular-nums; }
body.el .el-table td.td-tm{ text-align:left; font-weight:800; color:var(--el-title); }
body.el .el-table .rk-badge{ display:inline-flex; width:22px; height:22px; border-radius:6px; align-items:center; justify-content:center; background:var(--el-surface3); color:var(--el-muted); font-weight:900; font-size:12px; }
body.el .el-table tr.ucl .rk-badge{ background:rgba(77,132,255,.18); color:var(--el-blue); }
body.el .el-table tr.uel .rk-badge{ background:rgba(216,180,106,.18); color:var(--el-gold-l); }
body.el .el-table td.td-pts{ font-weight:900; color:var(--el-gold-l); font-size:15px; }
body.el .el-score-legend{ display:flex; gap:18px; padding:10px 18px; font-size:12px; color:var(--el-muted); border-top:1px solid var(--el-line); }
body.el .el-score-legend i{ display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:middle; }
body.el .el-score-legend i.lg-ucl{ background:var(--el-blue); }
body.el .el-score-legend i.lg-uel{ background:var(--el-gold); }
body.el ul.el-fix{ list-style:none; margin:0; padding:8px 0; }
body.el .el-fix-row{ display:grid; grid-template-columns:52px 1fr auto; grid-template-areas:"time league st" "teams teams st"; gap:2px 10px; padding:12px 18px; border-bottom:1px solid var(--el-line2); align-items:center; }
body.el .el-fix-row:last-child{ border-bottom:0; }
body.el .el-fix-row.fx-live{ background:linear-gradient(90deg,rgba(216,180,106,.1),transparent); }
body.el .fx-time{ grid-area:time; font-weight:900; font-size:14px; color:var(--el-title); font-variant-numeric:tabular-nums; }
body.el .fx-time.live{ color:var(--el-gold-l); }
body.el .fx-league{ grid-area:league; font-size:11px; font-weight:800; color:var(--el-blue); background:rgba(77,132,255,.14); padding:2px 8px; border-radius:5px; align-self:center; }
body.el .fx-teams{ grid-area:teams; font-size:14px; color:var(--el-title); }
body.el .fx-teams b{ font-weight:800; } body.el .fx-teams em{ font-style:normal; color:var(--el-muted); font-size:12px; margin:0 6px; }
body.el .fx-st{ grid-area:st; align-self:center; font-size:11px; font-weight:800; padding:3px 9px; border-radius:5px; }
body.el .fx-st.live{ background:var(--el-accent); color:#fff; animation:el-pulse 1.4s ease-in-out infinite; }
body.el .fx-st.ft{ background:var(--el-surface3); color:var(--el-muted); }
body.el .fx-st.upcoming{ background:rgba(47,208,138,.14); color:var(--el-green); }
body.el .el-fix-more{ display:flex; align-items:center; justify-content:center; gap:8px; margin:8px 18px 18px; padding:12px; background:linear-gradient(135deg,var(--el-accent),var(--el-accent-d)); color:#fff; font-weight:800; border-radius:10px; }
body.el .el-fix-more:hover{ color:#fff; filter:brightness(1.08); }

/* ============================================================
   GALLERY · 图集
   ============================================================ */
body.el .el-gallery{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:180px; gap:14px; }
body.el .el-g-item{ position:relative; display:block; border-radius:var(--el-radius); overflow:hidden; box-shadow:var(--el-shadow); }
body.el .el-g-item.el-g-big{ grid-column:span 2; grid-row:span 2; }
body.el .el-g-item img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
body.el .el-g-item:hover img{ transform:scale(1.08); }
body.el .el-g-cap{ position:absolute; left:0; right:0; bottom:0; padding:14px; background:linear-gradient(180deg,transparent,rgba(8,10,15,.92)); }
body.el .el-g-cap h3{ color:#fff; font-size:14px; font-weight:800; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-g-big .el-g-cap h3{ font-size:20px; }
body.el .el-g-cap .el-cat{ margin-bottom:8px; }
@media (max-width:991px){ body.el .el-gallery{ grid-template-columns:repeat(2,1fr); grid-auto-rows:150px; } }
@media (max-width:575px){ body.el .el-gallery{ grid-template-columns:1fr 1fr; grid-auto-rows:120px; } body.el .el-g-cap h3{ font-size:12px; } }

/* ============================================================
   REVIEWS · 杂志式引言
   ============================================================ */
body.el .el-reviews{ background:linear-gradient(180deg,var(--el-bg),var(--el-bg2)); border-top:1px solid var(--el-line); border-bottom:1px solid var(--el-line); }
body.el .el-reviews-score{ color:var(--el-gold-l); }
body.el .el-rv-grid{ display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:1fr; gap:18px; }
body.el .el-rv-card{ position:relative; display:flex; flex-direction:column; background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius-lg); overflow:hidden; }
body.el .el-rv-media{ position:relative; flex:0 0 auto; height:150px; overflow:hidden; }
body.el .el-rv-media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
body.el .el-rv-card:hover .el-rv-media img{ transform:scale(1.07); }
body.el .el-rv-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(11,14,20,.55) 100%); }
body.el .el-rv-main{ display:flex; flex-direction:column; padding:22px 24px 24px; }
body.el .el-rv-big{ grid-column:span 2; grid-row:span 2; flex-direction:row; border-color:rgba(216,180,106,.28); }
body.el .el-rv-big .el-rv-media{ flex:0 0 46%; height:auto; }
body.el .el-rv-big .el-rv-media::after{ background:linear-gradient(90deg,transparent 55%,rgba(11,14,20,.5) 100%); }
body.el .el-rv-big .el-rv-main{ flex:1 1 auto; justify-content:center; padding:34px 36px; background:radial-gradient(600px 240px at 20% 0%,rgba(216,180,106,.08),transparent 60%); }
body.el .el-rv-mark{ color:var(--el-accent-l); font-size:22px; margin-bottom:14px; }
body.el .el-rv-big .el-rv-mark{ font-size:34px; }
body.el .el-rv-card blockquote{ margin:0 0 18px; color:#d5dbe4; font-size:14.5px; line-height:1.8; font-family:var(--el-serif); }
body.el .el-rv-big blockquote{ font-size:clamp(18px,2.2vw,26px); line-height:1.6; color:#fff; }
body.el .el-rv-foot{ margin-top:auto; display:flex; align-items:center; gap:12px; }
body.el .el-rv-av{ flex:0 0 44px; width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:var(--el-gold-l); font-weight:900; font-size:18px; font-family:var(--el-serif); background:var(--el-surface3); border:1.5px solid rgba(216,180,106,.4); }
body.el .el-rv-who{ display:flex; flex-direction:column; line-height:1.3; }
body.el .el-rv-who strong{ color:#fff; font-size:14px; }
body.el .el-rv-who span{ color:var(--el-muted); font-size:12px; }
body.el .el-rv-stars{ margin-left:auto; color:var(--el-gold); font-size:13px; letter-spacing:2px; }
@media (max-width:991px){ body.el .el-rv-grid{ grid-template-columns:1fr 1fr; } body.el .el-rv-big{ grid-column:span 2; grid-row:auto; } }
@media (max-width:575px){ body.el .el-rv-grid{ grid-template-columns:1fr; } body.el .el-rv-big{ grid-column:auto; flex-direction:column; } body.el .el-rv-big .el-rv-media{ flex:0 0 auto; height:170px; } }

/* ============================================================
   PROMO · 专题大图
   ============================================================ */
body.el .el-promo{ position:relative; border-radius:var(--el-radius-lg); overflow:hidden; min-height:260px; display:flex; align-items:center; box-shadow:var(--el-shadow-lg); }
body.el .el-promo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
body.el .el-promo .el-promo-mask{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,12,18,.95) 0%,rgba(10,12,18,.66) 55%,rgba(10,12,18,.2) 100%); }
body.el .el-promo .el-promo-body{ position:relative; padding:36px 40px; max-width:680px; }
body.el .el-promo .el-promo-body h3{ color:#fff; font-size:clamp(21px,2.4vw,32px); margin:12px 0 12px; line-height:1.28; }
body.el .el-promo .el-promo-body p{ color:#d5dbe4; font-size:14.5px; line-height:1.7; margin:0 0 18px; }
body.el .el-promo .el-promo-btn{ display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--el-accent),var(--el-accent-d)); color:#fff; font-weight:800; padding:12px 26px; border-radius:8px; box-shadow:0 8px 22px rgba(0,0,0,.4); }
body.el .el-promo .el-promo-btn:hover{ filter:brightness(1.08); color:#fff; }

/* ============================================================
   详情页 · article
   ============================================================ */
body.el .el-crumb{ font-size:13px; color:var(--el-muted); padding:16px 0; }
body.el .el-crumb a{ color:var(--el-muted); } body.el .el-crumb a:hover{ color:var(--el-gold-l); }
body.el .el-crumb .sep{ margin:0 7px; color:var(--el-line); }
body.el .el-article-2col{ display:grid; grid-template-columns:1fr 320px; gap:28px; align-items:start; padding-bottom:44px; }
@media (max-width:991px){ body.el .el-article-2col{ grid-template-columns:1fr; } }
body.el .el-article{ background:var(--el-surface); border:1px solid var(--el-line); border-top:3px solid var(--el-gold); border-radius:var(--el-radius-lg); box-shadow:var(--el-shadow); padding:34px 38px 38px; }
@media (max-width:575px){ body.el .el-article{ padding:20px 16px 24px; } }
body.el .el-article h1.el-art-title{ font-size:clamp(24px,3.4vw,38px); line-height:1.32; font-weight:900; margin:16px 0 18px; color:#fff; }
body.el .el-art-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; padding:14px 0; border-top:1px solid var(--el-line); border-bottom:1px solid var(--el-line); color:var(--el-muted); font-size:13.5px; }
body.el .el-art-meta i{ margin-right:6px; color:var(--el-gold); }
body.el .el-art-meta .el-art-brand{ color:#1a1205; font-weight:800; background:linear-gradient(135deg,var(--el-gold-l),var(--el-gold-d)); padding:4px 12px; border-radius:6px; }
body.el .mipcms-detail-body{ font-size:16.5px; line-height:2.05; color:#d6dce5; margin-top:24px; }
body.el .mipcms-detail-body p,body.el .mipcms-detail-body div{ margin:0 0 18px; color:#d6dce5; }
body.el .mipcms-detail-body h2{ font-size:22px; font-weight:900; color:var(--el-title); margin:32px 0 14px; padding-left:14px; border-left:3px solid var(--el-gold); line-height:1.4; }
body.el .mipcms-detail-body h3{ font-size:18px; font-weight:800; margin:22px 0 12px; color:var(--el-title); }
body.el .mipcms-detail-body a{ color:var(--el-gold-l); }
body.el .mipcms-detail-body img{ width:100%; height:auto; border-radius:var(--el-radius); margin:14px 0; box-shadow:var(--el-shadow); }
body.el .mipcms-detail-body figure.art-lead{ margin:14px 0 24px; }
body.el .mipcms-detail-body figure.art-lead img{ border-radius:var(--el-radius-lg); box-shadow:var(--el-shadow-lg); }
body.el .mipcms-detail-body figure.art-lead figcaption{ text-align:center; color:var(--el-muted); font-size:12.5px; margin-top:8px; }
body.el .mipcms-detail-body ul,body.el .mipcms-detail-body ol{ padding-left:24px; margin:0 0 18px; }
body.el .mipcms-detail-body li{ margin:0 0 8px; color:#d6dce5; }
body.el .mipcms-detail-body strong,body.el .mipcms-detail-body b{ color:#fff; }
body.el .mipcms-detail-body blockquote{ border-left:3px solid var(--el-gold); background:var(--el-surface2); margin:0 0 18px; padding:14px 18px; border-radius:0 10px 10px 0; color:var(--el-text); }
body.el .mipcms-detail-body table{ width:100%; border-collapse:collapse; margin:0 0 18px; font-size:15px; }
body.el .mipcms-detail-body th,body.el .mipcms-detail-body td{ border:1px solid var(--el-line); padding:9px 12px; text-align:left; }
body.el .mipcms-detail-body th{ background:var(--el-ink3); color:#fff; }
body.el .mipcms-detail-body img.page-img{ max-width:680px; margin:0 auto; display:block; }
body.el .el-art-tags{ display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:26px; padding-top:20px; border-top:1px solid var(--el-line); }
body.el .el-art-tags .lab{ color:var(--el-muted); font-size:13px; font-weight:700; margin-right:4px; }
body.el .el-art-tags a{ background:var(--el-surface2); border:1px solid var(--el-line); border-radius:999px; padding:5px 14px; font-size:13px; font-weight:600; color:var(--el-text); }
body.el .el-art-tags a:hover{ background:var(--el-gold); color:#1a1205; border-color:var(--el-gold); }
body.el .el-prevnext{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px; }
body.el .el-prevnext a{ background:var(--el-surface2); border:1px solid var(--el-line); border-radius:var(--el-radius); padding:14px 16px; display:flex; flex-direction:column; gap:5px; }
body.el .el-prevnext a:hover{ border-color:var(--el-gold); }
body.el .el-prevnext a .pn-lab{ font-size:12px; color:var(--el-muted); }
body.el .el-prevnext a .pn-title{ font-size:14.5px; font-weight:700; color:var(--el-title); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-prevnext a.next{ text-align:right; }
@media (max-width:575px){ body.el .el-prevnext{ grid-template-columns:1fr; } body.el .el-prevnext a.next{ text-align:left; } }

/* ============================================================
   列表页 · 栏目/标签/搜索
   ============================================================ */
body.el .el-pagehead{ background:radial-gradient(600px 220px at 90% -60%,rgba(216,180,106,.16),transparent 60%),linear-gradient(120deg,var(--el-ink3),var(--el-surface)); color:#fff; border-radius:var(--el-radius-lg); padding:30px 32px; margin:22px 0; box-shadow:var(--el-shadow); position:relative; overflow:hidden; border-bottom:2px solid var(--el-gold); }
body.el .el-pagehead h1{ color:#fff; font-size:27px; font-weight:900; margin-bottom:8px; }
body.el .el-pagehead h1 i{ color:var(--el-gold); }
body.el .el-pagehead .el-pagehead-sub{ color:#c2cad6; font-size:13.5px; }
/* 列表行（article-list） */
body.el .el-listpage .el-news-item{ display:flex; gap:18px; padding:18px; background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius); margin-bottom:16px; transition:border-color .18s ease, transform .18s ease; }
body.el .el-listpage .el-news-item:hover{ border-color:rgba(216,180,106,.4); transform:translateY(-2px); }
body.el .el-news-thumb{ position:relative; flex:0 0 240px; height:150px; border-radius:10px; overflow:hidden; }
body.el .el-news-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
body.el .el-news-item:hover .el-news-thumb img{ transform:scale(1.07); }
body.el .el-news-thumb .el-cat{ position:absolute; left:0; top:0; border-radius:10px 0 10px 0; }
body.el .el-news-body{ min-width:0; display:flex; flex-direction:column; }
body.el .el-news-body h3{ font-size:19px; line-height:1.4; font-weight:800; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-news-body h3 a{ color:var(--el-title); }
body.el .el-news-item:hover .el-news-body h3 a{ color:var(--el-gold-l); }
body.el .el-news-desc{ color:var(--el-muted); font-size:13.5px; line-height:1.7; margin:0 0 10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-news-meta{ margin-top:auto; display:flex; align-items:center; gap:16px; color:var(--el-muted); font-size:12.5px; }
body.el .el-news-meta i{ margin-right:5px; color:var(--el-gold); }
@media (max-width:575px){ body.el .el-listpage .el-news-item{ padding:12px; gap:12px; } body.el .el-news-thumb{ flex-basis:120px; height:92px; } body.el .el-news-body h3{ font-size:15px; } body.el .el-news-desc{ display:none; } }

body.el .el-paginate{ display:flex; justify-content:center; align-items:center; gap:8px; margin:30px 0 6px; flex-wrap:wrap; }
body.el .el-paginate a,body.el .el-paginate span{ min-width:40px; height:40px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; background:var(--el-surface); border:1px solid var(--el-line); border-radius:9px; color:var(--el-text); font-weight:700; font-size:14px; }
body.el .el-paginate a:hover{ border-color:var(--el-gold); color:var(--el-gold-l); }
body.el .el-paginate .current,body.el .el-paginate .el-cur{ background:linear-gradient(135deg,var(--el-gold-l),var(--el-gold-d)); border-color:var(--el-gold); color:#1a1205; }

/* ============================================================
   FOOTER · 大字标 + 精简栏
   ============================================================ */
body.el #el-footer{ background:linear-gradient(180deg,var(--el-bg2),#080a0f); color:#98a1af; margin-top:20px; border-top:1px solid rgba(216,180,106,.2); }
body.el .el-foot-word{ padding:44px 0 8px; overflow:hidden; }
body.el .el-foot-word span{ font-family:var(--el-serif); font-size:clamp(26px,4.6vw,56px); font-weight:700; letter-spacing:.03em; line-height:1.12; color:transparent; background:linear-gradient(180deg,var(--el-gold-l) 0%,var(--el-gold) 52%,var(--el-gold-d) 100%); -webkit-background-clip:text; background-clip:text; white-space:nowrap; }
body.el .el-foot-top{ display:grid; grid-template-columns:1.4fr 1.6fr; gap:40px; padding:26px 0 30px; border-bottom:1px solid var(--el-line); }
@media (max-width:991px){ body.el .el-foot-top{ grid-template-columns:1fr; gap:26px; } }
body.el .el-foot-logo{ display:inline-flex; align-items:center; gap:12px; }
body.el .el-foot-logo img{ height:46px; width:auto; border-radius:8px; }
body.el .el-foot-logo span{ font-family:var(--el-serif); font-size:20px; font-weight:900; color:#fff; }
body.el .el-foot-brand p{ font-size:13.5px; line-height:1.8; color:#8b95a3; max-width:360px; margin:14px 0 16px; }
body.el .el-foot-contact{ display:flex; flex-direction:column; gap:8px; font-size:13px; color:#98a1af; }
body.el .el-foot-contact i{ color:var(--el-gold); margin-right:7px; }
body.el .el-foot-contact a{ color:#98a1af; } body.el .el-foot-contact a:hover{ color:var(--el-gold-l); }
body.el .el-foot-cols{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
body.el .el-foot-col h4{ color:#fff; font-size:14px; font-weight:800; letter-spacing:.06em; margin-bottom:16px; text-transform:uppercase; position:relative; padding-bottom:10px; font-family:"Segoe UI","PingFang SC",sans-serif; }
body.el .el-foot-col h4::after{ content:""; position:absolute; left:0; bottom:0; width:26px; height:2px; border-radius:2px; background:var(--el-gold); }
body.el .el-foot-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
body.el .el-foot-col ul li a{ color:#98a1af; font-size:13.5px; }
body.el .el-foot-col ul li a:hover{ color:var(--el-gold-l); padding-left:3px; }
body.el .el-foot-bottom{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:22px 0; font-size:12.5px; color:#7c8592; }
body.el .el-foot-bottom a{ color:#98a1af; } body.el .el-foot-bottom a:hover{ color:#fff; }
body.el .el-foot-bottom .el-foot-links{ display:flex; gap:16px; flex-wrap:wrap; }
body.el .el-foot-strong{ color:var(--el-gold-l); font-weight:800; }
@media (max-width:575px){ body.el .el-foot-cols{ grid-template-columns:1fr; } }

/* ============================================================
   回到顶部 / 404 / 空态 / 杂项
   ============================================================ */
body.el .el-totop{ position:fixed; right:22px; bottom:26px; width:48px; height:48px; border-radius:14px; background:linear-gradient(135deg,var(--el-gold-l),var(--el-gold-d)); color:#1a1205; display:flex; align-items:center; justify-content:center; font-size:18px; box-shadow:0 10px 26px rgba(216,180,106,.36); opacity:0; visibility:hidden; transform:translateY(12px); transition:.25s; z-index:1040; }
body.el .el-totop.show{ opacity:1; visibility:visible; transform:none; }
body.el .el-totop:hover{ filter:brightness(1.08); color:#1a1205; }
body.el .el-empty{ text-align:center; color:var(--el-muted); padding:60px 0; }
body.el .el-empty i{ font-size:40px; color:var(--el-surface3); display:block; margin-bottom:14px; }
body.el .el-404{ min-height:60vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:60px 16px; }
body.el .el-404 .code{ font-family:var(--el-serif); font-size:140px; font-weight:900; line-height:.9; background:linear-gradient(135deg,var(--el-gold-l),var(--el-gold-d)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:-4px; }
body.el .el-404 h1{ font-size:26px; margin:14px 0 8px; color:#fff; }
body.el .el-404 p{ color:var(--el-muted); margin-bottom:24px; }
body.el .el-404 .el-btn-home{ display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,var(--el-accent),var(--el-accent-d)); color:#fff; font-weight:800; padding:12px 26px; border-radius:10px; }
body.el .el-404 .el-btn-home:hover{ color:#fff; filter:brightness(1.08); }

body.el .mipcms-main{ margin-top:0; padding:0; }
body.el .mip-box{ background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius); margin-bottom:18px; overflow:hidden; }
body.el .mip-box-heading{ background:var(--el-surface2); border-bottom:1px solid var(--el-line); padding:14px 16px; }
body.el .mip-box-heading h3,body.el .mip-box-heading h1{ font-size:16px; font-weight:800; margin:0; color:var(--el-title); }
body.el .mip-box-body{ padding:16px; }
body.el .tags,body.el ul.tags{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
body.el .tags li a,body.el ul.tags li a{ display:inline-block; background:var(--el-surface2); border:1px solid var(--el-line); color:var(--el-text); padding:4px 13px; border-radius:999px; font-size:12.5px; white-space:nowrap; }
body.el .tags li a:hover,body.el ul.tags li a:hover{ background:var(--el-gold); color:#1a1205; border-color:var(--el-gold); }
body.el .pull-right{ float:right !important; }

/* ============================================================
   STATS · 数据成就条
   ============================================================ */
body.el .el-stats{ background:linear-gradient(90deg,var(--el-surface),var(--el-bg2)); border-top:1px solid var(--el-line); border-bottom:1px solid var(--el-line); }
body.el .el-stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); }
body.el .el-stat{ text-align:center; padding:30px 12px; border-left:1px solid var(--el-line2); }
body.el .el-stat:first-child{ border-left:0; }
body.el .el-stat b{ display:block; font-family:var(--el-serif); font-size:clamp(28px,3.4vw,44px); font-weight:900; line-height:1; color:var(--el-gold-l); }
body.el .el-stat span{ display:block; margin-top:8px; font-size:13px; letter-spacing:.08em; color:var(--el-muted); }
@media (max-width:767px){ body.el .el-stats-grid{ grid-template-columns:1fr 1fr; } body.el .el-stat:nth-child(3){ border-left:0; } body.el .el-stat{ padding:22px 10px; } }

/* ============================================================
   SCORERS · 射手榜
   ============================================================ */
body.el .el-scorers-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:32px; align-items:center; }
@media (max-width:991px){ body.el .el-scorers-grid{ grid-template-columns:1fr; gap:18px; } }
body.el .el-head-col{ flex-direction:column; align-items:flex-start; gap:10px; }
body.el .el-head-col .el-head-rule{ width:60px; flex:none; margin:0; }
body.el .el-scorers-note{ color:var(--el-muted); font-size:14px; line-height:1.8; margin:6px 0 0; }
body.el ol.el-scorers{ list-style:none; margin:0; padding:0; background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius-lg); overflow:hidden; }
body.el ol.el-scorers li{ border-bottom:1px solid var(--el-line2); }
body.el ol.el-scorers li:last-child{ border-bottom:0; }
body.el ol.el-scorers a{ display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:14px; padding:15px 20px; }
body.el ol.el-scorers a:hover{ background:var(--el-accent-soft); }
body.el .sc-rk{ width:32px; height:32px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; font-family:var(--el-serif); font-weight:900; font-size:15px; background:var(--el-surface3); color:var(--el-muted); }
body.el .sc-rk-1{ background:linear-gradient(135deg,#ecd39a,#c9a24b); color:#3a2905; }
body.el .sc-rk-2{ background:linear-gradient(135deg,#d7dde6,#a7b1c0); color:#2b3644; }
body.el .sc-rk-3{ background:linear-gradient(135deg,#e6b98d,#c17a3f); color:#3a1e08; }
body.el .sc-name{ color:var(--el-title); font-weight:800; font-size:16px; font-family:var(--el-serif); }
body.el .sc-club{ color:var(--el-muted); font-size:13px; grid-column:2; margin-top:-4px; }
body.el ol.el-scorers a{ grid-template-areas:"rk name goals" "rk club goals"; }
body.el .sc-rk{ grid-area:rk; } body.el .sc-name{ grid-area:name; } body.el .sc-club{ grid-area:club; } body.el .sc-goals{ grid-area:goals; }
body.el .sc-goals{ font-family:var(--el-serif); font-weight:900; font-size:24px; color:var(--el-accent-l); }
body.el .sc-goals i{ font-style:normal; font-size:12px; color:var(--el-muted); margin-left:3px; }

/* ============================================================
   TOPICS · 热门话题榜
   ============================================================ */
body.el ol.el-topics{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px 24px; counter-reset:tp; }
@media (max-width:991px){ body.el ol.el-topics{ grid-template-columns:1fr 1fr; } }
@media (max-width:575px){ body.el ol.el-topics{ grid-template-columns:1fr; } }
body.el ol.el-topics a{ display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--el-line); border-radius:12px; background:var(--el-surface); transition:border-color .16s ease, transform .16s ease; }
body.el ol.el-topics a:hover{ border-color:var(--el-accent); transform:translateX(3px); }
body.el .tp-no{ font-family:var(--el-serif); font-weight:900; font-size:18px; color:var(--el-gold-d); flex:0 0 auto; width:26px; }
body.el ol.el-topics li:nth-child(-n+3) .tp-no{ color:var(--el-accent-l); }
body.el .tp-name{ flex:1 1 auto; min-width:0; color:var(--el-title); font-weight:700; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.el .tp-hot{ flex:0 0 auto; color:var(--el-muted); font-size:12.5px; }
body.el .tp-hot i{ color:var(--el-accent); margin-right:4px; }

/* ============================================================
   MANIFESTO · 品牌宣言带
   ============================================================ */
body.el .el-manifesto{ position:relative; overflow:hidden; isolation:isolate; margin:20px 0; }
body.el .el-manifesto-media{ position:absolute; inset:0; z-index:-2; }
body.el .el-manifesto-media img{ width:100%; height:100%; object-fit:cover; }
body.el .el-manifesto-shade{ position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(10,12,18,.94) 0%,rgba(10,12,18,.82) 46%,rgba(10,12,18,.4) 100%); }
body.el .el-manifesto-in{ padding:66px 0; max-width:720px; }
body.el .el-manifesto-in h2{ color:#fff; font-size:clamp(22px,3vw,38px); line-height:1.3; margin:14px 0 16px; }
body.el .el-manifesto-in p{ color:#d5dbe4; font-size:16px; line-height:1.9; margin:0 0 22px; }
body.el .el-manifesto-tags{ display:flex; flex-wrap:wrap; gap:12px; }
body.el .el-manifesto-tags span{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700; color:var(--el-gold-l); border:1px solid rgba(216,180,106,.35); background:rgba(216,180,106,.08); padding:8px 16px; border-radius:999px; }
body.el .el-manifesto-tags i{ color:var(--el-gold); }
@media (max-width:575px){ body.el .el-manifesto-in{ padding:44px 0; } }

/* ============================================================
   SCHEDULE · 近期看点时间轴
   ============================================================ */
body.el ol.el-sched{ list-style:none; margin:0; padding:0; position:relative; }
body.el ol.el-sched::before{ content:""; position:absolute; left:34px; top:12px; bottom:12px; width:2px; background:linear-gradient(180deg,var(--el-accent),var(--el-gold),transparent); }
body.el .el-sched-item{ display:grid; grid-template-columns:70px 1fr; gap:18px; align-items:stretch; padding:0 0 18px; }
body.el .el-sched-node{ display:flex; align-items:flex-start; justify-content:center; }
body.el .sn-date{ position:relative; z-index:1; width:58px; padding:8px 0 9px; text-align:center; border-radius:12px; background:var(--el-surface2); border:1px solid var(--el-line); box-shadow:0 6px 18px rgba(0,0,0,.28); }
body.el .sn-date b{ display:block; font-family:var(--el-serif); font-size:22px; font-weight:900; color:var(--el-gold-l); line-height:1; }
body.el .sn-date i{ display:block; font-style:normal; font-size:11.5px; color:var(--el-muted); margin-top:3px; letter-spacing:.05em; }
body.el .el-sched-card{ background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius-lg); padding:16px 20px; transition:border-color .16s ease, transform .16s ease; }
body.el .el-sched-card:hover{ border-color:var(--el-accent); transform:translateY(-2px); }
body.el .el-sched-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.el .el-sched-cat{ font-size:12px; font-weight:800; padding:3px 11px; border-radius:999px; color:var(--el-ink,#0b0d12); background:var(--nc,var(--el-gold)); }
body.el .el-sched-cat.c-gold{ background:var(--el-gold); } body.el .el-sched-cat.c-blue{ background:#4d84ff; } body.el .el-sched-cat.c-red{ background:#ff3b52; } body.el .el-sched-cat.c-purple{ background:#a06bff; } body.el .el-sched-cat.c-cyan{ background:#22c3d6; } body.el .el-sched-cat.c-green{ background:#2fd08a; } body.el .el-sched-cat.c-rose{ background:#ff6ea9; } body.el .el-sched-cat.c-ink{ background:#c7cede; }
body.el .el-sched-time{ font-size:12.5px; color:var(--el-muted); } body.el .el-sched-time i{ margin-right:5px; }
body.el .el-sched-title{ margin:10px 0 6px; font-size:18px; font-weight:800; line-height:1.4; }
body.el .el-sched-title a{ color:var(--el-title); }
body.el .el-sched-title a:hover{ color:var(--el-gold-l); }
body.el .el-sched-desc{ margin:0 0 10px; color:var(--el-text); font-size:14px; line-height:1.75; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body.el .el-sched-go{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:800; color:var(--el-accent-l); }
@media (max-width:575px){ body.el ol.el-sched::before{ left:26px; } body.el .el-sched-item{ grid-template-columns:54px 1fr; gap:12px; } body.el .sn-date{ width:46px; } body.el .sn-date b{ font-size:18px; } }

/* ============================================================
   FAQ · 常见问题手风琴
   ============================================================ */
body.el .el-faq{ display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; align-items:start; }
@media (max-width:860px){ body.el .el-faq{ grid-template-columns:1fr; } }
body.el .el-faq-item{ background:var(--el-surface); border:1px solid var(--el-line); border-radius:var(--el-radius-lg); overflow:hidden; transition:border-color .16s ease; }
body.el .el-faq-item[open]{ border-color:var(--el-accent); }
body.el .el-faq-item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:14px; padding:16px 18px; }
body.el .el-faq-item summary::-webkit-details-marker{ display:none; }
body.el .fq-no{ flex:0 0 auto; font-family:var(--el-serif); font-weight:900; font-size:15px; color:var(--el-gold-d); }
body.el .fq-q{ flex:1 1 auto; color:var(--el-title); font-weight:800; font-size:15.5px; line-height:1.5; }
body.el .fq-ic{ flex:0 0 auto; color:var(--el-accent-l); font-size:14px; transition:transform .2s ease; }
body.el .el-faq-item[open] .fq-ic{ transform:rotate(45deg); }
body.el .fq-a{ display:flex; gap:14px; padding:0 18px 18px; }
body.el .fq-a p{ margin:0; color:var(--el-text); font-size:14px; line-height:1.85; }
body.el .fq-no-pad{ visibility:hidden; }
body.el .el-head-tip{ color:var(--el-muted); font-weight:700; }