/* ============ 统一站点外壳 v2：分组导航 + 可点击卡片 + Reels ============ */
:root{--sh-bg:#0b0e13;--sh-bg2:#12161d;--sh-line:rgba(255,255,255,.10);--sh-txt:#e9edf3;--sh-mut:#93a0b3}
.*-header{position:sticky;top:0;z-index:200}
#shHeader{position:sticky;top:0;z-index:2000;background:rgba(9,12,16,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--sh-line)}
body.tx #shHeader,body.tx-body #shHeader{background:rgba(6,9,14,.92)}
body.kx #shHeader,body.kx-body #shHeader{background:rgba(10,7,5,.92)}
#shHeader .sh-wrap{max-width:1280px;margin:0 auto;padding:0 22px;height:74px;display:flex;align-items:center;gap:26px}
#shHeader .sh-logo{flex:0 0 auto;display:flex;align-items:center}
#shHeader .sh-logo img{height:40px;width:auto;display:block}
#shHeader .sh-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
#shHeader .sh-item{position:relative}
#shHeader .sh-link{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:9px;font-size:15px;font-weight:600;color:var(--sh-txt);text-decoration:none;background:none;border:0;cursor:pointer;letter-spacing:.2px;white-space:nowrap;transition:.18s}
#shHeader .sh-link:hover{background:rgba(255,255,255,.07)}
#shHeader .sh-link .sh-cv{width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.22s;opacity:.75}
#shHeader .sh-item.open .sh-link .sh-cv{transform:rotate(-135deg) translateY(-2px)}
#shHeader .sh-cta{display:inline-flex;align-items:center;padding:11px 22px;border-radius:9px;font-size:14px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:.2s}
#shHeader .sh-burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--sh-line);background:rgba(255,255,255,.04);cursor:pointer;margin-left:auto;position:relative}
#shHeader .sh-burger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px;transition:.25s}
#shHeader .sh-burger span:nth-child(1){top:15px}#shHeader .sh-burger span:nth-child(2){top:21px}#shHeader .sh-burger span:nth-child(3){top:27px}
body.sh-nav-open #shHeader .sh-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.sh-nav-open #shHeader .sh-burger span:nth-child(2){opacity:0}
body.sh-nav-open #shHeader .sh-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* mega panel */
.sh-mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);width:640px;background:var(--sh-bg2);border:1px solid var(--sh-line);border-radius:16px;padding:14px;opacity:0;visibility:hidden;transition:.2s;box-shadow:0 26px 60px rgba(0,0,0,.55)}
.sh-item.open .sh-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sh-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sh-mega-a{display:block;padding:13px 14px;border-radius:11px;text-decoration:none;transition:.16s;border:1px solid transparent}
.sh-mega-a:hover{background:rgba(255,255,255,.05);border-color:var(--sh-line)}
.sh-mega-t{display:block;color:#fff;font-size:14.5px;font-weight:700;margin-bottom:3px}
.sh-mega-d{display:block;color:var(--sh-mut);font-size:12.5px;letter-spacing:.2px}
/* mobile drawer */
@media(max-width:1080px){
  #shHeader{backdrop-filter:none;-webkit-backdrop-filter:none;background:#080b10}
  #shHeader .sh-nav{position:fixed;top:74px;left:0;right:0;bottom:0;background:#080b10;flex-direction:column;align-items:stretch;gap:0;padding:18px 16px 40px;margin:0;overflow-y:auto;transform:translateX(100%);transition:.28s;z-index:1999}
  body.sh-nav-open #shHeader .sh-nav{transform:translateX(0)}
  #shHeader .sh-link{width:100%;padding:16px 6px;font-size:17px;border-bottom:1px solid var(--sh-line);border-radius:0;justify-content:flex-start;gap:11px}
  #shHeader .sh-link .sh-cv{margin-left:auto}
  #shHeader .sh-cta{display:none}
  #shHeader .sh-burger{display:block}
  .sh-mega{position:static;transform:none;width:auto;opacity:1;visibility:visible;display:none;box-shadow:none;background:rgba(255,255,255,.03);border:0;border-radius:0;padding:4px 0 10px}
  .sh-item.open .sh-mega{display:block;transform:none;width:auto;left:auto}
  .sh-mega-a{padding:11px 8px}
  .sh-mega-t{font-size:15px}
  .sh-mega-d{font-size:12.5px}
  .sh-mega-grid{grid-template-columns:1fr}
  body.sh-nav-open{overflow:hidden}
}
/* 全卡可点击 */
.sh-hitcard{position:relative;cursor:pointer}
.sh-hitcard > .sh-hit{position:absolute;inset:0;z-index:4;border-radius:inherit}
.sh-hitcard:hover{transform:translateY(-4px)}
/* Reels 竖屏 */
.sh-reels{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.sh-reel{position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:9/16;border:1px solid rgba(255,255,255,.10);display:block;text-decoration:none;transition:.25s}
.sh-reel:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(0,0,0,.5)}
.sh-reel video,.sh-reel img{width:100%;height:100%;object-fit:cover;display:block}
.sh-reel .sh-reel-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}
.sh-reel .sh-reel-play i{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.sh-reel .sh-reel-play i:after{content:"";width:0;height:0;border-left:16px solid #111;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.sh-reel .sh-reel-cap{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 15px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-size:13px;font-weight:600;line-height:1.4}
.sh-reel .sh-reel-tag{position:absolute;top:11px;left:11px;padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px}
/* 视频卡：视频 + 下方信息条，绝不遮挡原生控件 */
.sh-vcard{background:#10141b;border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden;transition:.25s}
.sh-vcard:hover{border-color:rgba(255,255,255,.24)}
.sh-vcard video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000}
.sh-vmeta{display:flex;align-items:center;gap:9px;padding:11px 13px;color:#c8d2e0;font-size:12.5px;font-weight:600;line-height:1.35}
.sh-vmeta b{flex:0 0 auto;padding:2px 7px;border-radius:5px;background:rgba(255,255,255,.10);color:#fff;font-size:10.5px;letter-spacing:.7px}