:root{
  --wzry-win:#2563eb;
  --wzry-lose:#ef4444;
  --wzry-accent:#7c3aed;
  --wzry-text:#111827;
  --wzry-sub:#6b7280;
}

/* 卡片：伪元素背景 + 自身 background-image 双保险 */
.wzry-prof-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  color:var(--wzry-text);
  background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  background-size:cover; background-position:center;
}
.wzry-prof-card::before{
  content:"";
  position:absolute; inset:0;
  background-image: var(--wzry-prof-bg);
  background-size: cover; background-position: center;
  z-index:0;
}
.wzry-prof-card::after{
  content:"";
  position:absolute; inset:0;
  background: none; /* 关掉蒙层，背景更清晰 */
  z-index:1;
}
.wzry-prof-inner{ position:relative; z-index:2; padding:14px 14px 22px; }

/* 右侧段位装饰层（移动端默认） */
.wzry-prof-rank-deco{
  position:absolute;
  right:-20px;
  top:41%;
  transform:translateY(-50%);
  height:170px; width:auto;
  z-index:1; pointer-events:none;
}
.wzry-prof-rank-deco .wzry-rank-img{
  height:170px; width:auto; object-fit:contain;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.15));
}
.wzry-prof-rank-deco .wzry-rank-ribbon{
  position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  background:#fff; color:var(--wzry-text);
  border-radius:999px; padding:4px 12px; font-weight:700;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  white-space:nowrap; display:flex; gap:6px; align-items:center;
}
.wzry-rank-name{ font-size:14px; }
.wzry-rank-stars{ font-size:14px; color:#6b7280; }

/* 内容层：右侧留出空间，避免文字被装饰层遮住 */
.wzry-prof-content{ position:relative; z-index:2; padding-right:260px; }
@media (max-width:520px){
  .wzry-prof-content{ padding-right:100px; }
}

/* 顶部：头像 + 用户名 + 区号 */
.wzry-prof-head{
  display:flex; align-items:center; gap:10px; margin-bottom:28px;
}
.wzry-prof-avatar{
  width:36px; height:36px; border-radius:50%; object-fit:cover;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.wzry-prof-name-line{ display:flex; align-items:baseline; gap:6px; }
.wzry-prof-name{ font-weight:800; font-size:16px; }
.wzry-prof-sep{ color:var(--wzry-sub); }
.wzry-prof-server{ color:var(--wzry-sub); font-size:12px; }

/* 指标网格 */
.wzry-prof-grid{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px 1px;
}

/* 移动端默认：数据 15px；分母小一号且不加粗 */
.wzry-metric-value{ font-size:15px; line-height:1; font-weight:700; }
.wzry-metric-value .mv-main{ font-weight:700; }
.wzry-metric-value .mv-sub{ font-weight:400; font-size:0.8em; color:#6b7280; margin-left:2px; }
.wzry-metric-label{ color:var(--wzry-sub); font-size:12px; }

/* PC 端覆盖（≥1024px）：数据 20px；段位装饰层与内边距按你的值 */
@media (min-width:1024px){
  .wzry-metric-value{ font-size:22px; }

  .wzry-prof-inner{
    position:relative; z-index:2;
    padding:52px 34px 52px;
  }

.wzry-prof-head {
  margin-bottom: 32px;
}
.wzry-prof-card {
  border: 1px solid #b69e62;
}

.wzry-prof-grid {
      gap: 20px 16px;
}
  .wzry-prof-rank-deco{
    right:-5px;
    top:48%;
    transform:translateY(-50%);
    height:270px; width:auto;
  }
  .wzry-prof-rank-deco .wzry-rank-img{
    height:270px; width:auto; object-fit:contain;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.15));
  }
  .wzry-prof-rank-deco .wzry-rank-ribbon{
    bottom:20px; /* PC 丝带上移 */
  }
}





/* layout */
/* ===== 面板容器布局 ===== */
.wzry-panel { max-width:100% !important; margin:0 auto; }
.wzry-panel-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr;   /* PC 并排：左大右小 */
  gap:40px;
  align-items:start;
}
.wzry-panel-col > *:first-child { margin-top:0; }

/* 移动端改为上下布局 */
@media (max-width:1023px){
  .wzry-panel-grid{ grid-template-columns: 1fr; }
  .wzry-panel-right{ order:2; }
  .wzry-panel-left{ order:1; }
}

/* 当 battles 未就绪的占位提示 */
.wzry-panel-placeholder{
  background:#fff; border:1px dashed #e5e7eb; border-radius:12px; padding:16px;
  color:#6b7280; font-size:14px;
}






/* ===== Battles 列表样式 ===== */
.wzrybl-wrap{ background:#fff; padding: 20px;  border-radius: 12px}
.wzrybl-item{
  display:flex; gap:12px; align-items:center;
  padding:10px; border-bottom:1px solid #e5e7eb; background:transparent;
}
.wzrybl-item.streak{ background:#f0f6ff; } /* 连胜段高亮（行级） */

.wzrybl-hero{
  position:relative; width:52px; height:52px; flex:0 0 52px;
  border-radius:12px; overflow:hidden; background:#f3f4f6;
}
.wzrybl-hero img{ width:100%; height:100%; object-fit:cover; }

.wzrybl-body{ flex:1 1 auto; min-width:0; }

/* 第一排：状态 + 模式 + 徽章区（评路徽章 -> MVP -> 连胜胶囊） */
.wzrybl-title{ display:flex; align-items:center; gap:8px; }
.wzrybl-status{ font-weight:800; font-size:15px; }
.wzrybl-status.win{ color:var(--wzry-win); }
.wzrybl-status.lose{ color:var(--wzry-lose); }
.wzrybl-mode{ color:var(--wzry-sub); }
.wzrybl-badges{ display:flex; gap:8px; align-items:center; margin-left:auto; }
.wzrybl-badge{ height:22px; width:auto; object-fit:contain; display:block; }
.wzrybl-mvptext{
  display:inline-block; padding:2px 6px; border-radius:6px;
  font-size:12px; color:#fff; background:var(--wzry-accent);
}
.wzrybl-streak-pill{
  background:var(--wzry-accent); color:#fff; padding:2px 10px;
  border-radius:999px; font-size:12px; white-space:nowrap;
}

/* 第二排：左数字 + “xx局”（跟随胜负配色） | 右时间 */
.wzrybl-meta{
  display:flex; justify-content:space-between; align-items:center; margin-top:2px;
}
.wzrybl-meta-left{ display:flex; align-items:center; gap:8px; }
.wzrybl-kda{ color:#374151; font-size:16px; font-weight:700; }
.wzrybl-desc{
  display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; line-height:1; color:#fff;
}
.wzrybl-desc.win{ background:var(--wzry-win); }
.wzrybl-desc.lose{ background:var(--wzry-lose); }
.wzrybl-time{ color:var(--wzry-sub); font-size:12px; }

/* PC 端把 KDA 稍微加大，跟 Profile 观感更贴近 */
@media (min-width:1024px){
  .wzrybl-kda{ font-size:18px; }
}


/* ===== PC：左侧固定，右侧滚动 ===== */
@media (min-width:1024px){
  :root{
    /* 如果你的主题有固定顶部导航，把这个值调成“导航高度+间距”，比如 72px */
    --wzry-sticky-top: 16px;
  }

  /* 让网格项靠上对齐，右列内部允许滚动 */
  .wzry-panel-grid{ align-items: start; }
  .wzry-panel-col{ min-height: 0; }              /* 关键：允许子元素 overflow 生效 */

  /* 左侧 Profile 列：吸顶固定在视口顶部下方 */
  .wzry-panel-left{
    position: sticky;
    top: var(--wzry-sticky-top);
    align-self: start;
    height: fit-content;
    z-index: 2; /* 避免被右侧内容盖住 */
  }

  /* 右侧 Battles 列：独立滚动区域（页面不动/少动） */
  .wzry-panel-right{
    max-height: calc(100vh - var(--wzry-sticky-top) - 150px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 8px;           /* 给滚动条留点内边距，避免遮住内容 */
    margin-top: 140px;
    border-radius: 12px;
  }
}




/* 仅移动端（<1024px）：对局列表专用样式 */
@media (max-width:1023px){

  .wzrybl-wrap{ background:#fff; padding:10px;  border-radius: 10px}

  /* 英雄头像变小一点 */
  .wzry-panel .wzrybl-hero{ width:45px; height:45px; flex: 0 0 45px; border-radius:8px; }

  /* 第一排：胜利/失败与模式字号稍降 */
  .wzry-panel .wzrybl-status{ font-size:13px; }
  .wzry-panel .wzrybl-mode{ font-size:12px; color:var(--wzry-sub); }

  /* 徽章区更紧凑；必要时允许换行到下一行 */
  .wzry-panel .wzrybl-badge{ height:16px; }
  .wzry-panel .wzrybl-badge{ height: 16px;}
  .wzry-panel .wzrybl-streak-pill{ font-size:10px; padding:3px 6px; }

  /* 第二排：K/D/A、时间字号为 15px/11px（更易读） */
  .wzry-panel .wzrybl-kda{ font-size:15px; font-weight:700; }
  .wzry-panel .wzrybl-time{ font-size:11px; color:var(--wzry-sub); }

  /* “xx局”小徽标也稍微缩小 */
  .wzry-panel .wzrybl-desc{ font-size:11px; padding:2px 6px; }

  /* 极窄屏时（可选）：把第二排改成上下两行，避免挤压 */
  @media (max-width:400px){
    .wzry-panel .wzrybl-meta{
      flex-direction:column; align-items:flex-start; gap:4px;
    }
    .wzry-panel .wzrybl-time{ align-self:flex-end; }
  }
}







/* PC：右侧独立滚动 + 美化滚动条 */
@media (min-width:1024px){
  .wzry-panel-right{
    max-height: calc(100vh - var(--wzry-sticky-top, 16px) - 24px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 8px;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.35) transparent;
  }

  /* WebKit（Chrome/Edge/Safari）*/
  .wzry-panel-right::-webkit-scrollbar{ width:8px; }
  .wzry-panel-right::-webkit-scrollbar-track{ background: transparent; }
  .wzry-panel-right::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.28);
    border-radius: 999px;
    border: 2px solid transparent; /* 留出内边距 */
    background-clip: padding-box;
  }
  .wzry-panel-right:hover::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.38);
    background-clip: padding-box;
  }
}

/* 默认隐藏：PC 专属元素在移动端不显示 */
.wzry-logo,
.wzry-section-title,
.wzry-disclaimer{ display:none; }

/* 仅 PC 端显示（≥1024px） */
@media (min-width:1024px){
  .wzry-logo{
    display:block;
    width:220px;             /* 你可按需改 */
    padding-top: 30px;
  }
  .wzry-section-title{
    display:block;
    margin:0 0 12px 0;
    font-weight:800;
    font-size:22px;
    line-height:1.2;
    color:var(--wzry-text);
    border-bottom:1px solid #e5e7eb; /* 可删 */
    padding-bottom:6px;               /* 可删 */
  }
  .wzry-disclaimer{
    display:block;
    margin-top:10px;
    font-size:12px;
    color:var(--wzry-sub);
  }
}

@media (min-width:1024px){
  /* 左列 sticky + 占满视口高度（扣除吸顶间距），以便底部对齐生效 */
  .wzry-panel-left{
    display:flex;
    flex-direction:column;
    height: calc(100vh - var(--wzry-sticky-top, 16px) - 100px);
  }
  /* 让 Profile+小字 贴到底部 */
  .wzry-left-bottom{
    margin-top:auto;
  }
  /* 贴底后的细节间距可调 */
  .wzry-disclaimer{ margin-top:10px; }
}


/* 让整页撑满并应用背景图 */
html, body { height: 100%; }

body.page-id-1886{
   /* 第一层是黑色遮罩，第二层是你的背景图 */
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0,0,0,.3)), url('https://game.gtimg.cn/images/yxzj/zlkdatasys/images/image/20221121/16690198775970.jpg');
  background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* 想要视差感就留着，若手机卡顿可去掉 */
  background-color: #000;       /* 图片加载前的底色，可按需改 */
}

/* 若主题外层容器有白底，设为透明（不影响我们卡片的白色） */
.site, .site-content, .content-area, .site-main{
  background: transparent !important;
}

/* iOS/部分安卓不支持 fixed：在小屏设备降级为滚动背景，提升流畅度（可选） */
@media (max-width: 768px){
  body{ background-attachment: scroll; }
}

/* 战绩统计文案样式 */
.wzry-summary{
  font-size:19px;
  line-height:1.6;
  color:#fff;
  margin: 12px 0 21px;
  text-shadow: 0 2px 4px rgba(0,0,0,.6); /* 阴影区分背景 */
  font-weight:700;
}

/* 数字特别高亮：金色 + 更大字号 */
.wzry-summary-num{
  font-size:30px;
  font-weight:800;
  color:#b69e62; /* 金色 */
  padding:0 4px;
}
/* 移动端不显示统计文案 */
@media (max-width:1023px){
  .wzry-summary{ display:none !important; }
}