/* ===== 赛事记录文章 / page-news ===== */
.page-news{
  --pn-frame:rgba(143,163,155,.34);
  --pn-panel:rgba(18,53,43,.55);
  --pn-panel-soft:rgba(31,90,69,.2);
  --pn-item-bg:rgba(11,18,16,.55);
  --pn-red-line:rgba(226,59,46,.55);
  --pn-yellow-line:rgba(245,197,66,.55);
  --pn-cyan-line:rgba(95,211,179,.5);
  color:var(--rb-white);
  padding-bottom:clamp(48px,9vw,108px);
}

.page-news a{color:inherit;}

/* 面包屑 */
.page-news .pn-crumb-wrap{padding-top:18px;}
.page-news .rb-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  list-style:none;margin:0;padding:0;
  font-family:var(--rb-font-num);font-size:12px;letter-spacing:.04em;color:var(--rb-slate);
}
.page-news .rb-crumb li{display:flex;align-items:center;gap:8px;}
.page-news .rb-crumb li+li::before{content:"/";color:var(--rb-line-strong);}
.page-news .rb-crumb a{text-decoration:none;color:var(--rb-slate);}
.page-news .rb-crumb a:hover{color:var(--rb-cyan);}
.page-news .rb-crumb [aria-current="page"]{color:var(--rb-mist);}

/* 首屏框景 */
.page-news .pn-hero{margin-top:18px;}
.page-news .pn-hero__frame{
  position:relative;
  padding:clamp(22px,4.4vw,44px);
  border:1px solid var(--rb-line-strong);
  background:linear-gradient(152deg,rgba(18,53,43,.94),rgba(11,18,16,.97) 62%);
  overflow:hidden;
}
.page-news .pn-hero__frame::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(90deg,var(--rb-grid) 1px,transparent 1px),
    linear-gradient(0deg,var(--rb-grid) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);
  mask-image:linear-gradient(180deg,#000,transparent 90%);
}
.page-news .pn-hero__frame::after{
  content:"";position:absolute;left:0;top:0;width:104px;height:3px;
  background:linear-gradient(90deg,var(--rb-red) 0 50%,var(--rb-yellow) 50% 100%);
}
.page-news .pn-hero__main{position:relative;z-index:1;}
.page-news .pn-hero__title{
  margin:12px 0 0;
  font-size:clamp(27px,7.2vw,52px);
  line-height:1.14;
  letter-spacing:-.02em;
  font-weight:800;
}
.page-news .pn-hero__lead{
  margin-top:14px;
  max-width:68ch;
  font-size:clamp(14.5px,3.4vw,16.5px);
  line-height:1.85;
  color:var(--rb-mist);
}
.page-news .pn-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}

.page-news .pn-hero__side{position:relative;z-index:1;margin-top:26px;padding-top:20px;border-top:1px solid var(--rb-line);}
.page-news .pn-hero__vertical{
  display:none;
  font-family:var(--rb-font-num);font-size:11px;letter-spacing:.22em;
  writing-mode:vertical-rl;color:var(--rb-slate);
}
.page-news .pn-side__label{
  margin:0 0 12px;
  font-family:var(--rb-font-num);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rb-slate);
}
.page-news .pn-stats{display:grid;gap:12px;}
.page-news .pn-stat{
  display:flex;flex-direction:column;gap:3px;
  padding-left:11px;border-left:2px solid var(--rb-turf);
}
.page-news .pn-stat .rb-stat__num{
  font-family:var(--rb-font-num);
  font-size:clamp(20px,4.6vw,26px);
  font-weight:700;color:var(--rb-white);line-height:1.1;
}
.page-news .pn-stat .rb-stat__label{font-size:12.5px;line-height:1.6;color:var(--rb-slate);}

/* 通用区块 */
.page-news .pn-section{margin-top:clamp(48px,8vw,88px);}
.page-news .pn-head{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;
  padding-bottom:16px;border-bottom:1px solid var(--rb-line);
}
.page-news .pn-h2{
  margin:0;font-size:clamp(21px,4.6vw,32px);line-height:1.22;
  font-weight:800;letter-spacing:-.015em;
}
.page-news .pn-head__sub{
  flex:1 1 100%;margin:2px 0 0;max-width:72ch;
  font-size:13.8px;line-height:1.8;color:var(--rb-slate);
}
.page-news .pn-body{
  margin-top:12px;max-width:70ch;
  font-size:14.5px;line-height:1.85;color:var(--rb-mist);
}

/* 头条文章 */
.page-news .pn-lead-story__frame{
  display:grid;gap:20px;
  margin-top:24px;padding:clamp(16px,3vw,26px);
  border:1px solid var(--rb-line);
  background:var(--pn-panel);
}
.page-news .pn-lead-story__media{margin:0;}
.page-news .pn-lead-story__body{min-width:0;}
.page-news .pn-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:0;font-family:var(--rb-font-num);font-size:11.5px;color:var(--rb-slate);
}
.page-news .pn-meta__num{color:var(--rb-cyan);}
.page-news .pn-meta__time{margin-left:auto;}
.page-news .pn-lead-story .pn-h2{margin-top:12px;}
.page-news .pn-points{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;}
.page-news .pn-points li{
  position:relative;padding-left:22px;
  font-size:14px;line-height:1.75;color:var(--rb-mist);
}
.page-news .pn-points li::before{
  content:"";position:absolute;left:0;top:.66em;
  width:10px;height:3px;background:var(--rb-yellow);
}
.page-news .pn-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}

/* 标签 */
.page-news .rb-tag{
  display:inline-block;
  font-size:10.5px;font-weight:800;letter-spacing:.08em;
  padding:3px 8px;border:1px solid var(--rb-line-strong);
  color:var(--rb-mist);background:rgba(143,163,155,.08);
}
.page-news .rb-tag--red{border-color:var(--pn-red-line);color:#F6A79F;background:rgba(226,59,46,.16);}
.page-news .rb-tag--yellow{border-color:var(--pn-yellow-line);color:var(--rb-yellow);background:rgba(245,197,66,.12);}
.page-news .rb-tag--cyan{border-color:var(--pn-cyan-line);color:var(--rb-cyan);background:rgba(95,211,179,.1);}

/* 分类索引 */
.page-news .pn-cats{display:grid;gap:12px;margin-top:22px;}
.page-news .pn-cat{
  position:relative;display:flex;flex-direction:column;
  padding:16px 16px 16px 19px;
  text-decoration:none;
  border:1px solid var(--rb-line);
  background:linear-gradient(180deg,var(--pn-panel-soft),rgba(11,18,16,.35));
  transition:border-color .25s var(--rb-ease),transform .25s var(--rb-ease),background .25s var(--rb-ease);
}
.page-news .pn-cat::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:100%;
  background:var(--rb-red);
}
.page-news .pn-cat--yellow::before{background:var(--rb-yellow);}
.page-news .pn-cat--cyan::before{background:var(--rb-cyan);}
.page-news .pn-cat:hover{
  transform:translateY(-3px);
  border-color:var(--rb-line-strong);
  background:linear-gradient(180deg,rgba(31,90,69,.38),rgba(11,18,16,.4));
}
.page-news .pn-cat__num{font-family:var(--rb-font-num);font-size:12px;color:var(--rb-slate);}
.page-news .pn-cat__name{margin-top:8px;font-size:16.5px;font-weight:700;}
.page-news .pn-cat__desc{margin-top:8px;font-size:13.5px;line-height:1.75;color:var(--rb-slate);}
.page-news .pn-cat__count{
  margin-top:auto;padding-top:14px;
  font-family:var(--rb-font-num);font-size:11.5px;letter-spacing:.06em;color:var(--rb-cyan);
}

/* 文章分组与列表 */
.page-news .pn-group{margin-top:34px;}
.page-news .pn-group__head{
  display:flex;align-items:center;gap:10px;
  padding-bottom:10px;border-bottom:1px dashed var(--rb-line-strong);
}
.page-news .pn-group__num{
  font-family:var(--rb-font-num);font-size:13px;font-weight:700;
  color:var(--rb-night);background:var(--rb-yellow);padding:2px 7px;
}
.page-news .pn-group__title{margin:0;font-size:16.5px;font-weight:700;}
.page-news .pn-group__count{margin-left:auto;font-family:var(--rb-font-num);font-size:11.5px;color:var(--rb-slate);}
.page-news .pn-group__sub{margin:12px 0 0;max-width:72ch;font-size:13.5px;line-height:1.8;color:var(--rb-slate);}
.page-news .pn-items{display:grid;gap:12px;margin-top:16px;}
.page-news .pn-item{
  display:flex;flex-direction:column;
  padding:14px 15px;
  border:1px solid var(--rb-line);
  border-left:3px solid var(--rb-turf);
  background:var(--pn-item-bg);
  transition:border-color .25s var(--rb-ease),background .25s var(--rb-ease);
}
.page-news .pn-item:hover{border-color:var(--rb-line-strong);border-left-color:var(--rb-yellow);background:rgba(31,90,69,.2);}
.page-news .pn-item__head{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;font-family:var(--rb-font-num);font-size:11px;color:var(--rb-slate);
}
.page-news .pn-item__idx{color:var(--rb-yellow);letter-spacing:.08em;}
.page-news .pn-item__time{margin-left:auto;letter-spacing:.04em;}
.page-news .pn-item__title{margin:10px 0 0;font-size:15.5px;font-weight:700;line-height:1.5;}
.page-news .pn-item__desc{margin:7px 0 0;font-size:13.5px;line-height:1.78;color:var(--rb-slate);}
.page-news .pn-figure{margin:20px 0 0;}
.page-news .pn-tail-link{
  margin:28px 0 0;font-size:13.5px;line-height:1.8;color:var(--rb-slate);
}
.page-news .pn-tail-link a{color:var(--rb-cyan);text-decoration:none;border-bottom:1px solid var(--pn-cyan-line);}
.page-news .pn-tail-link a:hover{color:var(--rb-white);}

/* 专题系列 */
.page-news .pn-series{display:grid;gap:20px;margin-top:24px;}
.page-news .pn-series__fig{margin:0;}
.page-news .pn-series__list{display:grid;gap:12px;min-width:0;}
.page-news .pn-series__card{
  padding:15px 16px;
  border:1px solid var(--rb-line);
  border-left:3px solid var(--rb-red);
  background:rgba(18,53,43,.45);
}
.page-news .pn-series__card--yellow{border-left-color:var(--rb-yellow);}
.page-news .pn-series__card--cyan{border-left-color:var(--rb-cyan);}
.page-news .pn-series__card h3{margin:0;font-size:16px;font-weight:700;}
.page-news .pn-series__card p{margin:8px 0 0;font-size:13.5px;line-height:1.78;color:var(--rb-slate);}
.page-news .pn-series__card summary{
  display:inline-flex;align-items:center;gap:7px;
  margin-top:12px;cursor:pointer;
  font-family:var(--rb-font-num);font-size:11.5px;letter-spacing:.06em;color:var(--rb-cyan);
  list-style:none;
}
.page-news .pn-series__card summary::-webkit-details-marker{display:none;}
.page-news .pn-series__card summary::before{content:"+";font-weight:800;}
.page-news .pn-series__card[open] summary::before{content:"–";}
.page-news .pn-series__card details p{
  margin-top:8px;padding-left:11px;border-left:1px solid var(--rb-line);
  color:var(--rb-mist);
}

/* 订阅更新 */
.page-news .pn-sub-cta{
  position:relative;
  display:grid;gap:22px;
  padding:clamp(20px,3.6vw,36px);
  border:1px solid var(--rb-line-strong);
  background:linear-gradient(135deg,rgba(18,53,43,.92),rgba(11,18,16,.94));
  overflow:hidden;
}
.page-news .pn-sub-cta::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:100%;
  background:linear-gradient(180deg,var(--rb-red) 0 50%,var(--rb-yellow) 50% 100%);
}
.page-news .pn-sub-cta__body{min-width:0;}
.page-news .pn-sub-cta__fig{margin:0;}
.page-news .pn-contact-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--rb-line);
}
.page-news .pn-mail{
  font-family:var(--rb-font-num);font-size:14px;letter-spacing:.02em;color:var(--rb-cyan);
  word-break:break-all;
}
.page-news .pn-note{margin:12px 0 0;font-size:12.5px;line-height:1.8;color:var(--rb-slate);}
.page-news .pn-crosslinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}

/* 响应式 */
@media (min-width:720px){
  .page-news .pn-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .page-news .pn-items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:12px;}
  .page-news .pn-items>*:nth-child(even){margin-top:24px;}
  .page-news .pn-items{padding-bottom:24px;}
  .page-news .pn-item{padding:16px 17px;}
}

@media (min-width:900px){
  .page-news .pn-hero__frame{
    display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.72fr);
    gap:clamp(24px,3.4vw,44px);
  }
  .page-news .pn-hero__side{
    margin-top:0;padding-top:0;padding-left:clamp(18px,2.4vw,30px);
    border-top:0;border-left:1px solid var(--rb-line);
    display:flex;
  }
  .page-news .pn-hero__vertical{
    display:block;margin:0 clamp(14px,1.8vw,22px) 0 0;
  }
  .page-news .pn-hero__side .pn-side__label{display:none;}
  .page-news .pn-lead-story__frame{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;}
  .page-news .pn-series{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;}
  .page-news .pn-series__fig{position:sticky;top:calc(var(--rb-top-h) + 18px);}
  .page-news .pn-sub-cta{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;}
}

@media (min-width:1080px){
  .page-news .pn-hero__frame{padding:clamp(34px,3.6vw,52px);}
  .page-news .pn-cats{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-news .pn-cat{padding:18px 18px 18px 21px;}
}

@media (prefers-reduced-motion:reduce){
  .page-news .pn-cat,
  .page-news .pn-item,
  .page-news .pn-series__card{transition:none;}
  .page-news .pn-cat:hover{transform:none;}
}