/* ============================================================
   AniimoFans · Dark theme layer (2026-10-06 boss-approved)
   加载于各模板 <style> 之后：同特异性下本文件生效。
   光效统一主题橙 #f97316（老大 10-06 定：集中展示的立绘=浮动+glow）
   ============================================================ */

:root{
  --bg:#0a0e14; --card:#131a25; --panel2:#18212f; --line:#243045;
  --ink:#e8e4da; --muted:#8b94a5; --accent:#f97316; --accent2:#fbbf24;
  --glow: 0 0 14px rgba(249,115,22,.45);
}

/* ---------- base ---------- */
html{background:var(--bg)}
body{background:var(--bg)!important;color:var(--ink)!important}
a{color:#fdba74}
a:hover{color:var(--accent2)}
.wrap{background:transparent}
header{background:var(--card)!important;border-bottom:1px solid var(--line)!important}
footer{color:var(--muted)!important;border-top:1px solid var(--line)!important}
.logo{color:var(--ink)!important}

/* ---------- cards / panels / notes ---------- */
.card,.panel,details,.answer,[class*=box]{
  background:var(--card)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 26px rgba(0,0,0,.28);
  transition:transform .3s cubic-bezier(.2,.7,.3,1.2),border-color .3s,box-shadow .3s;
}
.card:hover,.panel:hover,details:hover{
  transform:translateY(-4px);
  border-color:rgba(249,115,22,.5)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.5),0 0 22px rgba(249,115,22,.14);
}
.note,.facts,.tip{background:rgba(249,115,22,.09)!important;border-color:rgba(249,115,22,.32)!important;color:#fdba74!important}
.note strong,.facts b,.facts strong{color:var(--accent2)!important}
.tag{color:var(--accent2)!important;border-color:rgba(249,115,22,.35)!important}
.flag{background:rgba(249,115,22,.10)!important;border-color:rgba(249,115,22,.3)!important;color:#fdba74!important}

/* ---------- tables ---------- */
table{background:var(--card)!important;color:var(--ink)!important}
th{background:var(--panel2)!important;color:var(--muted)!important}
th,td{border-color:var(--line)!important}
.matchup th{background:var(--panel2)!important}
/* type-chart matrix：保留游戏语义色，仅压暗亮底 */
.matchup td,.matrix-scroll td{color:#e8e4da!important}
td.s{background:rgba(249,115,22,.18)!important;color:#fdba74!important}
td.w{background:rgba(56,189,248,.16)!important;color:#7dd3fc!important}
td.n{color:var(--muted)!important}

/* ---------- chips / badges / pills ---------- */
.chip.beta{background:rgba(139,92,246,.2)!important;color:#c4b5fd!important}
.chip.special{background:rgba(249,115,22,.16)!important;color:#fdba74!important}
.dot{outline-color:var(--line)}

/* ---------- dex 立绘主图：统一橙色 glow 呼吸 + 浮动（老大点名效果） ---------- */
.dex-img,.glow-img{
  filter:drop-shadow(0 0 12px rgba(249,115,22,.35)) drop-shadow(0 14px 26px rgba(0,0,0,.55));
  animation:afFloat 6s ease-in-out infinite, afGlow 4.2s ease-in-out infinite;
  /* 10-07 老大反馈：贴边身体不做硬切，四边 2.5% 渐隐融入背景（零成本替代 AI outpaint 的观感方案） */
  -webkit-mask-image:
    linear-gradient(to bottom, transparent 0, #000 2.5%, #000 97.5%, transparent 100%),
    linear-gradient(to right,  transparent 0, #000 2.5%, #000 97.5%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to bottom, transparent 0, #000 2.5%, #000 97.5%, transparent 100%),
    linear-gradient(to right,  transparent 0, #000 2.5%, #000 97.5%, transparent 100%);
  mask-composite: intersect;
}
@keyframes afFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes afGlow{
  0%,100%{filter:drop-shadow(0 0 10px rgba(249,115,22,.30)) drop-shadow(0 14px 26px rgba(0,0,0,.55))}
  50%{filter:drop-shadow(0 0 30px rgba(249,115,22,.75)) drop-shadow(0 0 56px rgba(249,115,22,.30))}
}

/* ---------- 首页 hero 立绘区（trio，统一橙光） ---------- */
.af-hero{position:relative;text-align:center;padding:34px 0 8px}
.af-hero::before{content:"";position:absolute;inset:-30% -10% auto;height:120%;
  background:radial-gradient(520px 260px at 25% 35%,rgba(249,115,22,.14),transparent 65%),
             radial-gradient(560px 260px at 75% 30%,rgba(251,191,36,.08),transparent 60%);pointer-events:none}
.af-trio{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;position:relative}
.af-trio figure{width:168px;margin:0}
.af-trio img{width:100%;
  filter:drop-shadow(0 0 12px rgba(249,115,22,.40)) drop-shadow(0 16px 30px rgba(0,0,0,.6));
  animation:afFloat 6s ease-in-out infinite, afGlow 4.2s ease-in-out infinite}
.af-trio figure:nth-child(2) img{animation-delay:-1.8s,-1.8s}
.af-trio figure:nth-child(3) img{animation-delay:-3.6s,-3.6s}
.af-trio figcaption{font-weight:700;color:var(--muted);margin-top:4px}
.af-trio .chip{display:inline-block;font-size:.74rem;padding:2px 12px;border-radius:999px;
  border:1px solid rgba(249,115,22,.35);color:var(--accent2);margin-top:4px}

/* ---------- h1 渐变与 hero 大字 ---------- */
h1{color:var(--ink)!important}
.af-h1{font-size:clamp(40px,6.5vw,64px);line-height:1.08;margin:14px 0 10px;
  background:linear-gradient(92deg,#fff 20%,var(--accent2) 60%,var(--accent) 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important}

/* ★ 环绕轨道（10-06 老大全站指令：虚线光环慢转 + 顶点发光小星，demo 深色版同款） */
.af-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:290px}
.af-ring{position:absolute;width:232px;height:232px;border:1.5px dashed rgba(249,115,22,.38);border-radius:50%;animation:afSpin 26s linear infinite;pointer-events:none}
.af-ring::after{content:"";position:absolute;top:-4.5px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--accent2);box-shadow:0 0 10px var(--accent2),0 0 24px rgba(249,115,22,.85)}
@keyframes afSpin{to{transform:rotate(360deg)}}
/* 首页 trio 立绘的小号环 */
.af-trio figure{position:relative;display:flex;flex-direction:column;align-items:center}
.af-trio .af-ring{width:150px;height:150px;top:9px;animation-duration:20s}
@media (prefers-reduced-motion: reduce){.af-ring{animation:none!important}}

/* ---------- evo 链小头像 hover 光 ---------- */
.evo img,.evo a img{background:var(--card)!important;border-color:var(--line)!important;transition:box-shadow .3s,border-color .3s}
.evo a:hover img,.evo img:hover{box-shadow:0 0 16px rgba(249,115,22,.45);border-color:rgba(249,115,22,.55)!important}
.evo-cur img{outline:2px solid var(--accent)}

/* ---------- tier/elements 卡片与筛选 ---------- */
.t-card,.eg,.dex-card{background:var(--card)!important;border-color:var(--line)!important;color:var(--ink)!important}
.dex-card:hover,.t-card:hover,.eg:hover{border-color:rgba(249,115,22,.45)!important;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 18px rgba(249,115,22,.12)}
.filter button{background:var(--card)!important;color:var(--muted)!important;border-color:var(--line)!important}
.filter button[aria-pressed="true"]{background:rgba(249,115,22,.18)!important;color:var(--accent2)!important;border-color:rgba(249,115,22,.5)!important}
.count{color:var(--muted)!important}

/* ---------- 进度/其他 ---------- */
.cd{color:var(--accent2)!important;font-variant-numeric:tabular-nums}
.more-links a{color:#fdba74}
.hero-sub{color:var(--muted)!important}
.updated{color:#6b7280!important}
::selection{background:rgba(249,115,22,.35)}

/* ---------- 全站进场动效（无障碍降级见底部） ---------- */
@keyframes afFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
main.wrap{animation:afFadeUp .6s ease both}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}