:root{
  --bg:#ebe4f1;
  --bg2:#e4e7f2;
  --card:#ffffff;
  --text:#21162f;
  --muted:#665972;
  --line:rgba(92,55,132,.15);
  --pink:#ff4fc3;
  --violet:#7c5cff;
  --cyan:#22b8e8;
  --shadow:0 22px 60px rgba(72,43,104,.16);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  background:
    radial-gradient(circle at 10% -12%,rgba(255,79,195,.16),transparent 34%),
    radial-gradient(circle at 88% 0%,rgba(124,92,255,.13),transparent 32%),
    linear-gradient(180deg,#ebe4f1 0%,#e4e7f2 52%,#eee4df 100%);
  overflow-x:hidden;
}
a{color:inherit}
img{max-width:100%}
.wrap{width:min(1220px,calc(100% - 32px));margin:auto}

.bg-orb,.bg-grid{display:none!important}

/* 顶部 */
.topbar{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 28px rgba(72,43,104,.08);
}
.nav{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-size:20px;
  font-weight:950;
  color:#21162f;
}
.brand-icon{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,var(--pink),var(--violet));
  box-shadow:0 14px 32px rgba(255,79,195,.24);
}
.links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.links a{
  text-decoration:none;
  padding:9px 13px;
  border-radius:999px;
  font-weight:850;
  color:#342343;
}
.links a:hover{
  background:rgba(255,79,195,.10);
  color:#b21486;
}

/* 顶部小分类，别做大卡片 */
.top-cats{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 0 12px!important;
}
.top-cat{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:auto!important;
  max-width:none!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  color:#3b2b4e!important;
  font-size:13px!important;
  font-weight:900!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(92,55,132,.13)!important;
  box-shadow:none!important;
}
.top-cat:hover{
  background:linear-gradient(135deg,rgba(255,79,195,.13),rgba(124,92,255,.10))!important;
  color:#b21486!important;
}

.notice{
  padding:10px 0;
  color:#3f3152;
  font-weight:750;
  background:rgba(255,255,255,.55);
  border-bottom:1px solid var(--line);
}
.main{padding:28px 0 58px}

/* 首页主视觉 */
.home-hero{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:26px;
  align-items:center;
  min-height:330px;
  padding:42px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.72);
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.76)),
    radial-gradient(circle at 84% 18%,rgba(255,79,195,.18),transparent 34%);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  margin-bottom:14px;
  border-radius:999px;
  color:#b21486;
  background:rgba(255,79,195,.12);
  border:1px solid rgba(255,79,195,.22);
  font-size:13px;
  font-weight:950;
}
.home-hero h1{
  margin:0 0 14px;
  font-size:clamp(36px,6vw,72px);
  line-height:1;
  letter-spacing:-1.6px;
  color:#1f1530;
}
.home-hero p{
  margin:0;
  max-width:680px;
  color:#5f5270;
  font-size:17px;
  line-height:1.8;
  font-weight:650;
}
.hero-search{
  margin-top:22px;
  display:flex;
  gap:10px;
  max-width:620px;
}
.hero-search input{
  flex:1;
  min-width:0;
  border:1px solid rgba(92,55,132,.16);
  outline:none;
  border-radius:16px;
  padding:13px 15px;
  color:#241832;
  background:#fff;
  font-size:15px;
  box-shadow:0 12px 28px rgba(72,43,104,.07);
}
.hero-search button,.btn{
  border:0;
  border-radius:16px;
  padding:12px 18px;
  background:linear-gradient(135deg,var(--pink),var(--violet));
  color:#fff;
  font-weight:950;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 16px 36px rgba(124,92,255,.22);
}
.btn.secondary{
  background:rgba(255,255,255,.82);
  color:#2f2042;
  border:1px solid var(--line);
  box-shadow:none;
}
.btn.danger{
  background:linear-gradient(135deg,#ff6f91,#ff3b7d);
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.home-hero-card{
  display:flex;
  justify-content:center;
}
.fake-cover{
  width:min(320px,88%);
  aspect-ratio:3/4;
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.75),transparent 18%),
    linear-gradient(145deg,rgba(255,79,195,.34),rgba(124,92,255,.22)),
    rgba(255,255,255,.45);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 28px 70px rgba(72,43,104,.18);
  transform:rotate(4deg);
  display:flex;
  align-items:flex-end;
  padding:26px;
}
.fake-cover span{
  color:rgba(33,22,47,.72);
  font-size:44px;
  font-weight:950;
  letter-spacing:-2px;
}

/* 分类：这里是修正重点 */
.category-strip{
  margin-top:26px;
  width:100%;
  display:block;
}
.section-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 15px;
}
.section-title-row h2{
  margin:0;
  color:#21162f;
  font-size:26px;
}
.section-title-row p{
  margin:6px 0 0;
  color:#6d5f7c;
  font-weight:650;
}
.category-pills{
  width:100%;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.category-pill{
  min-width:0!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:14px 10px!important;
  border-radius:18px!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#251936!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(92,55,132,.13)!important;
  box-shadow:0 14px 34px rgba(72,43,104,.10)!important;
  font-size:15px!important;
  font-weight:950!important;
}
.category-pill span{
  font-size:18px;
  line-height:1;
}
.category-pill.active,
.category-pill:hover{
  color:#b21486!important;
  background:linear-gradient(135deg,rgba(255,79,195,.14),rgba(124,92,255,.10))!important;
  border-color:rgba(255,79,195,.30)!important;
}

/* 兼容旧 index.php 的分类结构，防止再变大竖条 */
.category-section,.categories-section,.cat-section{width:100%!important;display:block!important;clear:both!important;margin-top:26px!important}
.cat-grid,.category-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.cat-card,.category-card{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:8px!important;
  padding:14px 10px!important;
  margin:0!important;
  border-radius:18px!important;
  text-align:center!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(92,55,132,.13)!important;
  box-shadow:0 14px 34px rgba(72,43,104,.10)!important;
  color:#251936!important;
}
.cat-card h3,.category-card h3{
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:950!important;
  color:#251936!important;
}
.cat-card p,.category-card p{display:none!important}
.cat-card:before,.cat-card:after,.category-card:before,.category-card:after{display:none!important}
.cat-icon{display:none!important}

/* 游戏卡片 */
.game-section{margin-top:28px}
.game-grid,.grid,.games-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.game-card{
  width:100%!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  text-decoration:none!important;
  color:#21162f!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 24px 64px rgba(72,43,104,.17)!important;
  transition:.2s ease!important;
}
.game-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 28px 70px rgba(255,79,195,.16)!important;
}
.game-cover,.cover-wrap{
  position:relative!important;
  overflow:hidden!important;
  background:#f0e8fb!important;
}
.game-cover img,.game-card .cover,.cover{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/11!important;
  object-fit:cover!important;
}

/* 去掉游戏封面上的小栏、角标、图标 */
.game-cover:before,.game-cover:after,
.cover-wrap:before,.cover-wrap:after,
.game-card:before,.game-card:after,
.cover-overlay,.cover-top,.game-cover-top,.card-top,
.card-label,.cover-label,.cover-badge,.game-badge,.card-badge,
.status-badge,.rating-badge,.corner-badge,.badge,.badge.hot,.game-label{
  display:none!important;
  content:none!important;
}
.game-cover *[class*="badge"],
.game-cover *[class*="label"],
.cover-wrap *[class*="badge"],
.cover-wrap *[class*="label"]{
  display:none!important;
}

.game-info,.card-body{
  padding:18px!important;
}
.game-info h3,.title{
  margin:0 0 10px!important;
  color:#21162f!important;
  font-size:19px!important;
  line-height:1.35!important;
  font-weight:950!important;
}
.game-meta,.meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  color:#6d5f7c!important;
  font-size:13px!important;
  font-weight:700!important;
}
.game-meta span,.pill{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  color:#574665!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(88,55,132,.13)!important;
  font-weight:800!important;
}

/* 通用面板 / 详情 / 后台 */
.panel{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  padding:22px;
  box-shadow:0 20px 56px rgba(92,57,132,.12);
  color:#21162f;
}
.panel h1,.panel h2,.panel h3{color:#21162f}
.detail{display:grid;grid-template-columns:minmax(0,1.35fr) 370px;gap:24px}
.detail-cover{width:100%;border-radius:20px;border:1px solid rgba(88,55,132,.12)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;border:1px solid rgba(88,55,132,.12)}
.desc{color:#3d304e;line-height:1.95;white-space:pre-wrap;font-size:15px;font-weight:560}
.download-list{display:grid;gap:10px}
.download-item{padding:13px;border:1px solid rgba(88,55,132,.14);border-radius:16px;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:space-between;gap:10px}
.lock{border:1px dashed rgba(255,79,195,.36);background:linear-gradient(135deg,rgba(255,79,195,.10),rgba(124,92,255,.08));border-radius:18px;padding:18px;color:#3d2a50}
.side-sticky{position:sticky;top:96px}
.info-list{display:grid;gap:10px;margin:14px 0}
.info-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.64);border:1px solid rgba(88,55,132,.12)}
.info-row span:first-child{color:#7a6a88;font-weight:800}
.info-row span:last-child{font-weight:950;color:#2a1b3b;text-align:right}
.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price{font-size:34px;font-weight:950}
.form-card{max-width:430px;margin:40px auto}
.input,textarea,select{
  width:100%;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(88,55,132,.20);
  color:#241832;
  border-radius:15px;
  padding:12px 14px;
  outline:none;
  font-size:15px;
}
textarea{min-height:160px;line-height:1.8}
.admin-table{width:100%;border-collapse:collapse;color:#21162f}
.admin-table th,.admin-table td{border-bottom:1px solid rgba(88,55,132,.14);padding:12px;text-align:left}
.admin-table th{color:#554064;background:rgba(255,255,255,.45)}
.admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.empty-panel{padding:24px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid var(--line);color:#665972;font-weight:800}
.footer{color:#756782;border-top:1px solid var(--line);padding:24px 0;background:rgba(255,255,255,.46);font-weight:650}

/* 平板 */
@media (max-width:1080px){
  .home-hero{grid-template-columns:1fr}
  .home-hero-card{display:none}
  .category-pills,.cat-grid,.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .game-grid,.grid,.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .detail{grid-template-columns:1fr}
  .side-sticky{position:static}
  .packages{grid-template-columns:1fr}
  .nav{height:auto;padding:14px 0;align-items:flex-start;flex-direction:column}
}

/* 手机 */
@media (max-width:640px){
  .wrap{width:min(100% - 22px,1220px)}
  .main{padding-top:18px}
  .home-hero{border-radius:24px;padding:24px;min-height:auto}
  .home-hero h1{font-size:36px;letter-spacing:-.8px}
  .home-hero p{font-size:15px}
  .hero-search{flex-direction:column}
  .section-title-row{align-items:flex-start;flex-direction:column}
  .category-pills,.cat-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .category-pill,.cat-card,.category-card{min-height:54px!important;padding:10px 8px!important;border-radius:16px!important;font-size:13px!important}
  .category-pill span{display:none}
  .cat-card h3,.category-card h3{font-size:13px!important}
  .game-grid,.grid,.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .game-cover img,.game-card .cover,.cover{aspect-ratio:16/11.5!important}
  .game-info,.card-body{padding:12px!important}
  .game-info h3,.title{font-size:15px!important}
  .game-meta,.meta{font-size:12px!important}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .panel{padding:16px;border-radius:20px}
  .download-item{align-items:flex-start;flex-direction:column}
  .links{gap:4px}
  .links a{font-size:14px;padding:8px 10px}
  .top-cat{font-size:13px!important;padding:8px 10px!important}
}
/* =========================================================
   v10 设计加强版：去掉大白块、分类更有设计感、游戏封面更大
   直接追加到 assets/css/style.css 最底部
========================================================= */

/* 整体背景：稍微暗一点，有二次元粉紫氛围 */
body{
  background:
    radial-gradient(circle at 8% -8%,rgba(255,79,195,.24),transparent 34%),
    radial-gradient(circle at 92% 0%,rgba(124,92,255,.22),transparent 34%),
    radial-gradient(circle at 50% 42%,rgba(40,199,239,.10),transparent 42%),
    linear-gradient(135deg,#ded3ed 0%,#d7dcef 48%,#eadce5 100%) !important;
  color:#21162f !important;
}

/* 给页面加一点网格质感，不要白板感 */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  opacity:.34 !important;
  background-image:
    linear-gradient(rgba(124,92,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,92,255,.08) 1px,transparent 1px) !important;
  background-size:38px 38px !important;
}

/* 顶部导航：不要纯白，改成粉紫玻璃渐变 */
.topbar{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,79,195,.20),transparent 36%),
    radial-gradient(circle at 82% 0%,rgba(124,92,255,.18),transparent 38%),
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(238,229,250,.54)) !important;
  backdrop-filter:blur(22px) !important;
  border-bottom:1px solid rgba(83,50,126,.18) !important;
  box-shadow:0 14px 38px rgba(61,38,94,.15) !important;
}

/* logo 更明显 */
.brand-icon{
  width:46px !important;
  height:46px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#ff4fc3,#7c5cff) !important;
  box-shadow:0 16px 34px rgba(255,79,195,.30) !important;
}

.brand{
  font-size:21px !important;
  color:#20142e !important;
}

/* 右上角导航按钮也加一点底色 */
.links a{
  background:rgba(255,255,255,.34) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  color:#2d1d40 !important;
}

.links a:hover{
  background:linear-gradient(135deg,rgba(255,79,195,.16),rgba(124,92,255,.12)) !important;
  color:#a90f80 !important;
  border-color:rgba(255,79,195,.30) !important;
}

/* 顶部分类栏：加大 + 不再纯白 */
.top-cats{
  gap:12px !important;
  padding:0 0 17px !important;
}

.top-cat{
  min-height:44px !important;
  padding:11px 18px !important;
  font-size:15px !important;
  font-weight:950 !important;
  border-radius:999px !important;
  color:#2d1d40 !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.42)),
    linear-gradient(135deg,rgba(255,79,195,.10),rgba(124,92,255,.08)) !important;
  border:1px solid rgba(83,50,126,.18) !important;
  box-shadow:0 12px 28px rgba(61,38,94,.13) !important;
}

.top-cat:hover,
.top-cat.active{
  color:#a90f80 !important;
  background:
    linear-gradient(135deg,rgba(255,79,195,.22),rgba(124,92,255,.16)) !important;
  border-color:rgba(255,79,195,.36) !important;
  transform:translateY(-1px) !important;
}

/* 公告栏也别白 */
.notice{
  background:
    linear-gradient(90deg,rgba(255,79,195,.18),rgba(124,92,255,.14)),
    rgba(255,255,255,.32) !important;
  border-bottom:1px solid rgba(83,50,126,.15) !important;
  color:#2b1d3d !important;
  font-weight:850 !important;
}

/* 首页主视觉：去掉大白板，改成有层次的粉紫玻璃卡片 */
.home-hero,
.hero,
.hero-anime{
  background:
    radial-gradient(circle at 88% 18%,rgba(255,79,195,.25),transparent 34%),
    radial-gradient(circle at 68% 78%,rgba(124,92,255,.20),transparent 38%),
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(248,239,255,.50) 48%,rgba(224,214,242,.56)) !important;
  border:1px solid rgba(255,255,255,.56) !important;
  box-shadow:0 28px 78px rgba(61,38,94,.22) !important;
  border-radius:36px !important;
}

/* 主视觉上加一层斜光，避免平 */
.home-hero::before,
.hero::before,
.hero-anime::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.36) 42%,transparent 56%),
    radial-gradient(circle at 5% 100%,rgba(255,79,195,.13),transparent 32%) !important;
}

/* 主视觉文字保持清楚 */
.home-hero h1,
.hero h1,
.hero-anime h1{
  color:#1f1430 !important;
  text-shadow:0 18px 42px rgba(79,46,120,.13) !important;
}

.home-hero p,
.hero p,
.hero-anime p{
  color:#4d405d !important;
  font-weight:750 !important;
}

/* 搜索框别太白 */
.hero-search input,
.search input,
.input{
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(83,50,126,.18) !important;
  box-shadow:0 14px 32px rgba(61,38,94,.10) !important;
}

/* 首页右侧 GAME 卡片更有颜色 */
.fake-cover,
.hero-card{
  background:
    radial-gradient(circle at 52% 20%,rgba(255,255,255,.75),transparent 18%),
    linear-gradient(145deg,rgba(255,79,195,.42),rgba(124,92,255,.28)),
    rgba(255,255,255,.40) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 30px 76px rgba(61,38,94,.23) !important;
}

/* 分类区域：如果首页下面还有一组分类卡，也一起改 */
.category-pills,
.cat-grid,
.category-grid{
  gap:16px !important;
}

.category-pill,
.cat-card,
.category-card{
  min-height:76px !important;
  padding:16px 14px !important;
  border-radius:22px !important;
  color:#251936 !important;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,79,195,.16),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.68),rgba(245,235,255,.48)) !important;
  border:1px solid rgba(83,50,126,.18) !important;
  box-shadow:0 18px 42px rgba(61,38,94,.15) !important;
  font-size:16px !important;
  font-weight:950 !important;
}

.category-pill:hover,
.category-pill.active,
.cat-card:hover,
.category-card:hover{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,79,195,.26),transparent 36%),
    linear-gradient(135deg,rgba(255,79,195,.18),rgba(124,92,255,.14)) !important;
  border-color:rgba(255,79,195,.36) !important;
  color:#a90f80 !important;
  transform:translateY(-2px) !important;
}

.category-pill b,
.cat-card h3,
.category-card h3{
  font-size:16px !important;
  font-weight:950 !important;
}

/* 游戏内容卡片：封面再大一点 */
.game-grid,
.grid,
.games-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
}

.game-card{
  border-radius:28px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.76),rgba(245,235,255,.52)) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 26px 70px rgba(61,38,94,.20) !important;
}

.game-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 32px 80px rgba(255,79,195,.18) !important;
}

/* 封面重点：加大比例 */
.game-cover img,
.game-card .cover,
.cover{
  aspect-ratio:16 / 12.2 !important;
  object-fit:cover !important;
}

/* 封面容器不显示顶部小栏 */
.game-cover::before,
.game-cover::after,
.cover-wrap::before,
.cover-wrap::after,
.game-card::before,
.game-card::after,
.cover-overlay,
.cover-top,
.game-cover-top,
.card-top,
.card-label,
.cover-label,
.cover-badge,
.game-badge,
.card-badge,
.status-badge,
.rating-badge,
.corner-badge,
.badge,
.badge.hot,
.game-label{
  display:none !important;
  content:none !important;
}

/* 卡片标题区域 */
.game-info,
.card-body{
  padding:19px !important;
}

.game-info h3,
.title{
  font-size:20px !important;
  font-weight:950 !important;
  color:#21162f !important;
}

.game-meta span,
.pill{
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(83,50,126,.14) !important;
  color:#574665 !important;
}

/* 详情页和普通面板也别纯白 */
.panel{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,79,195,.10),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.70),rgba(245,235,255,.50)) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 22px 60px rgba(61,38,94,.16) !important;
}

/* 平板 */
@media (max-width:1080px){
  .game-grid,
  .grid,
  .games-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px !important;
  }

  .category-pills,
  .cat-grid,
  .category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* 手机 */
@media (max-width:640px){
  .top-cat{
    min-height:39px !important;
    padding:9px 13px !important;
    font-size:13px !important;
  }

  .home-hero,
  .hero,
  .hero-anime{
    padding:24px !important;
    border-radius:26px !important;
  }

  .category-pills,
  .cat-grid,
  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .category-pill,
  .cat-card,
  .category-card{
    min-height:62px !important;
    padding:13px 10px !important;
    font-size:14px !important;
  }

  .game-grid,
  .grid,
  .games-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:15px !important;
  }

  .game-cover img,
  .game-card .cover,
  .cover{
    aspect-ratio:16 / 12.5 !important;
  }

  .game-info,
  .card-body{
    padding:13px !important;
  }

  .game-info h3,
  .title{
    font-size:15px !important;
  }
}
/* 顶部导航栏不再显示分类，分类只保留首页分类区 */
.top-cats{
  display:none !important;
}