/* ==== 用户系统 / 购买流程 / 订单表 新增样式 ==== */

/* 导航栏用户区 */
a.nav-user { color:#ffd166; font-weight:600; padding:0 4px; white-space:nowrap; text-decoration:none; }
a.nav-user:hover { color:#ffe08a; }
/* 导航链接统一样式：购买游戏 / 注册 不再做按钮高亮（覆盖 style.css 的红色/橙色） */
.btn-recharge-nav, .btn-reg-nav {
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: inherit !important;
}
.btn-big { font-size:18px; padding:14px 34px; }
.buy-form { display:inline-block; margin:0; }

/* 首页卡片购买按钮 */
.btn-buy { background:linear-gradient(135deg,#f39c12,#e67e22); }

/* 游戏页：已购徽章 + 未购锁定面板 */
.owned-badge {
  display:inline-block; background:#eafff1; color:#27ae60;
  border:1px solid #2ecc71; border-radius:8px; padding:8px 16px; font-weight:600;
}
.lock-panel {
  background:#fff; border-radius:16px; padding:44px 28px; text-align:center;
  box-shadow:0 8px 30px rgba(0,0,0,.08); max-width:560px; margin:30px auto;
}
.lock-panel .lock-icon { font-size:56px; margin-bottom:10px; }
.lock-panel h2 { margin:8px 0 12px; }
.lock-panel .price { color:#e67e22; font-size:22px; }
.lock-panel .btn { margin:14px 8px 0; display:inline-block; }
.lock-tip { color:#888; font-size:14px; margin-top:14px; }
.lock-inline { margin-top:10px; }

/* 登录 / 注册卡片 */
.auth-page { display:flex; justify-content:center; padding:40px 0 60px; }
.auth-card {
  background:#fff; border-radius:16px; padding:38px 34px; width:100%; max-width:400px;
  box-shadow:0 10px 40px rgba(0,0,0,.1); text-align:center;
}
.auth-icon { font-size:46px; margin-bottom:6px; }
.auth-card h1 { font-size:24px; margin:6px 0 4px; }
.auth-sub { color:#888; font-size:14px; margin-bottom:18px; }
.auth-error {
  background:#fdecea; color:#c0392b; border:1px solid #f5b7b1;
  border-radius:8px; padding:10px 12px; font-size:14px; margin-bottom:14px;
}
.auth-field { display:block; text-align:left; margin-bottom:16px; }
.auth-field span { display:block; font-size:14px; color:#555; margin-bottom:6px; font-weight:600; }
.auth-field input {
  width:100%; box-sizing:border-box; padding:12px 14px; font-size:15px;
  border:1px solid #ddd; border-radius:10px; outline:none; transition:border .2s;
}
.auth-field input:focus { border-color:#6c5ce7; }
.auth-foot { margin-top:18px; font-size:14px; color:#888; }
.auth-foot a { color:#6c5ce7; font-weight:600; text-decoration:none; }

/* 购买记录表 */
.orders-table-wrap { overflow-x:auto; background:#fff; border-radius:16px;
  padding:18px; box-shadow:0 8px 30px rgba(0,0,0,.06); }
.orders-table { width:100%; border-collapse:collapse; font-size:14px; min-width:640px; }
.orders-table th, .orders-table td { padding:10px 12px; text-align:left; border-bottom:1px solid #f0f0f0; }
.orders-table th { color:#888; font-weight:600; white-space:nowrap; }
.orders-table .mono { font-family:Consolas,monospace; font-size:12px; color:#666; }
.st-ok { color:#27ae60; font-weight:600; }
.st-wait { color:#e67e22; font-weight:600; }
.st-no { color:#aaa; }
.orders-empty { text-align:center; padding:30px 0 20px; color:#888; }
.orders-empty .btn { display:inline-block; margin-top:14px; }

/* 购买中心游戏封面 */
.pkg-card .game-cover { height:70px; border-radius:12px; display:flex;
  align-items:center; justify-content:center; margin-bottom:10px; }
.pkg-card .game-cover .game-icon { font-size:36px; }

/* ==== 排行榜 ==== */
.lb-section { background:#fff; border-radius:16px; padding:20px 22px; margin:18px 0;
  box-shadow:0 8px 30px rgba(0,0,0,.06); }
.lb-head { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:12px; }
.lb-head h2 { margin:0; font-size:20px; flex:1; }
.lb-cover { width:52px; height:52px; border-radius:12px; display:flex;
  align-items:center; justify-content:center; }
.lb-cover .game-icon { font-size:28px; }
.lb-table td b { color:#e67e22; font-size:15px; }
.lb-me { background:#fffaf0; }
.lb-me td { border-bottom-color:#ffe3b3; }
.lb-mini { background:#fff; border-radius:16px; padding:18px 22px; margin-top:18px;
  box-shadow:0 8px 30px rgba(0,0,0,.06); }
.lb-mini-head { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:10px; }
.lb-mini-head h3 { margin:0; font-size:17px; flex:1; }
.lb-mine { color:#888; font-size:14px; }
.lb-mine b { color:#e67e22; font-size:16px; }
.lb-mini-head a { color:#6c5ce7; font-size:13px; text-decoration:none; }
.lb-mini-list { margin:0; padding-left:6px; list-style:none; }
.lb-mini-list li { display:flex; align-items:center; gap:10px; padding:7px 4px;
  border-bottom:1px dashed #f0f0f0; font-size:14px; }
.lb-mini-list li:last-child { border-bottom:0; }
.lb-rank { width:34px; text-align:center; }
.lb-user { flex:1; font-weight:600; }
.lb-score { color:#e67e22; font-weight:800; }
.lb-empty { color:#999; font-size:14px; margin:8px 0 2px; }

/* ==== 支付按钮 / 继续支付 ==== */
.btn-wx { background:linear-gradient(135deg,#07c160,#059a4e) !important; }
.btn-continue {
  background:#fff7e8; color:#e67e22; border:1px solid #f5c98a;
  border-radius:6px; padding:3px 10px; font-size:12px; cursor:pointer; margin-left:8px;
}
.btn-continue:hover { background:#fdeecf; }

/* ==== 手机自适应 ==== */
@media (max-width: 720px) {
  /* 导航栏：允许换行，长用户名截断 */
  .nav-inner { flex-wrap: wrap; row-gap: 6px; }
  .nav-links { flex-wrap: wrap; row-gap: 2px; gap: 10px 12px; font-size: 13.5px; }
  .nav-user { max-width: 108px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; }

  /* 游戏页：购买按钮竖排铺满 */
  .game-head-actions { flex-direction: column; align-items: stretch; gap: 10px; }
  .game-head-actions .buy-form,
  .game-head-actions .btn { width: 100%; box-sizing: border-box; text-align: center; margin: 0; }
  .btn-big { font-size: 16px; padding: 13px 12px; }
  .lock-panel { padding: 30px 16px; margin: 20px auto; }
  .lock-panel .buy-form { display: block; }
  .lock-panel .btn { display: block; margin: 12px 0 0; }
  .lock-panel .price { font-size: 20px; }

  /* 排行榜 / 购买记录：宽表格横向滑动 */
  .lb-section, .lb-mini { padding: 14px; }
  .lb-section .orders-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .orders-table-wrap { padding: 12px; }

  /* 登录注册卡片 */
  .auth-page { padding: 18px 0 40px; }
  .auth-card { padding: 28px 18px; }
}
@media (max-width: 480px) {
  .logo { font-size: 15px; }
  .nav-links { gap: 8px 10px; font-size: 12.5px; }
  .nav-user { max-width: 90px; }
}