/* ═══════════════════════════════════════════════════════
   EO Theme BW — 全站黑白配色（白底黑字，品牌去橙）
   由 theme/header.php / index.html 最后加载
   ═══════════════════════════════════════════════════════ */

:root{
  /* 品牌色改为墨色（去橙），指示条语义色保留 */
  --blue:#1f9fff;
  --c-alert:#dc2626;--c-alert-2:#dc2626;--c-alert-deep:#b91c1c;--c-alert-soft:rgba(239,68,68,.12);
  --c-brand:#111111;--c-brand-2:#111111;--c-brand-3:#111111;--c-brand-deep:#333333;
  --c-brand-edge:rgba(0,0,0,.22);--c-brand-soft:rgba(0,0,0,.06);
  --c-ok:#16a34a;--c-ok-soft:rgba(22,163,74,.12);
  --c-warn:#eab308;--c-warn-soft:rgba(234,179,8,.14);
  --game-orange:#111111;--game-blue:#1f9fff;
  --sf-cyan:#1f9fff;--sf-indigo:#1f9fff;

  /* 黑白主色 */
  --c-link:#111111;
  --edge:rgba(0,0,0,.08);--edge-2:rgba(0,0,0,.14);--edge-3:rgba(0,0,0,.26);
  --fill-0:#ffffff;--fill-2:#e8e8e8;
  --hover-bg:rgba(0,0,0,.04);
  --ink-9:#ffffff;--ink-8:#f5f5f5;--ink-7:#ebebeb;
  --page-bg:#ffffff;
  --s0:#ffffff;--s1:#ffffff;--s2:#fafafa;--s3:#f5f5f5;--s4:#eeeeee;
  --shell-bg:#ffffff;
  --t-on-brand:#ffffff;
  --t0:#111111;--t1:#333333;--t2:rgba(0,0,0,.55);--t3:rgba(0,0,0,.38);
  --topnav-bg:rgba(255,255,255,.96);
  --hy-accent:#111111;--hy-accent-2:#333333;
  --sf-glow:rgba(0,0,0,.08);
  --eo-star-noise:none;
  --eo-star-dots:none;
  --eo-star-glow:none;
  --focus-ring:0 0 0 3px rgba(0,0,0,.18);
  --card-shadow:0 4px 14px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.04);
  --card-shadow-hover:0 14px 32px rgba(0,0,0,.1), 0 4px 0 rgba(0,0,0,.06);
}

html{
  color-scheme:light !important;
  background-color:#ffffff !important;
  background-image:none !important;
}
html::before,
html::after{display:none !important;}

html,body{background:var(--page-bg) !important;color:var(--t0);}

::selection{background:#111;color:#fff;}

/* ── 按钮交互：黑白，禁止叠色看不见 ── */
.btn::before{display:none!important;content:none!important;}
.btn:hover{background:#111;color:#fff;}

.btn.ghost::before{display:none;}
.btn.ghost{border-color:var(--edge-3);color:var(--t1);}
.btn.ghost:hover{background:var(--hover-bg);border-color:#111;color:#111;}

.btn.primary{background:#111;border-color:#111;color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.18);}
.btn.primary::before{display:none!important;}
.btn.primary:hover{background:transparent;color:#111;}

.form-actions .btn.ghost:hover,
.prog-confirm-row .btn.ghost:hover{border-color:#111;color:#111;background:var(--hover-bg);}

.btn.is-complete,
.btn.is-claimed{background:rgba(22,163,74,.08);border-color:var(--c-ok);color:var(--c-ok);}
.btn.is-complete::before,
.btn.is-claimed::before{background:var(--c-ok);}
.btn.is-complete:hover,
.btn.is-claimed:hover{color:var(--c-ok);}

/* 世界 BOSS CTA */
.wrb-cta{background:transparent;border:1px solid #111;color:#111;}
.raid-world-banner:hover .wrb-cta{background:#111;border-color:#111;color:#fff;}

/* Toast：深色底强制白字（页面 CSS 常在 header 之后加载，误用 var(--t0)/--c-brand-3 会变黑字叠黑底） */
.duty-toast,
.eo-star-toast,
.player-toast,
.chufa-toast,
.dangan-toast,
.meter-toast,
.vote-toast{
  background:#111 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.help-toast,
.help-toast.error,
.help-toast.success,
.help-toast.warning{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
/* 浅底 Toast：强制深色字，保留各自边框样式 */
#dq-toast,
.bbs-friend-toast,
.bbs-checkin-toast,
.toast-container .toast,
.toast{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  background:#ffffff !important;
}
#dq-toast{
  border:1px solid #111111 !important;
}

/* 模态 / 表单 */
.dialog-panel{background:var(--s1);border-color:var(--edge);}
.form-group input,
.form-group textarea{background:var(--s1);border-color:var(--edge);color:var(--t0);}
.modal-sub{color:var(--t2);}
.form-error{color:#111;}

/* 导航展开（移动端） */
@media (max-width:1180px){
  .nav.nav-expanded .nav-menu{background:rgba(255,255,255,.98);}
}

/* 链接交互（非指示条） */
.site-nav a:hover{color:#111;}
.dock-nav a:hover{color:#111;}

/* ui-surface 主按钮阴影改黑白 */
.btn.primary,
.help-apply-btn,
.tea-cta{box-shadow:0 4px 0 rgba(0,0,0,.18), 0 8px 18px rgba(0,0,0,.08) !important;}
.btn.primary:hover,
.help-apply-btn:hover,
.tea-cta:hover{box-shadow:0 5px 0 rgba(0,0,0,.2), 0 12px 22px rgba(0,0,0,.1) !important;}

/* 全站导航 / chrome 黑白 */
@media (max-width:1180px){
  .site-nav .nav-menu,
  .dock-nav .nav-menu{background:rgba(255,255,255,.98) !important;}
}

.eo-btn-primary{background:#111 !important;border:none !important;box-shadow:0 4px 0 rgba(0,0,0,.18) !important;color:#fff !important;}
.eo-btn-primary:hover{background:#333 !important;color:#fff !important;}
.eo-btn-ghost{border-color:var(--edge-3) !important;color:var(--t0) !important;}
.eo-btn-ghost:hover{background:var(--hover-bg) !important;border-color:#111 !important;color:#111 !important;}

@media (max-width:1180px){
  .nav.nav-expanded .nav-menu{background:rgba(255,255,255,.98) !important;box-shadow:0 12px 28px rgba(0,0,0,.08) !important;}
}
@media (max-width:760px){
  .mobile-tab-bar{background:rgba(255,255,255,.96) !important;border-color:var(--edge) !important;box-shadow:0 4px 24px rgba(0,0,0,.08) !important;}
  .mtb-item.is-on{color:#111 !important;}
  .mtb-item:active{background:var(--hover-bg) !important;}
}

@media (max-width:1180px){
  .site-chrome.is-open .site-nav{
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.08) !important;
  }
}

/* 全站 page-intro：去掉深色底，统一白底浅灰层次 */
.page-intro{
  background:var(--s0) !important;
}
.page-intro-inner,
.page-intro-inner.is-rich{
  background:var(--s1) !important;
  border-color:var(--edge-2) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.06) !important;
}
.page-intro-inner::before,
.page-intro-inner.is-rich::before{
  background:linear-gradient(180deg,#111 0%,#333 50%,#111 100%) !important;
}
.page-intro-main{
  color:var(--t0) !important;
  background-color:var(--s1) !important;
  background-image:
    linear-gradient(105deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.94) 36%,
      rgba(255,255,255,.78) 58%,
      rgba(255,255,255,.42) 78%,
      rgba(255,255,255,.22) 100%),
    radial-gradient(ellipse 70% 90% at 100% 110%, rgba(234,143,30,.16), transparent 58%),
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(0,0,0,.035), transparent 55%),
    url("/static/img/page-intro-main.jpg") !important;
  background-size:auto, auto, auto, cover !important;
  background-position:center, center, center, right 30% center !important;
  background-repeat:no-repeat !important;
}
.page-intro.plaza-hero .page-intro-main{
  background:var(--s1) !important;
  background-image:none !important;
}
.page-intro.plaza-hero .page-intro-main::after{display:none !important;}
.page-intro-deck{
  background:
    radial-gradient(circle at 80% 20%, rgba(0,0,0,.03), transparent 45%),
    linear-gradient(165deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.04) 100%),
    var(--s2) !important;
}
/* 今日之星侧栏：全站统一黑白质感（覆盖各模块彩色底） */
.page-intro-deck.is-star,
.page-intro-deck.is-star[data-star-kind],
.page-intro-deck.is-user.is-star{
  background:
    radial-gradient(ellipse 110% 90% at 100% 0%, rgba(0,0,0,.06), transparent 55%),
    radial-gradient(ellipse 80% 60% at 0% 100%, rgba(0,0,0,.035), transparent 50%),
    linear-gradient(165deg, #ffffff 0%, #f7f7f7 42%, #f0f0f0 100%) !important;
  border-left:1px solid rgba(0,0,0,.1) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.page-intro-deck.is-star::before,
.page-intro-deck.is-star[data-star-kind]::before{
  background:linear-gradient(90deg,#111 0%,#555 50%,#111 100%) !important;
}
.page-intro-deck.is-star::after,
.page-intro-deck.is-star[data-star-kind]::after{
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 4px,
      rgba(0,0,0,.018) 4px,
      rgba(0,0,0,.018) 5px
    ) !important;
  opacity:.7 !important;
}
.page-intro-deck.is-star .pid-player,
.page-intro-deck.is-star[data-star-kind] .pid-player{
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
/* 点赞 / 送礼 / 加好友：悬停保持浅色，不铺黑底 */
.page-intro-deck.is-star .pid-chips li[data-act]:hover,
body .page-intro-deck.is-star .pid-chips li[data-act]:hover,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act]:hover{
  border-color:rgba(0,0,0,.2) !important;
  background:#fff !important;
  color:#111 !important;
  transform:translateY(-2px);
  box-shadow:0 4px 0 rgba(0,0,0,.08), 0 10px 18px rgba(0,0,0,.07) !important;
}
body .page-intro-deck.is-star .pid-chips li[data-act]:hover .pid-lab,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act]:hover .pid-lab{
  color:#111 !important;
}
body .page-intro-deck.is-star .pid-chips li[data-act="like"]:hover .pid-ico,
body .page-intro-deck.is-star .pid-chips li[data-act="like"]:hover .pid-ico svg,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act="like"]:hover .pid-ico,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act="like"]:hover .pid-ico svg{
  color:#e11d48 !important;
  stroke:currentColor;
}
body .page-intro-deck.is-star .pid-chips li[data-act="gift"]:hover .pid-ico,
body .page-intro-deck.is-star .pid-chips li[data-act="gift"]:hover .pid-ico svg,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act="gift"]:hover .pid-ico,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act="gift"]:hover .pid-ico svg{
  color:#0a6bb8 !important;
  stroke:currentColor;
}
body .page-intro-deck.is-star .pid-chips li[data-act="friend"]:hover .pid-ico,
body .page-intro-deck.is-star .pid-chips li[data-act="friend"]:hover .pid-ico svg,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act="friend"]:hover .pid-ico,
body .page-intro-deck.is-star[data-star-kind] .pid-chips li[data-act="friend"]:hover .pid-ico svg{
  color:#111 !important;
  stroke:currentColor;
}
.page-intro-inner .tea-masthead-body:not(:has(.tea-copy)){
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.daily-complete-quote{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);}
.daily-complete-quote .dcq-main{color:var(--t1);}
.daily-complete-quote .dcq-sub{color:var(--t2);}
#rejectReasonContent{color:var(--t1) !important;background:var(--s2) !important;border:1px solid var(--edge) !important;}

/* 全站按钮去橙：统一黑白（指示条不动） */
.btn.primary,
.help-apply-btn,
.tea-cta,
.home-raid-go,
.eo-btn-primary,
.pid-btn-primary,
.page-intro-deck .pid-btn-primary,
.shop-banner .cta.btn,
.shop-banner .cta.btn.ghost,
.world-banner .cta.btn,
.world-banner .cta.btn.ghost,
.shop-banner .dq-btn.is-claimed,
.gol-hub-primary-cta{
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
  box-shadow:0 4px 0 rgba(0,0,0,.18) !important;
}
.help-apply-btn:hover,
.tea-cta:hover,
.home-raid-go:hover,
.eo-btn-primary:hover,
.pid-btn-primary:hover,
.page-intro-deck .pid-btn-primary:hover,
.shop-banner .cta.btn:hover,
.world-banner .cta.btn:hover,
.gol-hub-primary:hover .gol-hub-primary-cta{
  background:#333 !important;
  border-color:#333 !important;
  color:#fff !important;
}
/* 通用 .btn.primary：白底滑入 + 黑字，避免叠色看不见 */
.btn.primary::before{background:#fff !important;}
.btn.primary:hover{
  background:transparent !important;
  border-color:#111 !important;
  color:#111 !important;
}
.btn.ghost:hover,
.tea-cta-ghost:hover,
.eo-btn-ghost:hover,
.pid-btn-ghost:hover,
.page-intro-deck .pid-btn-ghost:hover,
.help-verify-btn:hover{
  background:rgba(0,0,0,.04) !important;
  border-color:#111 !important;
  color:#111 !important;
}

/* 首页面板区：去掉蓝灰底，对齐黑白 */
.panel-slot{
  background:#f7f7f7 !important;
  border-bottom-color:rgba(0,0,0,.08) !important;
}
.panel-slot > .panel-cap{
  color:#111 !important;
}
.panel-slot > .panel-cap::after{
  background:rgba(0,0,0,.12) !important;
}
.home-raid,
.home-daily{
  background:#ffffff !important;
  border:1px solid #111 !important;
  border-radius:14px !important;
  box-shadow:none !important;
  overflow:hidden;
}
.home-raid-go{
  border-radius:10px !important;
}
.shop-banner .dq-btn,
.home-daily .dq-btn,
.home-daily .btn{
  border-radius:10px !important;
}
.gol-hub-primary,
.gol-hub-rail{
  border:1px solid #111 !important;
  border-radius:14px !important;
  overflow:hidden;
  box-shadow:none !important;
}
.gol-hub-row{
  border-bottom-color:rgba(0,0,0,.12) !important;
}
.shop-banner .dq-card,
.home-daily .dq-card,
.home-daily-list > li{
  border:1px solid #111 !important;
}
.shop-banner .dq-card:hover,
.home-daily .dq-card:hover{
  border-color:#111 !important;
}
.eo-mech-card{
  border:1px solid #111 !important;
  box-shadow:none !important;
}
.eo-mech-card:hover{
  box-shadow:none !important;
  border-color:#111 !important;
}
.gol-hub-primary-cta{
  border-radius:10px !important;
}
.home-raid::before,
.home-daily::before{
  background:#111 !important;
}
.dq-countdown-label strong,
.home-daily-side .count-num{
  color:#111 !important;
}
.gol-hub-row-main span{
  color:rgba(0,0,0,.55) !important;
}

/* 页脚：PC 收紧上空白；手机端隐藏 */
footer{
  padding:clamp(18px, 1.8vw, 28px) var(--gx, 24px) 18px !important;
}
footer .sitefoot-bot{
  margin-top:0 !important;
  padding-top:0 !important;
}
@media (max-width:768px){
  footer{
    display:none !important;
  }
}