/* ============================================================
 * 传奇会员站 - 前台样式 v7
 * 完全仿 7UU / 1DD 参考站：白底 + 浅灰边框卡片 + 181px 大图 + 底部按钮行
 * 左侧用户栏 + 右侧 4 列游戏卡网格，container 1140px 居中
 * ============================================================ */
:root {
  --bg: #f4f5f7;
  --bg-card: #ffffff;
  --border: #e6e6e6;
  --border-soft: #f0f0f0;
  --text: #333333;
  --text-dim: #999999;
  --name: #333333;
  --intro: #fe0202;          /* 版本介绍红色（7UU game_text） */
  --link: #333333;
  --btn-bg: #ffffff;
  --btn-border: #bfbfbf;
  --red: #fe0202;
  --red-2: #d40000;
  --nav-bg: #ffffff;
  --nav-text: #333333;
  --banner-overlay: linear-gradient(180deg, rgba(13, 23, 48, 0.75), rgba(13, 23, 48, 0.55));
  --shadow-hover: 0 0 24px rgba(0, 0, 0, 0.2);
  --left-border: #cccccc;
  --item-hover: #ffffff;
}
:root[data-theme="dark"] {
  --bg: #10131c;
  --bg-card: #1a1f2e;
  --border: #2c3347;
  --border-soft: #232a3c;
  --text: #e6ebf8;
  --text-dim: #93a0c4;
  --name: #e6ebf8;
  --intro: #ff7b6b;
  --link: #c9d2e8;
  --btn-bg: #1f2537;
  --btn-border: #3a4460;
  --red: #ff7b6b;
  --red-2: #ff5c6c;
  --nav-bg: #141927;
  --nav-text: #e6ebf8;
  --banner-overlay: linear-gradient(180deg, rgba(8, 12, 25, 0.82), rgba(8, 12, 25, 0.6));
  --shadow-hover: 0 0 24px rgba(0, 0, 0, 0.5);
  --left-border: #3a4460;
  --item-hover: #222942;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  transition: background-color 0.3s ease, color 0.3s ease;
}
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }
.container { width: 1280px; max-width: calc(100% - 40px); margin: 0 auto; }

/* ================= 顶部导航（仿 7UU menu fixed-top） ================= */
.menu.fixed-top {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: var(--nav-bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.menu_box {
  height: 60px;
  display: flex; align-items: center; justify-content: space-between;
}
.menu_left .logo {
  display: flex; align-items: center; gap: 8px;
  font-size: 20px; font-weight: 800; letter-spacing: 1px;
  color: var(--red);
}
.menu_right { display: flex; align-items: center; gap: 6px; }
.menu_right .item_li { position: relative; }
.menu_right .title_box a.link {
  display: inline-block;
  padding: 8px 14px;
  font-size: 15px;
  color: var(--nav-text);
  transition: color 0.2s;
}
.menu_right .title_box a.link:hover,
.menu_right .title_box a.link.active { color: var(--red); }
.theme-toggle {
  width: 34px; height: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  margin-left: 8px;
  border: 1px solid var(--btn-border);
  border-radius: 6px;
  background: var(--btn-bg);
  font-size: 16px;
  transition: all 0.2s;
}

/* ================= banner（仿 7UU top_father） ================= */
.top_father {
  position: relative;
  margin-top: 60px;
  overflow: hidden;
}
.banner_bg {
  position: absolute; inset: 0;
  background:
    linear-gradient(rgba(13, 23, 48, 0.60), rgba(13, 23, 48, 0.72)),
    url('../img/hero_bg.webp?v=2') center / cover no-repeat;
}
.banner_inner {
  position: relative;
  padding: 44px 0;
  text-align: center;
}
.banner_tt {
  position: relative;
  z-index: 10;                 /* 悬浮在所有图片之上 */
  font-size: 26px; font-weight: 800; letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.banner_tt b { color: #ffd166; }
.banner_sub {
  position: relative;
  z-index: 10;                 /* 悬浮在所有图片之上 */
  margin-top: 10px;
  font-size: 15px; letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.85);
}

/* ================= 主内容区（单列，无左侧栏） ================= */
.game_content {
  padding: 22px 0 40px;
}
.game_right { width: 100%; }

/* 顶部功能卡：用户登录 / 传奇盒子 / 每日福利（三卡横排） */
.top_cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));  /* 禁止内容撑宽列，三卡等宽 */
  gap: 16px;
  margin-bottom: 20px;
}

/* 三卡底层：无卡片外框，仅放人物图，人物探出四周 */
.top_cards .item_box {
  position: relative;
  display: flex;                /* 三卡统一 flex 列布局 */
  flex-direction: column;
  height: 190px;               /* 三卡统一高度 */
  min-height: 190px;
  border: none;                /* 底层无边框 */
  border-radius: 14px;
  overflow: visible;           /* 关键：人物探出不被裁剪 */
  background: var(--bg-soft, transparent);
  transition: transform 0.25s;
}
.top_cards .item_box.c-login {
  display: flex;
  flex-direction: column;
}

/* 卡片人物背景：半身像靠右铺满卡片，武器/身体探出上下沿，3D 立体 */
.top_cards .card-hero {
  position: absolute;
  right: -28px;                /* 人物靠右，再向右平移探出右缘 */
  bottom: 0;                   /* 人物底部与卡片底边对齐 */
  width: 100%;
  height: 150%;                /* 人物较大，向上探出 */
  transform-style: preserve-3d;
  perspective: 800px;
  z-index: 1;
  pointer-events: none;
  display: flex;
  align-items: flex-end;       /* 人物脚底贴卡底 */
  justify-content: flex-end;   /* 人物靠右对齐 */
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.top_cards .card-hero img {
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.3));
}
/* 落地阴影：人物脚底椭圆黑影，增强 3D 站立感 */
.top_cards .card-hero::before {
  content: "";
  position: absolute;
  right: 10%;
  bottom: 4px;                 /* 阴影落在卡片底边（人物脚底） */
  width: 52%;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4), transparent 70%);
  z-index: -1;
}
/* hover：人物 3D 转身浮现 */
.top_cards .item_box:hover .card-hero {
  transform: rotateY(-10deg) scale(1.04) translateY(-4px);
}
/* 顶层卡：背景透明，保留边框圆角，文字和半透明按钮浮在人物上 */
.top_cards .item_inner {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0 14px;              /* 上下边与底层对齐，左右收缩露出人物 */
  border-radius: 12px;
  border: 1px solid var(--left-border);   /* 顶层卡片边框 */
  background: transparent;     /* 背景透明 */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  overflow: visible;
}
.top_cards .item_box:hover {
  transform: translateY(-4px);
}
.top_cards .user_top {
  border: none;
  padding: 18px 18px 14px;
  background: transparent;
  flex: 1;                     /* 标题区撑满，福利卡与登录卡等高 */
}
.top_cards .login_text { font-size: 17px; letter-spacing: 1px; }

/* 登录卡（红）：整体居中布局 */
.top_cards .c-login:hover .item_inner { border-color: rgba(254, 2, 2, 0.5); }
.top_cards .c-login .c-login-head {
  padding: 10px 18px;
  padding-right: 218px;         /* 内容整体左移170px（居中基准偏左） */
  display: flex;
  flex: 1;                          /* 撑满卡片，实现上下居中 */
  flex-direction: column;
  align-items: center;              /* 按钮在副标题正上方居中 */
  justify-content: center;          /* 上下居中 */
  text-align: center;
}
/* 头像即登录按钮：图形 + 文字一体，点击弹扫码 */
.top_cards .c-login .login_avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 88px; height: 88px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 77, 77, 0.68), rgba(212, 0, 0, 0.68));
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(2px) saturate(160%);
  -webkit-backdrop-filter: blur(2px) saturate(160%);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(212, 0, 0, 0.4);
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
  margin-bottom: 10px;
  user-select: none;
}
.top_cards .c-login .login_avatar:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 10px 26px rgba(212, 0, 0, 0.5);
  filter: brightness(1.08);
}
.top_cards .c-login .login_avatar:active { transform: scale(0.96); }
.top_cards .c-login .la-ico {
  font-size: 32px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}
.top_cards .c-login .la-txt {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 2px;
  text-indent: 2px;   /* 补偿字距视觉偏移 */
}
.top_cards .c-login .c-login-sub {
  margin-top: 3px;
  font-size: 13px;
  font-weight: 700;
  color: #c0392b;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(192, 57, 43, 0.15);
}

/* 盒子卡（金） */
.top_cards .item_box.c-box { display: flex; flex-direction: column; }
.top_cards .c-box .c-box-head {
  padding: 10px 18px;
  padding-right: 218px;         /* 内容整体左移170px */
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;              /* 按钮在副标题正上方居中 */
  justify-content: center;
  text-align: center;
}
/* 图形即下载按钮 */
.top_cards .c-box .box_avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 88px; height: 88px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 154, 60, 0.68), rgba(230, 74, 25, 0.68));
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(2px) saturate(160%);
  -webkit-backdrop-filter: blur(2px) saturate(160%);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(230, 74, 25, 0.4);
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
  margin-bottom: 10px;
  user-select: none;
}
.top_cards .c-box .box_avatar:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 10px 26px rgba(230, 74, 25, 0.5);
  filter: brightness(1.08);
}
.top_cards .c-box .box_avatar:active { transform: scale(0.96); }
.top_cards .c-box .ba-ico {
  font-size: 32px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}
.top_cards .c-box .ba-txt {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 2px;
  text-indent: 2px;
}
.top_cards .c-box .c-box-sub {
  margin-top: 3px;
  font-size: 13px;
  font-weight: 700;
  color: #d35400;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(211, 84, 0, 0.15);
}
.top_cards .c-box:hover .item_inner { border-color: rgba(240, 180, 41, 0.6); }

/* 深色主题：副标题用亮色保持可读 */
:root[data-theme="dark"] .c-login-sub { color: #ff6b60; text-shadow: 0 0 6px rgba(255, 107, 96, 0.3); }
:root[data-theme="dark"] .c-box-sub { color: #ff9a3c; text-shadow: 0 0 6px rgba(255, 154, 60, 0.3); }

/* 福利卡（蓝） */
.top_cards .c-welfare .box_icon {
  width: 46px; height: 46px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #3b82f6, #1e40af);
  color: #fff;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
  font-size: 22px;
}
.top_cards .c-welfare:hover .item_inner { border-color: rgba(59, 130, 246, 0.55); }

/* 登录/注册按钮精致化（两行竖排居中） */
.top_cards .user_bottom { padding: 12px 18px 18px; }
.top_cards .c-login .user_bottom {
  display: flex;
  align-items: center;          /* 上下居中 */
  justify-content: center;      /* 左右居中 */
  min-height: 72px;
}
.top_cards .c-login .login_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;                  /* 正方形（加大） */
  height: 60px;
  border-radius: 16px;          /* 圆角 */
  font-size: 16px;
  letter-spacing: 0;
  box-shadow: 0 5px 14px rgba(212, 0, 0, 0.3);
  transition: transform 0.15s, filter 0.2s, box-shadow 0.2s;
  margin: 0;
}
.top_cards .c-login .login_btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 6px 16px rgba(212, 0, 0, 0.38);
}
.top_cards .login_btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.top_cards .login_btn.reg {
  box-shadow: none;
  border-radius: 6px;
  transition: transform 0.15s, background 0.2s, color 0.2s;
}
.top_cards .login_btn.reg:hover {
  background: rgba(254, 2, 2, 0.08);
  transform: translateY(-2px);
}

/* 盒子下载按钮 */
.top_cards .dl_btn {
  border-radius: 6px;
  box-shadow: 0 5px 14px rgba(230, 74, 25, 0.35);
  transition: transform 0.15s, filter 0.2s, box-shadow 0.2s;
}
.top_cards .dl_btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 8px 20px rgba(230, 74, 25, 0.45);
}
.top_cards .box_dl .card_name { margin-bottom: 14px; }

/* 福利链接 */
.top_cards .welfare_links .wl {
  display: flex; align-items: center; justify-content: center; gap: 4px;
  flex: 1;
  padding: 10px 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-size: 13px;
  white-space: nowrap;
  transition: all 0.2s;
}
.top_cards .welfare_links .wl:hover {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.3);
  color: var(--main-2, #2563eb);
  transform: translateY(-2px);
}

/* 左侧栏卡片（仿 7UU item_box） */
.item_box {
  background: var(--bg-card);
  border: 1px solid var(--left-border);
  border-radius: 6px;
  overflow: hidden;
}
.item_box.mt-4 { margin-top: 14px; }
.user_top {
  display: flex; align-items: center; gap: 10px;
  padding: 16px 18px;
  border-bottom: 1px dashed var(--border);
}
.tx_box {
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--border-soft);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  color: var(--text-dim);
}
.box_icon { font-size: 26px; }
.login_text { font-size: 16px; font-weight: 700; color: var(--text); }
.user_bottom { padding: 14px 18px; }
.login_btn {
  display: inline-block;
  width: 48%;
  padding: 9px 0;
  text-align: center;
  border-radius: 4px;
  background: var(--red);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  transition: filter 0.2s;
}
.login_btn.reg {
  margin-left: 4%;
  background: #fff;
  color: var(--red);
  border: 1px solid var(--red);
}
.login_btn:hover { filter: brightness(1.1); }
.box_dl .card_name { font-size: 13px; color: var(--text-dim); line-height: 1.7; margin-bottom: 12px; }
.dl_btn {
  display: block;
  padding: 10px 0;
  text-align: center;
  border-radius: 4px;
  background: linear-gradient(135deg, #ff8a00, #e64a19);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  transition: filter 0.2s;
}
.dl_btn:hover { filter: brightness(1.08); }
.welfare_links { display: flex; flex-direction: row; gap: 8px; }
.welfare_links .wl {
  flex: 1;
  justify-content: center;
  text-align: center;
  padding: 9px 8px;
  border-radius: 8px;
  font-size: 13px;
  white-space: nowrap;
  color: var(--text);
  background: var(--border-soft);
  transition: background 0.2s;
}
.welfare_links .wl:hover { background: rgba(254, 2, 2, 0.1); color: var(--red); }

/* ================= 区块标题（仿 1DD h3 rainbow） ================= */
.title_box.big {
  display: flex; align-items: center;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--red);
  background: var(--bg-card);
  border-radius: 4px;
}
.title_box.big .rainbow {
  font-size: 18px; font-weight: 800; letter-spacing: 1px;
  color: var(--red);
}
.title_box.big .count {
  margin-left: auto;
  font-size: 13px; color: var(--text-dim);
}

/* ================= 游戏卡网格（4 列，参考站风格） ================= */
.game_list.row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.game_item {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 6px;
  overflow: hidden;
  transition: box-shadow 0.4s, transform 0.25s;
}
.game_item:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-3px);
}
.game_item .item_pic { padding: 5px; position: relative; overflow: hidden; }
.game_item .item_pic a.pic_link { display: block; }
.game_item .item_pic img.cover {
  display: block;
  width: 100%;
  height: 200px;      /* 1.5:1 与封面图同比例（对齐 1DD photo 303x200），不变形 */
  object-fit: cover;   /* 不变形，居中裁切 */
  border-radius: 4px;
  transition: transform 0.35s ease;
}
.game_item:hover .item_pic img.cover { transform: scale(1.06); }

/* 图片内叠加层：游戏名称（亮银加粗）+ 金色说明，两行偏下，从右进左出无缝循环 */
.pic_name {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;   /* 铺满整个图片区 */
  display: flex;
  align-items: flex-end;                   /* 靠下 */
  justify-content: center;
  padding-bottom: 26px;                    /* 偏下位置，不贴底 */
  overflow: hidden;                        /* 滚动裁切 */
  pointer-events: none;                    /* 不挡点击 */
}
/* 底部柔光底（提升可读性，文字偏下） */
.pic_name::before {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 110px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.55));
  pointer-events: none;
}
.pic_marquee {
  display: flex;
  width: max-content;
  animation: pic-scroll 14s linear infinite;   /* 从右进左出循环 */
}
.pic_group {
  display: flex;
  flex-direction: column;
  align-items: center;       /* 两列文字居中 */
  gap: 2px;
  padding: 0 14px;
  min-width: 100%;
  box-sizing: border-box;
}
/* 名称：银色渐变水平滑动（液态银从左到右流动） */
.pn_name {
  position: relative;
  font-size: 21px;
  font-weight: 900;
  letter-spacing: 2px;
  white-space: nowrap;
  /* 银白渐变（高对比，滑动明显） */
  background: linear-gradient(90deg,
    #8b96ac 0%, #dfe5f0 12%, #ffffff 22%, #aab5ca 34%, #ffffff 48%,
    #dfe5f0 62%, #8b96ac 74%, #ffffff 86%, #8b96ac 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: silver-slide 3.6s linear infinite;   /* 水平滑动 */
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55))
          drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}
/* 银色渐变水平滑动 */
@keyframes silver-slide {
  0% { background-position: 0% 0%; }
  100% { background-position: 300% 0%; }
}
/* 说明：金色字体 */
.pn_intro {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
  color: #ffd166;           /* 金色 */
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 209, 102, 0.35);
}
@keyframes pic-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }   /* 双份内容位移 50% = 无缝循环 */
}
.game_item .item_pic .game_icon {
  position: absolute;
  left: 10px; top: 10px;
  height: 24px;
}
.game_item .item_pic .tag_icon {
  position: absolute;
  left: 10px; top: 10px;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 3px;
  background: linear-gradient(135deg, #ff5c6c, #d40000);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.game_item .item_pic .hot_icon {
  position: absolute;
  right: 10px; top: 10px;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 3px;
  background: linear-gradient(135deg, #ff8a00, #e64a19);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.game_item_bottom { padding: 0 8px 8px; }
.name_box {
  display: flex; align-items: center;
  padding: 9px 3px 7px;
  border-bottom: 1px dashed var(--border);
  overflow: hidden;   /* 长名称滚动裁切 */
}
.name_box .game_name {
  font-size: 16px; font-weight: 700;
  color: var(--name);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  width: 100%;
  transition: transform 0.25s ease, color 0.2s ease;
}
/* hover：名称变红（参考站风格） */
.game_item:hover .name_box .game_name {
  color: var(--red);
  transform: translateY(-1px);
}
/* 长名称：从右到左滚动展示（JS 检测溢出后加 .marquee） */
.name_box .game_name.marquee {
  display: inline-block;
  padding-left: 100%;
  animation: name-scroll 9s linear infinite;
}
@keyframes name-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
/* 图片内名称水银流光（与上方 name-scroll 共用） */
@keyframes silver-flow {
  0% { background-position: 0% 50%; }
  100% { background-position: -220% 50%; }
}
.bbjs {
  padding: 7px 3px;
  font-size: 13px;
  color: var(--intro);
  white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
  border-bottom: 1px dashed var(--border);
}
.bbjs .lbl { color: var(--text-dim); }
.game_btn_row {
  display: flex;
  gap: 6px;
  padding-top: 9px;
}
.item_btn {
  flex: 1;
  border: 1px solid var(--btn-border);
  border-radius: 3px;
  background: var(--btn-bg);
  transition: all 0.2s;
}
.item_btn:hover { border-color: var(--red); }
.item_btn a.game_btn, .item_btn .game_btn {
  display: flex; align-items: center; justify-content: center; gap: 4px;
  padding: 7px 2px;
  font-size: 12px;
  color: var(--link);
  white-space: nowrap;
  cursor: pointer;
}
.item_btn:hover a.game_btn, .item_btn:hover .game_btn { color: var(--red); }
.item_btn .ico { font-size: 13px; }

/* ================= 收量合作条 ================= */
.coop_bar {
  display: flex; align-items: center; gap: 14px;
  margin: 20px 0 26px;
  padding: 16px 20px;
  border-radius: 6px;
  background: linear-gradient(135deg, #1e3a8a, #0d1730);
  color: #fff;
}
.coop_ico { font-size: 26px; }
.coop_txt { font-size: 15px; flex: 1; }
.coop_txt b { color: #ffd166; }
.coop_wx { font-size: 14px; color: #ffd166; font-weight: 700; }

/* ================= 游戏攻略弹窗（内容自适应） ================= */
.guide-mask {
  display: none;
  position: fixed; inset: 0; z-index: 999;
  background: rgba(0, 0, 0, 0.55);
  align-items: center; justify-content: center;
  padding: 20px;
}
.guide-mask.show { display: flex; }
.guide-box {
  min-width: 300px;
  max-width: 520px;
  width: auto;
  max-height: 80vh;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  animation: qr-pop 0.25s ease;
  display: flex;
  flex-direction: column;
}
.guide-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);   /* 深蓝 */
  color: #fff;
  font-size: 16px; font-weight: 700;
  flex-shrink: 0;
}
.guide-close {
  cursor: pointer;
  font-size: 22px; line-height: 1;
  opacity: 0.85;
  transition: opacity 0.2s;
}
.guide-close:hover { opacity: 1; }
.guide-body {
  padding: 16px 20px 20px;
  overflow-y: auto;
  max-height: calc(80vh - 60px);
}
.guide_line {
  padding: 9px 12px;
  margin-bottom: 8px;
  border-left: 3px solid var(--gold);
  background: var(--bg-soft);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text);
}
.guide_line:last-child { margin-bottom: 0; }

/* ================= 微信扫码登录弹窗 ================= */
.qr-mask {
  display: none;
  position: fixed; inset: 0; z-index: 999;
  background: rgba(0, 0, 0, 0.55);
  align-items: center; justify-content: center;
}
.qr-mask.show { display: flex; }
.qr-box {
  width: 320px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  animation: qr-pop 0.25s ease;
}
@keyframes qr-pop {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.qr-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px;
  background: linear-gradient(135deg, #07c160, #06ad56);   /* 微信绿 */
  color: #fff;
  font-size: 16px; font-weight: 700;
}
.qr-close {
  cursor: pointer;
  font-size: 22px; line-height: 1;
  opacity: 0.85;
  transition: opacity 0.2s;
}
.qr-close:hover { opacity: 1; }
.qr-body { padding: 22px 24px 26px; text-align: center; }
.qr-img-wrap {
  width: 210px; height: 210px;
  margin: 0 auto;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: #fff;
}
.qr-img-wrap img { width: 100%; height: 100%; object-fit: contain; }
.qr-placeholder {
  font-size: 14px;
  color: var(--text-dim);
  line-height: 1.8;
}
.qr-placeholder small { font-size: 12px; opacity: 0.8; }
.qr-tip {
  margin-top: 16px;
  font-size: 13px;
  color: var(--text-dim);
  line-height: 1.9;
  text-align: left;
  display: inline-block;}

/* ================= 底部 ================= */
footer {
  margin-top: 10px;
  padding: 24px 0 28px;
  border-top: 1px solid var(--border);
  text-align: center;
  background: var(--bg-card);
}
footer p { font-size: 13px; color: var(--text-dim); line-height: 26px; letter-spacing: 1px; }
footer .age-tip {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 16px;
  border: 1px solid rgba(254, 2, 2, 0.4);
  border-radius: 20px;
  color: var(--red);
  font-size: 13px;
}

.empty { padding: 50px 0; text-align: center; color: var(--text-dim); }

/* ================= 响应式 ================= */
@media (max-width: 1100px) {
  .game_list.row { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .menu_right .item_li { display: none; }
  .game_list.row { grid-template-columns: repeat(2, 1fr); }
  .top_cards { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .game_list.row { grid-template-columns: 1fr; }
  .banner_tt { font-size: 20px; }
}

/* ================= 充值二维码弹窗 ================= */
.recharge-actions {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.recharge-paid-btn {
  padding: 9px 20px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #ff8c00, #e05a00);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(224, 90, 0, 0.35);
  transition: transform 0.15s, filter 0.2s;
}
.recharge-paid-btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
/* 登录/下载人物调小（与每日福利人物大小一致），图片高度可与福利卡不同 */
.top_cards .c-login .card-hero img,
.top_cards .c-box .card-hero img {
  height: 70%;
  /* 图像底部与上层卡片下沿对齐 */
}
/* 每日福利人物调大一点点 */
.top_cards .c-welfare .card-hero img {
  height: 105%;
}

/* 每日福利人物单独向右移动 */
.top_cards .c-welfare .card-hero {
  right: -38px;
}




/* ===== banner 雪花飘落动画（❄ vw 全宽自适应） ===== */
.snow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  overflow: hidden;
}
.snow::before, .snow::after {
  content: "❄";
  position: absolute;
  top: -50px;
  left: 0;
  line-height: 1;
  animation: snowFall linear infinite;
}
.s1::before { font-size: 8px; color: rgba(255,255,255,0.85); text-shadow: 87.4vw 148px 0 rgba(255,255,255,0.7), 84.4vw 42px 0 rgba(255,255,255,0.7), 2.1vw 157px 0 rgba(255,255,255,0.7), 40.3vw 271px 0 rgba(255,255,255,0.7), 34.2vw 98px 0 rgba(255,255,255,0.7), 25.6vw 7px 0 rgba(255,255,255,0.7), 21.3vw 232px 0 rgba(255,255,255,0.7), 85.3vw 54px 0 rgba(255,255,255,0.7), 8.6vw 255px 0 rgba(255,255,255,0.7), 40.1vw 262px 0 rgba(255,255,255,0.7), 59.5vw 220px 0 rgba(255,255,255,0.7), 34.2vw 29px 0 rgba(255,255,255,0.7), 19.8vw 18px 0 rgba(255,255,255,0.7), 55.9vw 88px 0 rgba(255,255,255,0.7), 58.9vw 185px 0 rgba(255,255,255,0.7), 53.7vw 188px 0 rgba(255,255,255,0.7), 91.5vw 144px 0 rgba(255,255,255,0.7), 62.6vw 160px 0 rgba(255,255,255,0.7), 54.4vw 242px 0 rgba(255,255,255,0.7), 17.2vw 247px 0 rgba(255,255,255,0.7), 56.0vw 229px 0 rgba(255,255,255,0.7), 64.0vw 83px 0 rgba(255,255,255,0.7), 17.6vw 91px 0 rgba(255,255,255,0.7), 50.7vw 266px 0 rgba(255,255,255,0.7), 18.9vw 58px 0 rgba(255,255,255,0.7), 8.2vw 218px 0 rgba(255,255,255,0.7), 4.2vw 141px 0 rgba(255,255,255,0.7), 88.9vw 143px 0 rgba(255,255,255,0.7), 77.6vw 169px 0 rgba(255,255,255,0.7), 10.8vw 147px 0 rgba(255,255,255,0.7), 51.5vw 232px 0 rgba(255,255,255,0.7), 52.1vw 132px 0 rgba(255,255,255,0.7), 14.6vw 317px 0 rgba(255,255,255,0.7), 74.2vw 252px 0 rgba(255,255,255,0.7), 22.9vw 279px 0 rgba(255,255,255,0.7), 13.9vw 303px 0 rgba(255,255,255,0.7), 9.9vw 196px 0 rgba(255,255,255,0.7), 16.2vw 17px 0 rgba(255,255,255,0.7), 5.8vw 213px 0 rgba(255,255,255,0.7), 37.5vw 83px 0 rgba(255,255,255,0.7), 76.6vw 6px 0 rgba(255,255,255,0.7), 92.0vw 29px 0 rgba(255,255,255,0.7), 51.1vw 227px 0 rgba(255,255,255,0.7), 70.9vw 177px 0 rgba(255,255,255,0.7), 2.0vw 193px 0 rgba(255,255,255,0.7), 46.6vw 18px 0 rgba(255,255,255,0.7), 7.6vw 238px 0 rgba(255,255,255,0.7), 52.0vw 235px 0 rgba(255,255,255,0.7), 89.8vw 110px 0 rgba(255,255,255,0.7), 9.1vw 284px 0 rgba(255,255,255,0.7), 50.2vw 86px 0 rgba(255,255,255,0.7), 65.4vw 285px 0 rgba(255,255,255,0.7), 76.9vw 129px 0 rgba(255,255,255,0.7), 9.9vw 84px 0 rgba(255,255,255,0.7), 85.2vw 227px 0 rgba(255,255,255,0.7), 72.1vw 212px 0 rgba(255,255,255,0.7), 77.0vw 315px 0 rgba(255,255,255,0.7), 65.1vw 211px 0 rgba(255,255,255,0.7), 7.0vw 327px 0 rgba(255,255,255,0.7), 70.6vw 279px 0 rgba(255,255,255,0.7), 28.3vw 209px 0 rgba(255,255,255,0.7), 28.6vw 285px 0 rgba(255,255,255,0.7), 57.8vw 26px 0 rgba(255,255,255,0.7), 78.2vw 55px 0 rgba(255,255,255,0.7), 2.9vw 71px 0 rgba(255,255,255,0.7), 31.8vw 286px 0 rgba(255,255,255,0.7), 69.0vw 220px 0 rgba(255,255,255,0.7), 23.8vw 40px 0 rgba(255,255,255,0.7), 32.3vw 277px 0 rgba(255,255,255,0.7), 11.2vw 287px 0 rgba(255,255,255,0.7);
  animation-duration: 11s; }
.s1::after { font-size: 6px; color: rgba(255,255,255,0.6); text-shadow: 90.5vw 230px 0 rgba(255,255,255,0.7), 93.4vw 139px 0 rgba(255,255,255,0.7), 0.9vw 193px 0 rgba(255,255,255,0.7), 2.7vw 72px 0 rgba(255,255,255,0.7), 70.9vw 205px 0 rgba(255,255,255,0.7), 19.6vw 15px 0 rgba(255,255,255,0.7), 16.8vw 230px 0 rgba(255,255,255,0.7), 70.6vw 41px 0 rgba(255,255,255,0.7), 40.0vw 141px 0 rgba(255,255,255,0.7), 45.6vw 276px 0 rgba(255,255,255,0.7), 68.2vw 90px 0 rgba(255,255,255,0.7), 50.0vw 152px 0 rgba(255,255,255,0.7), 25.5vw 44px 0 rgba(255,255,255,0.7), 21.8vw 31px 0 rgba(255,255,255,0.7), 81.7vw 254px 0 rgba(255,255,255,0.7), 36.0vw 9px 0 rgba(255,255,255,0.7), 63.8vw 309px 0 rgba(255,255,255,0.7), 39.2vw 163px 0 rgba(255,255,255,0.7), 38.8vw 154px 0 rgba(255,255,255,0.7), 26.2vw 174px 0 rgba(255,255,255,0.7), 15.6vw 21px 0 rgba(255,255,255,0.7), 39.9vw 244px 0 rgba(255,255,255,0.7), 71.6vw 130px 0 rgba(255,255,255,0.7), 51.1vw 45px 0 rgba(255,255,255,0.7), 36.6vw 135px 0 rgba(255,255,255,0.7), 93.4vw 74px 0 rgba(255,255,255,0.7), 47.7vw 56px 0 rgba(255,255,255,0.7), 58.8vw 61px 0 rgba(255,255,255,0.7), 26.6vw 226px 0 rgba(255,255,255,0.7), 1.2vw 18px 0 rgba(255,255,255,0.7), 24.9vw 56px 0 rgba(255,255,255,0.7), 23.8vw 288px 0 rgba(255,255,255,0.7), 60.1vw 21px 0 rgba(255,255,255,0.7), 38.7vw 40px 0 rgba(255,255,255,0.7), 26.4vw 185px 0 rgba(255,255,255,0.7), 53.6vw 318px 0 rgba(255,255,255,0.7), 79.2vw 46px 0 rgba(255,255,255,0.7), 17.5vw 260px 0 rgba(255,255,255,0.7), 37.7vw 184px 0 rgba(255,255,255,0.7), 28.0vw 40px 0 rgba(255,255,255,0.7), 59.2vw 309px 0 rgba(255,255,255,0.7), 16.5vw 61px 0 rgba(255,255,255,0.7), 86.2vw 93px 0 rgba(255,255,255,0.7), 93.2vw 69px 0 rgba(255,255,255,0.7), 57.9vw 71px 0 rgba(255,255,255,0.7), 88.1vw 150px 0 rgba(255,255,255,0.7), 44.6vw 151px 0 rgba(255,255,255,0.7), 54.1vw 24px 0 rgba(255,255,255,0.7), 77.7vw 308px 0 rgba(255,255,255,0.7), 71.9vw 52px 0 rgba(255,255,255,0.7), 31.2vw 68px 0 rgba(255,255,255,0.7), 33.4vw 81px 0 rgba(255,255,255,0.7), 81.1vw 105px 0 rgba(255,255,255,0.7), 91.4vw 162px 0 rgba(255,255,255,0.7), 71.7vw 113px 0 rgba(255,255,255,0.7), 50.6vw 223px 0 rgba(255,255,255,0.7), 62.9vw 272px 0 rgba(255,255,255,0.7), 61.7vw 287px 0 rgba(255,255,255,0.7), 87.5vw 159px 0 rgba(255,255,255,0.7), 43.4vw 326px 0 rgba(255,255,255,0.7);
  animation-duration: 15s; animation-delay: -4s; }
.s2::before { font-size: 7px; color: rgba(255,255,255,0.8); text-shadow: 12.6vw 194px 0 rgba(255,255,255,0.7), 92.8vw 158px 0 rgba(255,255,255,0.7), 78.6vw 20px 0 rgba(255,255,255,0.7), 46.7vw 179px 0 rgba(255,255,255,0.7), 68.6vw 273px 0 rgba(255,255,255,0.7), 15.7vw 161px 0 rgba(255,255,255,0.7), 38.7vw 29px 0 rgba(255,255,255,0.7), 4.3vw 218px 0 rgba(255,255,255,0.7), 44.9vw 82px 0 rgba(255,255,255,0.7), 55.9vw 212px 0 rgba(255,255,255,0.7), 35.0vw 161px 0 rgba(255,255,255,0.7), 3.8vw 151px 0 rgba(255,255,255,0.7), 42.4vw 88px 0 rgba(255,255,255,0.7), 38.0vw 188px 0 rgba(255,255,255,0.7), 54.6vw 8px 0 rgba(255,255,255,0.7), 50.9vw 319px 0 rgba(255,255,255,0.7), 59.8vw 311px 0 rgba(255,255,255,0.7), 17.6vw 225px 0 rgba(255,255,255,0.7), 92.7vw 220px 0 rgba(255,255,255,0.7), 92.7vw 233px 0 rgba(255,255,255,0.7), 79.5vw 200px 0 rgba(255,255,255,0.7), 60.4vw 130px 0 rgba(255,255,255,0.7), 5.9vw 17px 0 rgba(255,255,255,0.7), 40.1vw 179px 0 rgba(255,255,255,0.7), 92.1vw 139px 0 rgba(255,255,255,0.7), 68.1vw 73px 0 rgba(255,255,255,0.7), 57.1vw 32px 0 rgba(255,255,255,0.7), 71.1vw 263px 0 rgba(255,255,255,0.7), 44.1vw 62px 0 rgba(255,255,255,0.7), 87.7vw 216px 0 rgba(255,255,255,0.7), 45.0vw 74px 0 rgba(255,255,255,0.7), 92.5vw 158px 0 rgba(255,255,255,0.7), 11.5vw 9px 0 rgba(255,255,255,0.7), 71.0vw 310px 0 rgba(255,255,255,0.7), 20.1vw 330px 0 rgba(255,255,255,0.7), 19.0vw 177px 0 rgba(255,255,255,0.7), 74.1vw 159px 0 rgba(255,255,255,0.7), 25.7vw 145px 0 rgba(255,255,255,0.7), 40.9vw 279px 0 rgba(255,255,255,0.7), 88.6vw 277px 0 rgba(255,255,255,0.7), 28.3vw 11px 0 rgba(255,255,255,0.7), 21.2vw 291px 0 rgba(255,255,255,0.7), 74.5vw 287px 0 rgba(255,255,255,0.7), 14.9vw 71px 0 rgba(255,255,255,0.7), 63.2vw 57px 0 rgba(255,255,255,0.7), 66.0vw 158px 0 rgba(255,255,255,0.7), 91.6vw 56px 0 rgba(255,255,255,0.7), 90.3vw 298px 0 rgba(255,255,255,0.7), 8.0vw 41px 0 rgba(255,255,255,0.7), 90.9vw 17px 0 rgba(255,255,255,0.7), 68.2vw 323px 0 rgba(255,255,255,0.7), 3.8vw 135px 0 rgba(255,255,255,0.7), 26.1vw 293px 0 rgba(255,255,255,0.7), 40.2vw 325px 0 rgba(255,255,255,0.7), 61.3vw 101px 0 rgba(255,255,255,0.7), 87.0vw 36px 0 rgba(255,255,255,0.7), 62.3vw 67px 0 rgba(255,255,255,0.7), 17.1vw 111px 0 rgba(255,255,255,0.7), 46.4vw 72px 0 rgba(255,255,255,0.7), 24.9vw 0px 0 rgba(255,255,255,0.7), 56.9vw 197px 0 rgba(255,255,255,0.7), 71.9vw 291px 0 rgba(255,255,255,0.7), 71.8vw 215px 0 rgba(255,255,255,0.7), 75.5vw 325px 0 rgba(255,255,255,0.7), 2.2vw 74px 0 rgba(255,255,255,0.7), 75.4vw 181px 0 rgba(255,255,255,0.7), 61.2vw 262px 0 rgba(255,255,255,0.7), 52.9vw 212px 0 rgba(255,255,255,0.7), 1.3vw 254px 0 rgba(255,255,255,0.7), 8.2vw 166px 0 rgba(255,255,255,0.7), 27.4vw 313px 0 rgba(255,255,255,0.7), 3.7vw 85px 0 rgba(255,255,255,0.7), 20.0vw 58px 0 rgba(255,255,255,0.7), 13.9vw 71px 0 rgba(255,255,255,0.7), 77.6vw 56px 0 rgba(255,255,255,0.7);
  animation-duration: 13s; animation-delay: -7s; }
.s2::after { font-size: 5px; color: rgba(255,255,255,0.55); text-shadow: 58.2vw 219px 0 rgba(255,255,255,0.7), 71.2vw 100px 0 rgba(255,255,255,0.7), 76.6vw 267px 0 rgba(255,255,255,0.7), 64.1vw 303px 0 rgba(255,255,255,0.7), 57.0vw 105px 0 rgba(255,255,255,0.7), 79.4vw 136px 0 rgba(255,255,255,0.7), 62.2vw 50px 0 rgba(255,255,255,0.7), 77.9vw 65px 0 rgba(255,255,255,0.7), 11.3vw 220px 0 rgba(255,255,255,0.7), 34.1vw 105px 0 rgba(255,255,255,0.7), 64.2vw 193px 0 rgba(255,255,255,0.7), 93.0vw 50px 0 rgba(255,255,255,0.7), 67.3vw 75px 0 rgba(255,255,255,0.7), 35.2vw 217px 0 rgba(255,255,255,0.7), 43.7vw 81px 0 rgba(255,255,255,0.7), 53.0vw 126px 0 rgba(255,255,255,0.7), 32.0vw 288px 0 rgba(255,255,255,0.7), 56.2vw 49px 0 rgba(255,255,255,0.7), 73.4vw 78px 0 rgba(255,255,255,0.7), 7.1vw 190px 0 rgba(255,255,255,0.7), 60.4vw 18px 0 rgba(255,255,255,0.7), 42.5vw 27px 0 rgba(255,255,255,0.7), 15.8vw 135px 0 rgba(255,255,255,0.7), 33.3vw 105px 0 rgba(255,255,255,0.7), 44.1vw 172px 0 rgba(255,255,255,0.7), 28.8vw 219px 0 rgba(255,255,255,0.7), 86.1vw 53px 0 rgba(255,255,255,0.7), 38.5vw 193px 0 rgba(255,255,255,0.7), 35.9vw 8px 0 rgba(255,255,255,0.7), 16.9vw 34px 0 rgba(255,255,255,0.7), 2.7vw 168px 0 rgba(255,255,255,0.7), 65.6vw 54px 0 rgba(255,255,255,0.7), 80.5vw 320px 0 rgba(255,255,255,0.7), 80.3vw 171px 0 rgba(255,255,255,0.7), 89.5vw 324px 0 rgba(255,255,255,0.7), 89.6vw 73px 0 rgba(255,255,255,0.7), 39.0vw 65px 0 rgba(255,255,255,0.7), 50.3vw 267px 0 rgba(255,255,255,0.7), 51.6vw 305px 0 rgba(255,255,255,0.7), 60.3vw 318px 0 rgba(255,255,255,0.7), 54.0vw 323px 0 rgba(255,255,255,0.7), 89.4vw 205px 0 rgba(255,255,255,0.7), 64.0vw 91px 0 rgba(255,255,255,0.7), 56.9vw 206px 0 rgba(255,255,255,0.7), 68.7vw 78px 0 rgba(255,255,255,0.7), 77.2vw 172px 0 rgba(255,255,255,0.7), 74.5vw 280px 0 rgba(255,255,255,0.7), 8.1vw 248px 0 rgba(255,255,255,0.7), 45.6vw 27px 0 rgba(255,255,255,0.7), 73.9vw 40px 0 rgba(255,255,255,0.7), 26.3vw 59px 0 rgba(255,255,255,0.7), 2.3vw 312px 0 rgba(255,255,255,0.7), 21.9vw 186px 0 rgba(255,255,255,0.7), 40.4vw 125px 0 rgba(255,255,255,0.7), 57.1vw 321px 0 rgba(255,255,255,0.7), 49.7vw 133px 0 rgba(255,255,255,0.7), 24.6vw 102px 0 rgba(255,255,255,0.7), 92.0vw 88px 0 rgba(255,255,255,0.7), 92.7vw 75px 0 rgba(255,255,255,0.7), 46.7vw 164px 0 rgba(255,255,255,0.7), 70.6vw 209px 0 rgba(255,255,255,0.7), 32.4vw 278px 0 rgba(255,255,255,0.7), 21.3vw 218px 0 rgba(255,255,255,0.7), 80.4vw 26px 0 rgba(255,255,255,0.7), 70.7vw 161px 0 rgba(255,255,255,0.7);
  animation-duration: 17s; animation-delay: -2s; }
.s3::before { font-size: 10px; color: rgba(255,255,255,0.85); text-shadow: 56.1vw 59px 0 rgba(255,255,255,0.7), 6.6vw 65px 0 rgba(255,255,255,0.7), 11.4vw 59px 0 rgba(255,255,255,0.7), 82.1vw 145px 0 rgba(255,255,255,0.7), 81.9vw 181px 0 rgba(255,255,255,0.7), 16.4vw 186px 0 rgba(255,255,255,0.7), 31.8vw 292px 0 rgba(255,255,255,0.7), 82.1vw 233px 0 rgba(255,255,255,0.7), 86.7vw 317px 0 rgba(255,255,255,0.7), 19.8vw 289px 0 rgba(255,255,255,0.7), 72.2vw 306px 0 rgba(255,255,255,0.7), 70.7vw 144px 0 rgba(255,255,255,0.7), 93.6vw 18px 0 rgba(255,255,255,0.7), 73.1vw 83px 0 rgba(255,255,255,0.7), 69.2vw 19px 0 rgba(255,255,255,0.7), 78.0vw 277px 0 rgba(255,255,255,0.7), 37.7vw 22px 0 rgba(255,255,255,0.7), 12.4vw 6px 0 rgba(255,255,255,0.7), 68.8vw 327px 0 rgba(255,255,255,0.7), 41.8vw 117px 0 rgba(255,255,255,0.7), 51.6vw 72px 0 rgba(255,255,255,0.7), 62.3vw 98px 0 rgba(255,255,255,0.7), 66.7vw 143px 0 rgba(255,255,255,0.7), 83.0vw 295px 0 rgba(255,255,255,0.7), 18.7vw 157px 0 rgba(255,255,255,0.7), 93.6vw 300px 0 rgba(255,255,255,0.7), 84.0vw 1px 0 rgba(255,255,255,0.7), 76.3vw 131px 0 rgba(255,255,255,0.7), 46.1vw 246px 0 rgba(255,255,255,0.7), 16.7vw 313px 0 rgba(255,255,255,0.7), 93.7vw 215px 0 rgba(255,255,255,0.7), 74.8vw 59px 0 rgba(255,255,255,0.7), 67.2vw 198px 0 rgba(255,255,255,0.7), 92.0vw 208px 0 rgba(255,255,255,0.7), 11.8vw 138px 0 rgba(255,255,255,0.7), 17.4vw 115px 0 rgba(255,255,255,0.7), 21.0vw 3px 0 rgba(255,255,255,0.7), 60.4vw 150px 0 rgba(255,255,255,0.7), 48.8vw 212px 0 rgba(255,255,255,0.7), 8.5vw 90px 0 rgba(255,255,255,0.7), 39.2vw 101px 0 rgba(255,255,255,0.7), 86.2vw 21px 0 rgba(255,255,255,0.7), 76.2vw 108px 0 rgba(255,255,255,0.7), 7.2vw 10px 0 rgba(255,255,255,0.7), 0.8vw 190px 0 rgba(255,255,255,0.7);
  animation-duration: 9s; animation-delay: -5s; }
.s3::after { font-size: 7px; color: rgba(255,255,255,0.7); text-shadow: 4.2vw 293px 0 rgba(255,255,255,0.7), 2.9vw 210px 0 rgba(255,255,255,0.7), 66.3vw 295px 0 rgba(255,255,255,0.7), 46.0vw 321px 0 rgba(255,255,255,0.7), 72.5vw 114px 0 rgba(255,255,255,0.7), 25.9vw 68px 0 rgba(255,255,255,0.7), 0.9vw 30px 0 rgba(255,255,255,0.7), 18.7vw 42px 0 rgba(255,255,255,0.7), 94.4vw 71px 0 rgba(255,255,255,0.7), 80.4vw 225px 0 rgba(255,255,255,0.7), 50.2vw 254px 0 rgba(255,255,255,0.7), 46.4vw 23px 0 rgba(255,255,255,0.7), 82.4vw 283px 0 rgba(255,255,255,0.7), 63.1vw 3px 0 rgba(255,255,255,0.7), 30.6vw 319px 0 rgba(255,255,255,0.7), 45.2vw 0px 0 rgba(255,255,255,0.7), 54.1vw 123px 0 rgba(255,255,255,0.7), 29.9vw 297px 0 rgba(255,255,255,0.7), 62.8vw 169px 0 rgba(255,255,255,0.7), 71.4vw 266px 0 rgba(255,255,255,0.7), 52.1vw 258px 0 rgba(255,255,255,0.7), 79.8vw 91px 0 rgba(255,255,255,0.7), 46.3vw 44px 0 rgba(255,255,255,0.7), 19.7vw 146px 0 rgba(255,255,255,0.7), 79.8vw 161px 0 rgba(255,255,255,0.7), 60.4vw 318px 0 rgba(255,255,255,0.7), 70.9vw 150px 0 rgba(255,255,255,0.7), 74.4vw 114px 0 rgba(255,255,255,0.7), 40.0vw 17px 0 rgba(255,255,255,0.7), 5.7vw 167px 0 rgba(255,255,255,0.7), 37.8vw 292px 0 rgba(255,255,255,0.7), 35.8vw 208px 0 rgba(255,255,255,0.7), 85.3vw 112px 0 rgba(255,255,255,0.7), 55.0vw 262px 0 rgba(255,255,255,0.7), 15.5vw 103px 0 rgba(255,255,255,0.7), 40.4vw 56px 0 rgba(255,255,255,0.7), 51.4vw 229px 0 rgba(255,255,255,0.7), 53.8vw 26px 0 rgba(255,255,255,0.7), 45.6vw 38px 0 rgba(255,255,255,0.7), 37.0vw 48px 0 rgba(255,255,255,0.7), 49.8vw 115px 0 rgba(255,255,255,0.7), 3.5vw 90px 0 rgba(255,255,255,0.7), 50.6vw 196px 0 rgba(255,255,255,0.7), 6.2vw 265px 0 rgba(255,255,255,0.7), 24.9vw 84px 0 rgba(255,255,255,0.7), 19.7vw 79px 0 rgba(255,255,255,0.7), 81.3vw 277px 0 rgba(255,255,255,0.7), 15.2vw 190px 0 rgba(255,255,255,0.7), 70.0vw 245px 0 rgba(255,255,255,0.7), 15.4vw 200px 0 rgba(255,255,255,0.7), 2.8vw 98px 0 rgba(255,255,255,0.7), 84.4vw 219px 0 rgba(255,255,255,0.7), 22.4vw 111px 0 rgba(255,255,255,0.7), 86.2vw 75px 0 rgba(255,255,255,0.7), 43.7vw 15px 0 rgba(255,255,255,0.7);
  animation-duration: 14s; animation-delay: -9s; }
@keyframes snowFall {
  0%   { transform: translate3d(0, 0, 0); }
  25%  { transform: translate3d(26px, 45px, 0); }
  50%  { transform: translate3d(-16px, 90px, 0); }
  75%  { transform: translate3d(20px, 135px, 0); }
  100% { transform: translate3d(-10px, 190px, 0); }
}
/* 微信一键登录按钮 */
.qr-login-btn {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 30px;
  border-radius: 22px;
  background: linear-gradient(135deg, #07c160, #06ad56);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(7, 193, 96, 0.35);
  transition: all 0.25s;
}
.qr-login-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(7, 193, 96, 0.45); }
/* 验证码绑定区 */
.qr-bind { text-align: center; margin-top: 14px; }
.qr-bind-title { font-size: 13px; color: #666; letter-spacing: 1px; }
.qr-bind-code {
  display: inline-block;
  margin: 10px 0 6px;
  padding: 10px 26px;
  border: 2px dashed #07c160;
  border-radius: 12px;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 8px;
  color: #06ad56;
  background: #f2fdf6;
  min-width: 120px;
}
.qr-bind .qr-tip { font-size: 12px; color: #999; line-height: 20px; }
.qr-bind-loading { font-size: 13px; color: #07c160; margin-top: 8px; }
/* 我的账户面板 */
.account-panel {
  background: #fff;
  border: 1px solid var(--border, #e5e5e5);
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.account-head { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.account-title { font-size: 18px; font-weight: 800; }
.account-balance { font-size: 15px; color: #333; }
.account-balance b { color: #e05a00; font-size: 20px; }
.btn-recharge {
  margin-left: auto;
  padding: 8px 22px;
  border: none;
  border-radius: 20px;
  background: linear-gradient(135deg, #ff8c00, #e05a00);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(224, 90, 0, 0.3);
}
.btn-recharge:hover { transform: translateY(-1px); }
.account-sub { font-size: 13px; color: #888; margin-bottom: 8px; }
.account-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.account-table th { text-align: left; padding: 6px 8px; color: #666; background: #f8f8f8; border-bottom: 1px solid #eee; }
.account-table td { padding: 7px 8px; border-bottom: 1px dashed #eee; }
.acc-input {
  width: 100%;
  margin: 8px 0;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  outline: none;
  box-sizing: border-box;
}
.acc-input:focus { border-color: #ff8c00; }
/* 登录后会员中心入口 */
.c-login-center {
  display: inline-block;
  margin-top: 10px;
  padding: 7px 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, #07c160, #06ad56);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(7, 193, 96, 0.3);
}
.c-login-center:hover { transform: translateY(-1px); }