/* ==========================================================
   physicist 模板样式层（爱游戏官方网站-爱游戏(中国)）
   基座：/public/assets/physicist/skin/bootstrap/css/bootstrap.min.css + module.css
   本层职责：① 品牌设计变量；② module.css 未提供的自定义样块（顶部品牌条 /
   赛事频道磁贴 / 页脚卡片 / 标签胶囊）；③ 移动端与正文排版的补充修正。
   配色：夜场绿茵 #0b7a48 + 深场绿 #064a2d + 冠军金 #f2b01e + 荧光草坪绿 #5fd38a
   ========================================================== */

:root {
  --ay-pitch: #0b7a48;
  --ay-pitch-dark: #064a2d;
  --ay-night: #07150f;
  --ay-night-2: #0d2f1f;
  --ay-gold: #f2b01e;
  --ay-gold-soft: #ffd766;
  --ay-lime: #5fd38a;
  --ay-ink: #14231b;
  --ay-muted: #5d6f65;
}

/* ---------- 页面基底（皮肤 bootstrap 为默认字体，此处统一为中文优先栈） ---------- */
body.ay-body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--ay-ink);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.ay-body h1, body.ay-body h2, body.ay-body h3, body.ay-body h4, body.ay-body h5, body.ay-body h6 { letter-spacing: .3px; }

/* ---------- 顶部品牌暗条 ---------- */
.ay-topbar {
  background: linear-gradient(90deg, var(--ay-night), var(--ay-night-2) 55%, #123f2a);
  color: rgba(255, 255, 255, .82);
  padding: 7px 0;
  letter-spacing: .2px;
}
.ay-topbar i { color: var(--ay-gold); }
.ay-topbar .container { gap: 6px; }

/* ---------- 品牌文字与 header 细节 ---------- */
#header-4 { background: #fff; border-bottom: 3px solid var(--ay-pitch); }
#header-4 .navbar-brand .ay-brand-text {
  font-weight: 800;
  color: var(--ay-pitch-dark);
  font-size: 1.06rem;
  margin-left: 10px;
  letter-spacing: .5px;
}
#header-4 .nav-link { color: #24332a; font-weight: 500; }
#header-4 .nav-link:hover,
#header-4 .nav-link.active { color: var(--ay-pitch-dark); background: #e7f6ee; }
#header-4 .navbar-toggler { border-color: rgba(11, 122, 72, .35); }

/* ---------- 通用色彩工具 ---------- */
.ay-c-gold { color: var(--ay-gold) !important; }
.ay-c-lime { color: var(--ay-lime) !important; }
.ay-c-pitch { color: var(--ay-pitch) !important; }
.ay-bg-gold { background: var(--ay-gold) !important; }
.ay-bg-pitch { background: var(--ay-pitch) !important; }
.ay-bg-lime { background: var(--ay-lime) !important; }

/* ---------- 按钮 ---------- */
.ay-btn-gold {
  background: linear-gradient(90deg, var(--ay-gold), #e0951a);
  border: none;
  color: #241a00;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(242, 176, 30, .28);
}
.ay-btn-gold:hover { background: linear-gradient(90deg, #ffc94a, var(--ay-gold)); color: #241a00; transform: translateY(-1px); }
.ay-btn-ghost {
  color: var(--ay-pitch-dark);
  font-weight: 600;
  font-size: .84rem;
  white-space: nowrap;
}
.ay-btn-ghost:hover { color: var(--ay-gold); }

/* ---------- 首页 hero-11 内的搜索框 ---------- */
.ay-hero-search .form-control {
  border: none;
  border-radius: .6rem 0 0 .6rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  padding: .7rem 1rem;
}
.ay-hero-search .form-control:focus { box-shadow: 0 0 0 3px rgba(95, 211, 138, .55); outline: none; }
@media (max-width: 767.98px) {
  .hero-11-section { padding-bottom: 48px; }
  .hero-11-content h1 { font-size: 27px; }
  .hero-11-image img { max-width: 320px; margin: 0 auto; }
  .ay-hero-search .btn { padding-left: 14px; padding-right: 14px; }
}

/* ---------- 赛事频道磁贴 ---------- */
.ay-cate-hub { background: #fbfdfb; }
.ay-cate-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid #e3ece6;
  border-left: 4px solid var(--ay-pitch);
  border-radius: .8rem;
  padding: 18px;
  height: 100%;
  transition: .28s;
}
.ay-cate-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(11, 122, 72, .13); border-left-color: var(--ay-gold); }
.ay-cate-icon {
  width: 46px; height: 46px;
  flex-shrink: 0;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(11, 122, 72, .12), rgba(95, 211, 138, .22));
  color: var(--ay-pitch-dark);
  font-size: 1.1rem;
}
.ay-cate-badge {
  background: linear-gradient(135deg, #1b3a2a, #0d2f1f) !important;
  border-color: var(--ay-gold) !important;
  color: var(--ay-gold) !important;
  font-size: 1.25rem;
}

/* ---------- 页脚 ---------- */
.ay-footer { background: linear-gradient(135deg, var(--ay-night) 0%, var(--ay-night-2) 60%, #14472e 100%); }
.ay-foot-card {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: .9rem;
  padding: 16px;
}
.ay-foot-tag {
  display: inline-block;
  font-size: .78rem;
  color: rgba(255, 255, 255, .72);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  padding: 2px 10px;
  text-decoration: none;
  transition: .25s;
}
.ay-foot-tag:hover { color: #12241a; background: var(--ay-lime); border-color: var(--ay-lime); }

/* ---------- CMS 分页（后端输出 .page-control > ul.pagination > li.page-link） ---------- */
.fanye .pagination { margin-bottom: 0; flex-wrap: wrap; justify-content: center; }
.fanye .page-link {
  color: var(--ay-pitch-dark);
  border-radius: .5rem !important;
  margin: 0 3px;
  border: 1px solid #dfe8e1;
  min-width: 38px;
  text-align: center;
}
.fanye .page-link:hover { background: var(--ay-pitch); color: #fff; border-color: var(--ay-pitch); }
.fanye .page-item.active .page-link, .fanye span.page-link.current { background: var(--ay-pitch); border-color: var(--ay-pitch); color: #fff; }

/* ---------- 列表页横向大卡 ---------- */
.ay-list-card {
  background: #fff;
  border: 1px solid #e6ece7;
  border-radius: .9rem;
  overflow: hidden;
  transition: .28s;
  height: 100%;
}
.ay-list-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(20, 35, 27, .1); }
.ay-list-thumb { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #eef3ef; }
.ay-list-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.ay-list-card:hover .ay-list-thumb img { transform: scale(1.05); }
@media (min-width: 768px) {
  .ay-list-row .ay-list-thumb { width: 300px; flex-shrink: 0; aspect-ratio: 16 / 10; }
  .ay-list-row { display: flex; }
}
.ay-rank-num {
  width: 28px; height: 28px;
  border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: .85rem;
  background: rgba(255, 255, 255, .12);
  color: var(--ay-gold);
  flex-shrink: 0;
}

/* ---------- 详情页 ---------- */
.ay-article-hero {
  position: relative;
  min-height: 320px;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 1.2rem 1.2rem;
}
.ay-article-hero .ay-hero-mask {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(7, 21, 15, .55), rgba(7, 21, 15, .88));
  border-radius: inherit;
}
.ay-article-hero .ay-hero-in { position: relative; z-index: 1; }
.ay-tag-chip {
  display: inline-block;
  font-size: .78rem;
  padding: 3px 12px;
  border-radius: 999px;
  border: 1px solid rgba(11, 122, 72, .3);
  color: var(--ay-pitch-dark);
  text-decoration: none;
  margin: 0 6px 6px 0;
  background: #f2f9f4;
}
.ay-tag-chip:hover { background: var(--ay-pitch); color: #fff; border-color: var(--ay-pitch); }
.ay-pn {
  background: #fff;
  border: 1px solid #e6ece7;
  border-radius: .8rem;
  padding: 14px 16px;
  height: 100%;
  text-decoration: none;
  display: block;
}
.ay-pn:hover { border-color: var(--ay-pitch); box-shadow: 0 8px 20px rgba(11, 122, 72, .1); }

/* ---------- 正文排版（module.css 的 #article-2 之外的兜底） ---------- */
.article-content { font-size: 1.02rem; line-height: 1.95; color: #26332b; }
.article-content p { margin-bottom: 1.1rem; }
.article-content h2, .article-content h3 { font-weight: 700; color: var(--ay-ink); margin: 1.8rem 0 .9rem; }
.article-content h2 { font-size: 1.32rem; border-left: 4px solid var(--ay-pitch); padding-left: 12px; }
.article-content h3 { font-size: 1.12rem; }
.article-content img { max-width: 100%; height: auto; border-radius: .6rem; margin: .6rem 0 1rem; }
.article-content ul, .article-content ol { padding-left: 1.4rem; margin-bottom: 1.1rem; color: #37453c; }
.article-content li { margin-bottom: .45rem; }
.article-content blockquote {
  border-left: 4px solid var(--ay-gold);
  background: #fbf7ea;
  padding: 12px 16px;
  border-radius: 0 .5rem .5rem 0;
  color: #5b4a19;
  margin: 1.2rem 0;
}
.article-content table { width: 100%; margin: 1.2rem 0; border-collapse: collapse; }
.article-content th, .article-content td { border: 1px solid #e2e8e3; padding: 8px 10px; font-size: .93rem; }
.article-content th { background: #f2f9f4; color: var(--ay-pitch-dark); }
@media (max-width: 575.98px) {
  .article-content { font-size: .98rem; line-height: 1.85; }
  .article-content table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* ---------- 关于/下载/协议等 DIY 页 ---------- */
.ay-diy-hero {
  background: linear-gradient(135deg, var(--ay-night), #17553a);
  color: #fff;
  padding: 56px 0;
}
.ay-legal { background: #fff; }
.ay-legal h2 { font-size: 1.15rem; font-weight: 700; color: var(--ay-ink); margin: 1.6rem 0 .6rem; }
.ay-legal p, .ay-legal li { color: #4a574e; font-size: .96rem; line-height: 1.85; }
.ay-steps { list-style: none; padding: 0; margin: 0; }
.ay-steps li {
  position: relative;
  padding: 0 0 18px 42px;
  border-left: 2px dashed #cfe0d5;
  margin-left: 14px;
}
.ay-steps li::before {
  content: attr(data-n);
  position: absolute;
  left: -15px; top: -2px;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--ay-pitch);
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.ay-steps li:last-child { border-left-color: transparent; }

/* ---------- 404 / 空态 ---------- */
.ay-empty {
  background: #fbfdfb;
  border: 1px dashed #cfdcd3;
  border-radius: .8rem;
  padding: 34px 18px;
  color: var(--ay-muted);
}

/* ---------- 全局兜底 ---------- */
::selection { background: rgba(11, 122, 72, .18); }
a { text-decoration: none; }
img { max-width: 100%; }
.hover-slide { transition: .28s; }
.hover-slide:hover { transform: translateX(4px); box-shadow: 0 8px 22px rgba(20, 35, 27, .09); }
.breadcrumb-item a { color: var(--ay-pitch-dark); }
#list-13 .btn.rounded-pill { margin-bottom: .4rem; }

/* ==========================================================
   补充层：DIY 内页与详情页侧栏用到的类
   ========================================================== */

/* 列表页侧栏「站内热读」的序号 */
.ay-side-num {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 6px;
  background: #eef5f0;
  color: var(--ay-pitch-dark);
  font-size: .78rem;
  font-weight: 800;
  flex: 0 0 auto;
}
.ay-side-num.is-top { background: var(--ay-pitch); color: #fff; }

/* 深色背景上的标签胶囊（详情页 / 图集页顶部） */
.ay-chip-dark {
  display: inline-block;
  padding: 4px 12px;
  margin: 0 6px 6px 0;
  border-radius: 50px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  color: #eef7f1;
  font-size: .82rem;
  transition: .25s;
}
.ay-chip-dark:hover { background: var(--ay-gold); border-color: var(--ay-gold); color: #241a00; }

/* 草绿色左边框强调（推荐列表、公约卡片） */
.ay-border-pitch { border-color: rgba(11, 122, 72, .38) !important; }

/* ---------- module.css 样块的配色改道：把组件库自带的蓝 / 紫调成夜场绿 + 冠军金 ---------- */
#hero-6 { background: radial-gradient(ellipse at center, #0f3a26 0, var(--ay-night) 100%); padding: 84px 20px; }
#about-6 { background: linear-gradient(120deg, var(--ay-night), #11503a); }
#trivia-2 .trivia-tile:hover { box-shadow: 0 6px 16px rgba(11, 122, 72, .18); }
#faq-3 .faq-3-questions button:hover { background: #e7f6ee; }
#faq-3 .faq-3-questions button.active { background: #d8f0e2; border-left-color: var(--ay-pitch); color: var(--ay-pitch-dark); }
#update-6 .nav-tabs .nav-link.active { color: var(--ay-pitch-dark); font-weight: 700; }
#update-6 .nav-tabs .nav-link:hover { color: var(--ay-pitch); }
#faq-9 .faq9-back { background: linear-gradient(135deg, var(--ay-pitch), var(--ay-pitch-dark)); }
#terms-of-service-3 .accordion-button:not(.collapsed) { background: #e7f6ee; color: var(--ay-pitch-dark); }
#privacy-policy-2 .policy-card:hover { box-shadow: 0 10px 20px rgba(11, 122, 72, .12); }
#partner-3 .partner3-card:hover { box-shadow: 0 0 0 3px rgba(11, 122, 72, .12); transform: translateY(-2px); }
#trust-2 { background: linear-gradient(135deg, #f1fbf4, #e6f4ea); }
#welcome-1 { background-color: var(--ay-night-2); background-position: center; background-size: cover; }
#welcome-1 .welcome-1-overlay { background: linear-gradient(180deg, rgba(7, 21, 15, .72), rgba(7, 21, 15, .82)); padding: 4.5rem 1rem; }
#security-9 { background: radial-gradient(circle at center, #0f3a26, #04120b); }
#security-9 .security-9-radar { border-color: rgba(95, 211, 138, .45); background: radial-gradient(circle, rgba(95, 211, 138, .12) 0, transparent 70%); }
#security-9 .security-9-core { border-color: rgba(242, 176, 30, .55); background: rgba(242, 176, 30, .12); color: var(--ay-gold); }
#security-9 .security-9-layer .point { color: var(--ay-lime); }
#why-us4 .circle-icon { box-shadow: 0 6px 20px rgba(11, 122, 72, .25); }
#stats-5 .stats5-item:hover { transform: translateY(-4px); box-shadow: 0 8px 22px rgba(20, 35, 27, .08); }

/* security-9 雷达在窄屏上留出两侧文字的空间 */
@media (max-width: 575.98px) {
  #security-9 .security-9-radar { margin: 68px auto; }
  #security-9 .security-9-layer .point { font-size: .78rem; width: 88px; }
}

/* faq-12 问答气泡：module.css 只提供容器，气泡由 bootstrap 工具类 + 以下微调组成 */
#faq-12 .faq-12-chat > div { animation: ayChatIn .4s ease both; }
@keyframes ayChatIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }