/* ============================================================
   奶白暖调主题覆盖层 theme_cream.css  (v1)
   奶油底 + 焦糖橙主色 + 深棕文字 · 温暖干净的商店感
   ============================================================ */

/* ---------- 全局 ---------- */
body {
  color: #3f3629;
  background:
    radial-gradient(900px 500px at 88% -8%, rgba(224,154,58,.10), transparent 60%),
    radial-gradient(820px 480px at -10% 35%, rgba(192,90,42,.06), transparent 60%),
    radial-gradient(760px 520px at 50% 112%, rgba(201,128,46,.07), transparent 60%),
    linear-gradient(180deg, #f8f3e8 0%, #f5efe1 55%, #f2ecdd 100%);
  background-attachment: fixed;
}
h1, h2, h3 { color: #2e2718; }
::selection { background: rgba(224,154,58,.35); color: #2e2718; }

/* ---------- 导航 ---------- */
.navbar { background: rgba(253,250,243,.92); border-bottom: 1px solid #e9dec6; }
.logo {
  background: linear-gradient(90deg, #c9802e, #b0541e);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.nav-links a:hover { color: #c9802e; }
a.nav-user { color: #b8741f !important; }
a.nav-user:hover { color: #c9802e !important; }
.btn-recharge-nav, .btn-reg-nav { color: #3f3629 !important; }

/* ---------- 导航栏登录 / 注册按钮（一眼可见的入口） ---------- */
.nav-links a.nav-btn-login {
  padding: 7px 18px !important;
  border: 1.5px solid #d9a84e !important;
  border-radius: 20px !important;
  color: #a8641e !important;
  font-weight: 700;
  background: #fff8ea !important;
  transition: all .15s;
}
.nav-links a.nav-btn-login:hover {
  background: #fdf0d8 !important; color: #c96f24 !important;
  border-color: #c96f24 !important; transform: translateY(-1px);
}
.nav-links a.btn-reg-nav {
  padding: 8px 20px !important;
  border: none !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #e09a3a, #c96f24) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 3px 12px rgba(201,111,36,.35);
  transition: all .15s;
}
.nav-links a.btn-reg-nav:hover {
  filter: brightness(1.06); transform: translateY(-1px);
  box-shadow: 0 5px 16px rgba(201,111,36,.45);
}

/* 搜索框（压过内联紫色） */
.navbar .nav-search input {
  background: #fff; border: 1px solid #e2d5b8; color: #3f3629;
}
.navbar .nav-search input::placeholder { color: #a99b80; }
.navbar .nav-search input:focus { width: 210px; border-color: #c9802e; background: #fffdf6; box-shadow: 0 0 0 3px rgba(224,154,58,.15); }
@media (max-width:900px){
  .navbar .nav-search input:focus { width: 100%; }
}

/* ---------- 按钮 ---------- */
.btn-primary {
  background: linear-gradient(135deg, #e09a3a, #c96f24);
  color: #fff; font-weight: 700;
  box-shadow: 0 4px 18px rgba(201,111,36,.35);
}
.btn-outline { border: 1.5px solid #d8c9a8; color: #3f3629; background: rgba(255,255,255,.6); }
.btn-buy { background: linear-gradient(135deg, #e09a3a, #c96f24) !important; color: #fff !important; }

/* ---------- Hero ---------- */
.hero {
  color: #3f3629;
  background:
    radial-gradient(circle at 15% 25%, rgba(224,154,58,.14) 0, transparent 45%),
    radial-gradient(circle at 85% 75%, rgba(192,90,42,.10) 0, transparent 45%),
    #fdf9f0;
  border-bottom: 1px solid #eadfc6;
}
.hero-float { opacity: .35; }
.hero h1 {
  background: none; -webkit-background-clip: initial; background-clip: initial;
  -webkit-text-fill-color: #2e2718; color: #2e2718;
  filter: none; text-shadow: 0 2px 12px rgba(201,128,46,.18);
}
.hero p { color: #6b5c45; }
.hero .btn-primary {
  background: linear-gradient(135deg, #e09a3a, #c96f24);
  color: #fff; box-shadow: 0 8px 26px rgba(201,111,36,.4);
}
.hero-chip, .cat-chip {
  background: #fff; border: 1px solid #eadfc6; color: #5a4f3d;
  box-shadow: 0 2px 8px rgba(160,130,80,.08);
}

/* ---------- 公告 / 数据带 ---------- */
.notice-bar { background: #fffdf8; border: 1px solid #eadfc6; border-left: 4px solid #e09a3a; }
.notice-item { color: #5a4f3d; }
.notice-date { background: rgba(224,154,58,.14); color: #a8641e; }
.stat-item { background: #fffdf8; border: 1px solid #eadfc6; box-shadow: 0 4px 14px rgba(160,130,80,.08); }
.stat-item b {
  background: none; -webkit-background-clip: initial; background-clip: initial;
  -webkit-text-fill-color: #b8741f; color: #b8741f;
}
.stat-item span { color: #8a7d68; }

/* ---------- 跑马灯 ---------- */
.gm-tile { box-shadow: 0 0 0 1px rgba(160,130,80,.15), 0 4px 12px rgba(160,130,80,.10); }
.gm-tile:hover { box-shadow: 0 10px 26px rgba(120,90,40,.25); }

/* ---------- 区块标题 ---------- */
.sec-title { color: #2e2718; }
.sec-sub { color: #8a7d68; }

/* ---------- 搜索框（主页，压过内联紫色） ---------- */
.container .game-search-box input {
  background: #fff; border: 2px solid #e2d5b8; color: #3f3629;
}
.container .game-search-box input::placeholder { color: #a99b80; }
.container .game-search-box input:focus { border-color: #c9802e; box-shadow: 0 0 0 3px rgba(224,154,58,.15); }
.container .search-meta { color: #a8641e; }
.container .search-empty { color: #8a7d68; }
.container .search-empty a { color: #a8641e; }

/* ---------- 商品卡 ---------- */
.pkg-card { background: #fffdf8; border: 1px solid #eadfca; box-shadow: 0 4px 16px rgba(160,130,80,.08); }
.pkg-card:hover { border-color: #d9a84e; box-shadow: 0 12px 30px rgba(150,110,50,.18); }
.pkg-name { color: #2e2718; }
.pkg-bonus { color: #c05a2a; text-shadow: none; }
.pkg-price { color: #7a6a4f; }
.pkg-price strong { color: #b8741f; }
.pkg-tag { background: linear-gradient(135deg, #e09a3a, #c96f24); color: #fff; box-shadow: 0 3px 10px rgba(201,111,36,.35); }
.game-tag { color: #a8641e; background: rgba(224,154,58,.10); border: 1px solid rgba(224,154,58,.35); }
.game-desc { color: #8a7d68; }
.game-info h3, .game-head-info h1 { color: #2e2718; }
.game-head-info p { color: #8a7d68; }

/* ---------- 支付提示面板 ---------- */
.pay-notice { background: #fffdf8; border: 1px solid #eadfc6; color: #5a4f3d; }
.pay-notice h2 { color: #2e2718; }

/* ---------- 步骤 / 优势 / 介绍 ---------- */
.step-card, .why-card { background: #fffdf8; border: 1px solid #eadfca; box-shadow: 0 4px 14px rgba(160,130,80,.08); }
.step-card:hover { border-color: #d9a84e; }
.step-num { background: linear-gradient(135deg, #e09a3a, #c96f24); color: #fff; }
.step-card h3 { color: #2e2718; }
.step-card p, .why-card p { color: #6b5c45; }
.step-card a, .why-card a { color: #a8641e; }
.intro-lead { color: #5a4f3d; }
.intro-lead b { color: #a8641e; }

/* ---------- 底部 CTA / 页脚 ---------- */
.home-cta { background: linear-gradient(135deg, rgba(224,154,58,.12), rgba(192,90,42,.08)), #fdf9f0; border: 1px solid #ecd9b0; }
.home-cta h2 { color: #2e2718; }
.home-cta p { color: #6b5c45; }
.footer { background: #2b2314; color: #cfc2a8; border-top: none; }
.footer .icp a { color: #d8ccae; }
.footer .icp a:hover { color: #fff; }
.footer-links { color: #b3a685; }
.footer-links a { color: #e09a3a; }
.footer-links a:hover { color: #f0b45a; }
.footer-badges .badge-item { color: #bfb193; }
.footer .badge-icon { background: rgba(255,255,255,.1) !important; }

/* ---------- 登录 / 注册 / 锁定面板 ---------- */
.auth-card, .lock-panel, .orders-table-wrap, .lb-section, .lb-mini {
  background: #fffdf8 !important;
  border: 1px solid #eadfca;
  box-shadow: 0 10px 30px rgba(150,110,50,.12);
}
.auth-card h1, .lock-panel h2, .lb-head h2, .lb-mini-head h3 { color: #2e2718; }
.auth-sub { color: #8a7d68 !important; }
.auth-field span { color: #5a4f3d !important; }
.auth-field input { background: #fff !important; border: 1.5px solid #e2d5b8 !important; color: #3f3629 !important; }
.auth-field input:focus { border-color: #c9802e !important; box-shadow: 0 0 0 3px rgba(224,154,58,.15); }
.auth-foot { color: #8a7d68 !important; }
.auth-foot a { color: #a8641e !important; }
.lock-tip { color: #8a7d68 !important; }
.lock-panel .price { color: #c05a2a !important; }
.owned-badge { background: #eaf7ec !important; color: #2e8b57 !important; }

/* ---------- 订单表 / 排行榜 ---------- */
.orders-table th { color: #8a7d68 !important; border-bottom-color: #eee4cf !important; }
.orders-table td { border-bottom-color: #f2ead9 !important; color: #4a4132; }
.orders-table .mono { color: #7a6f5c !important; }
.lb-table td b { color: #c05a2a !important; }
.lb-me { background: #fdf6e3 !important; }
.lb-me td { border-bottom-color: #f0e2c0 !important; }
.lb-mine { color: #8a7d68 !important; }
.lb-mine b { color: #c05a2a !important; }
.lb-mini-head a { color: #a8641e !important; }
.lb-mini-list li { color: #4a4132; }