.page-news{
  --news-deep:#0A1F44;
  --news-orange:#FF6B00;
  --news-gold:#FFD700;
  --news-ink:#1A1A1A;
  --news-paper:#F5F7FA;
  --news-white:#FFFFFF;
  --news-indigo:#3C4F76;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 40%),
    var(--news-deep);
  color:var(--news-white);
  line-height:1.7;
}

.page-news::before{
  content:"";
  position:absolute;
  top:0;
  right:-10%;
  width:55%;
  height:320px;
  background:
    repeating-linear-gradient(
      -55deg,
      rgba(255,107,0,0.08) 0,
      rgba(255,107,0,0.08) 2px,
      transparent 2px,
      transparent 14px
    );
  pointer-events:none;
  z-index:0;
}

.page-news::after{
  content:"INSIGHTS";
  position:absolute;
  top:420px;
  left:-40px;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:0.5em;
  color:rgba(255,215,0,0.22);
  transform:rotate(90deg);
  transform-origin:left top;
  pointer-events:none;
  z-index:0;
}

.page-news .container{
  position:relative;
  z-index:1;
}

.news-crumb{
  padding-top:1.4rem;
}

.page-news .breadcrumbs{
  display:flex;
  align-items:center;
  gap:0.4rem;
  font-size:0.85rem;
}

.page-news .breadcrumbs-item{
  color:rgba(255,255,255,0.7);
  text-decoration:none;
}

.page-news .breadcrumbs-item[aria-current="page"]{
  color:var(--news-gold);
}

.page-news .breadcrumbs-sep{
  color:rgba(255,255,255,0.45);
}

/* ===== 首屏 ===== */
.news-intro{
  padding:2.4rem 1.25rem 2.8rem;
  display:flex;
  flex-direction:column;
  gap:2rem;
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.news-intro__block{
  max-width:760px;
  border-left:6px solid var(--news-orange);
  padding-left:1.4rem;
}

.page-news .hero-index{
  display:block;
  font-family:var(--font-mono);
  font-size:0.85rem;
  letter-spacing:0.3em;
  color:var(--news-gold);
  margin-bottom:1rem;
}

.news-intro__title{
  font-family:var(--font-heading);
  font-size:1.9rem;
  font-weight:900;
  line-height:1.3;
  color:var(--news-white);
  margin:0 0 1rem;
  letter-spacing:-0.02em;
}

.news-intro__lead{
  font-size:1rem;
  color:rgba(255,255,255,0.82);
  max-width:680px;
  margin:0;
}

.news-intro__metrics{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:1rem;
}

.news-metric{
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.14);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-radius:1rem;
  padding:1.1rem 1.2rem;
  display:flex;
  flex-direction:column;
  gap:0.25rem;
}

.news-metric .stat-number{
  font-family:var(--font-mono);
  font-size:1.7rem;
  font-weight:700;
  color:var(--news-orange);
  line-height:1.2;
}

.news-metric__label{
  font-size:0.8rem;
  color:rgba(255,255,255,0.72);
}

.news-intro__links{
  display:flex;
  flex-wrap:wrap;
  gap:0.85rem;
}

.page-news .btn-accent{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--news-orange);
  color:var(--news-white);
  border:none;
  padding:0.8rem 1.6rem;
  border-radius:999px;
  font-weight:700;
  font-size:0.95rem;
  text-decoration:none;
  transition:background 0.3s var(--ease-out), transform 0.3s var(--ease-out);
}

.page-news .btn-accent:hover{
  background:#E86200;
  transform:translateY(-2px);
}

.page-news .btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  color:var(--news-white);
  border:1.5px solid rgba(255,255,255,0.55);
  padding:0.8rem 1.6rem;
  border-radius:999px;
  font-weight:700;
  font-size:0.95rem;
  text-decoration:none;
  transition:border-color 0.3s var(--ease-out), background 0.3s var(--ease-out);
}

.page-news .btn-outline:hover{
  border-color:var(--news-gold);
  background:rgba(255,215,0,0.08);
}

/* ===== 章节公共 ===== */
.news-section{
  position:relative;
  padding:3rem 0;
}

.page-news .section-heading{
  display:flex;
  align-items:baseline;
  gap:1rem;
  margin-bottom:1.8rem;
  padding:0 1.25rem;
}

.page-news .head-index{
  font-family:var(--font-mono);
  font-size:0.8rem;
  letter-spacing:0.25em;
  color:var(--news-gold);
}

.page-news .section-heading h2{
  font-family:var(--font-heading);
  font-size:1.6rem;
  font-weight:900;
  color:var(--news-white);
  margin:0;
}

/* ===== 版本更新 ===== */
.news-version{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%),
    rgba(10,31,68,0.55);
  clip-path:polygon(0 4vw, 100% 0, 100% 100%, 0 100%);
  padding-top:5.5rem;
}

.news-version__wrap{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  padding:0 1.25rem;
}

.news-version__stream{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:1.2rem;
}

.news-version__stream::before{
  content:"";
  position:absolute;
  left:20px;
  top:24px;
  bottom:24px;
  width:2px;
  background:repeating-linear-gradient(
    to bottom,
    var(--news-orange) 0,
    var(--news-orange) 8px,
    transparent 8px,
    transparent 18px
  );
  opacity:0.6;
}

.version-entry{
  position:relative;
  padding-left:4rem;
}

.version-entry__puck{
  position:absolute;
  left:0;
  top:0.5rem;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--news-orange);
  color:var(--news-white);
  font-family:var(--font-mono);
  font-size:0.85rem;
  font-weight:700;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(255,107,0,0.15);
  z-index:1;
}

.version-entry__puck--plain{
  background:var(--news-indigo);
  box-shadow:0 0 0 5px rgba(60,79,118,0.25);
  font-size:0.7rem;
}

.version-entry__content{
  background:var(--news-paper);
  border-radius:1rem;
  padding:1.3rem 1.4rem;
  color:var(--news-ink);
  box-shadow:0 12px 30px rgba(0,0,0,0.22);
  transition:transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
}

.version-entry__content:hover{
  transform:translateX(4px);
  box-shadow:0 16px 38px rgba(0,0,0,0.28);
}

.version-entry--featured .version-entry__content{
  background:linear-gradient(135deg, var(--news-white) 0%, var(--news-paper) 100%);
  border-left:6px solid var(--news-gold);
}

.version-entry__header{
  display:flex;
  align-items:flex-start;
  gap:0.7rem;
  flex-wrap:wrap;
}

.version-entry__header h3{
  font-family:var(--font-heading);
  font-size:1.2rem;
  font-weight:900;
  margin:0;
  color:var(--news-deep);
}

.page-news .chip{
  display:inline-flex;
  align-items:center;
  background:rgba(60,79,118,0.15);
  color:var(--news-indigo);
  font-size:0.75rem;
  font-weight:700;
  padding:0.25rem 0.8rem;
  border-radius:999px;
  white-space:nowrap;
}

.page-news .chip--gold{
  background:rgba(255,215,0,0.2);
  color:#7a6400;
}

.version-entry__content p{
  margin:0.8rem 0;
  font-size:0.94rem;
  color:rgba(26,26,26,0.82);
}

.version-entry__list{
  list-style:none;
  padding:0;
  margin:0.8rem 0 0;
  display:flex;
  flex-direction:column;
  gap:0.55rem;
}

.version-entry__list li{
  position:relative;
  padding-left:1.6rem;
  font-size:0.9rem;
  color:rgba(26,26,26,0.9);
}

.version-entry__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.45em;
  width:0.6em;
  height:0.6em;
  background:var(--news-orange);
  clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.version-entry--condensed .version-entry__content{
  background:rgba(245,247,250,0.55);
  border-left:4px solid rgba(60,79,118,0.4);
}

/* 右侧 */
.news-version__side{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

.news-figure{
  margin:0;
  border-radius:1rem;
  overflow:hidden;
  background:var(--news-paper);
}

.news-figure__img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.news-figure figcaption{
  font-size:0.8rem;
  color:var(--news-deep);
  padding:1rem 1.2rem;
  line-height:1.6;
  background:var(--news-paper);
}

.news-version__card{
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,0.16);
  border-radius:1rem;
  padding:1.4rem 1.5rem;
}

.news-version__card-index{
  font-family:var(--font-mono);
  font-size:0.72rem;
  letter-spacing:0.3em;
  color:var(--news-gold);
  display:block;
  margin-bottom:0.6rem;
}

.news-version__card p{
  margin:0 0 1rem;
  font-size:0.92rem;
  color:rgba(255,255,255,0.85);
}

.news-link-more{
  display:inline-flex;
  align-items:center;
  gap:0.4rem;
  color:var(--news-gold);
  text-decoration:none;
  font-weight:700;
  font-size:0.9rem;
  transition:color 0.3s var(--ease-out);
}

.news-link-more:hover{
  color:var(--news-orange);
}

/* ===== 每日看点 ===== */
.news-daily{
  background:var(--news-paper);
  color:var(--news-ink);
  clip-path:polygon(0 0, 100% 2.5vw, 100% 100%, 0 100%);
  padding-top:5rem;
}

.news-daily .section-heading h2{
  color:var(--news-deep);
}

.news-daily .head-index{
  color:var(--news-orange);
}

.news-daily__intro{
  padding:0 1.25rem;
  max-width:820px;
  font-size:0.96rem;
  color:rgba(26,26,26,0.78);
  margin-bottom:2rem;
}

.news-daily .gold-number{
  color:var(--news-orange);
  font-weight:900;
}

.news-daily__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  padding:0 1.25rem;
}

.news-daily__list{
  display:flex;
  flex-direction:column;
  gap:1.2rem;
}

.daily-card{
  background:var(--news-white);
  border-radius:1rem;
  padding:1.2rem 1.4rem;
  border-left:5px solid var(--news-orange);
  box-shadow:0 8px 22px rgba(10,31,68,0.08);
  transition:transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
}

.daily-card:nth-child(2n){
  border-left-color:var(--news-indigo);
}

.daily-card:nth-child(3n){
  border-left-color:var(--news-gold);
}

.daily-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(10,31,68,0.12);
}

.daily-card__time{
  font-family:var(--font-mono);
  font-size:0.78rem;
  letter-spacing:0.12em;
  color:var(--news-indigo);
  margin-bottom:0.8rem;
}

.daily-card__body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0.4rem;
}

.daily-card__body h3{
  font-family:var(--font-heading);
  font-size:1.08rem;
  font-weight:900;
  margin:0.3rem 0 0.2rem;
  color:var(--news-deep);
}

.daily-card__body p{
  font-size:0.9rem;
  margin:0;
  color:rgba(26,26,26,0.7);
  line-height:1.7;
}

.daily-card__hot{
  font-family:var(--font-mono);
  font-size:0.82rem;
  color:var(--news-orange);
  margin-top:0.6rem;
}

.news-daily__side{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

.news-daily__note{
  background:rgba(10,31,68,0.06);
  border:1px solid rgba(10,31,68,0.1);
  border-radius:1rem;
  padding:1.3rem 1.4rem;
}

.news-daily__note p{
  margin:0 0 0.8rem;
  font-size:0.92rem;
  color:rgba(26,26,26,0.8);
}

.news-daily__note .news-link-more{
  color:var(--news-orange);
}

/* ===== 榜单精选 ===== */
.news-rank{
  background:
    linear-gradient(165deg, rgba(255,215,0,0.05) 0%, rgba(255,255,255,0) 40%),
    var(--news-deep);
  clip-path:polygon(0 0, 100% 3vw, 100% 100%, 0 100%);
  padding-top:5rem;
}

.news-rank__wrap{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  padding:0 1.25rem;
}

.news-rank__list{
  display:flex;
  flex-direction:column;
  gap:0.9rem;
}

.rank-item{
  display:flex;
  align-items:center;
  gap:1rem;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:1rem;
  padding:1rem 1.2rem;
  transition:background 0.3s var(--ease-out), transform 0.3s var(--ease-out);
}

.rank-item:hover{
  background:rgba(255,255,255,0.13);
  transform:translateX(5px);
}

.rank-item--top{
  background:linear-gradient(135deg, rgba(255,215,0,0.2) 0%, rgba(255,255,255,0.1) 100%);
  border-color:rgba(255,215,0,0.45);
}

.rank-item__medal,
.rank-item__num{
  flex-shrink:0;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:1.05rem;
  border-radius:50%;
  background:rgba(255,255,255,0.14);
  color:var(--news-white);
}

.rank-item__medal--gold{
  background:var(--news-gold);
  color:var(--news-deep);
  box-shadow:0 0 0 4px rgba(255,215,0,0.25);
}

.rank-item__body{
  flex:1;
  min-width:0;
}

.rank-item__body h3{
  font-family:var(--font-heading);
  font-size:1.05rem;
  font-weight:900;
  color:var(--news-white);
  margin:0.2rem 0 0.25rem;
}

.rank-item__body p{
  margin:0;
  font-size:0.82rem;
  color:rgba(255,255,255,0.72);
}

.rank-item__body .gold-number{
  color:var(--news-gold);
  font-weight:700;
}

.rank-item__arrow{
  flex-shrink:0;
  font-size:1.1rem;
  color:var(--news-orange);
  font-weight:700;
}

.news-rank__side{
  display:flex;
  flex-direction:column;
  gap:1.2rem;
}

.news-rank__note{
  font-size:0.85rem;
  color:rgba(255,255,255,0.68);
  border-left:3px solid var(--news-orange);
  padding-left:1rem;
  margin:0;
  line-height:1.7;
}

/* ===== 专题观察 ===== */
.news-focus{
  background:var(--news-paper);
  color:var(--news-ink);
  clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
  padding-top:4rem;
}

.news-focus .section-heading h2{
  color:var(--news-deep);
}

.news-focus .head-index{
  color:var(--news-orange);
}

.news-focus__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  padding:0 1.25rem;
}

.news-focus__copy h3{
  font-family:var(--font-heading);
  font-size:1.4rem;
  font-weight:900;
  color:var(--news-deep);
  margin:0 0 1rem;
}

.news-focus__copy p{
  font-size:0.95rem;
  color:rgba(26,26,26,0.78);
  line-height:1.85;
  margin:0 0 1rem;
}

.news-focus__points{
  list-style:none;
  padding:0;
  margin:0 0 1.4rem;
  display:flex;
  flex-direction:column;
  gap:0.7rem;
}

.news-focus__points li{
  position:relative;
  padding-left:2rem;
  font-size:0.92rem;
  color:rgba(26,26,26,0.85);
}

.news-focus__points li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.2em;
  width:1.1em;
  height:1.1em;
  background:var(--news-orange);
  clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.news-focus__action{
  margin-top:1rem;
}

.news-figure--focus{
  background:var(--news-white);
}

.news-focus__stats{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:1rem;
  padding:2rem 1.25rem 0;
}

.focus-stat{
  background:var(--news-deep);
  color:var(--news-white);
  border-radius:1rem;
  padding:1.3rem;
  display:flex;
  flex-direction:column;
  gap:0.3rem;
}

.focus-stat .stat-number{
  font-family:var(--font-mono);
  font-size:1.6rem;
  font-weight:700;
  color:var(--news-gold);
}

.focus-stat span:last-child{
  font-size:0.82rem;
  color:rgba(255,255,255,0.75);
}

/* ===== 底部关注区 ===== */
.news-follow{
  padding:3rem 1.25rem 4rem;
}

.news-follow__inner{
  background:
    linear-gradient(135deg, rgba(255,107,0,0.15) 0%, rgba(255,255,255,0) 50%),
    rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.16);
  border-radius:1.4rem;
  padding:2rem 1.8rem;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  text-align:center;
}

.news-follow__inner h2{
  font-family:var(--font-heading);
  font-size:1.4rem;
  font-weight:900;
  color:var(--news-white);
  margin:0 0 0.8rem;
}

.news-follow__inner p{
  font-size:0.95rem;
  color:rgba(255,255,255,0.8);
  max-width:620px;
  margin:0 auto 1.6rem;
}

.news-follow__actions{
  display:flex;
  flex-wrap:wrap;
  gap:0.9rem;
  justify-content:center;
}

/* ===== data-reveal ===== */
.page-news [data-reveal]{
  transition:opacity 0.3s var(--ease-out), transform 0.3s var(--ease-out);
}

/* ===== 大于等于 768px ===== */
@media (min-width: 768px){
  .news-intro{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-end;
    padding:3.5rem 1.25rem;
  }

  .news-intro__block{
    flex:0 0 68%;
  }

  .news-intro__metrics{
    flex:0 0 100%;
    grid-template-columns:repeat(4, 1fr);
    margin-top:2rem;
  }

  .news-intro__links{
    margin-top:0.5rem;
  }

  .news-version__wrap{
    grid-template-columns:1.35fr 0.9fr;
    align-items:start;
  }

  .news-daily__layout{
    grid-template-columns:1.2fr 0.9fr;
    align-items:start;
  }

  .news-rank__wrap{
    grid-template-columns:1.3fr 0.9fr;
    align-items:start;
  }

  .news-focus__grid{
    grid-template-columns:1fr 1fr;
    align-items:center;
  }

  .news-focus__stats{
    grid-template-columns:repeat(4, 1fr);
    max-width:900px;
    margin:0 auto;
  }

  .version-entry__content{
    transform:translateX(0);
  }

  .version-entry:nth-child(2n) .version-entry__content{
    margin-left:2.4rem;
  }

  .version-entry:nth-child(odd) .version-entry__content{
    margin-right:0;
  }

  .news-version__stream::before{
    left:24px;
  }
}

/* ===== 大于等于 1024px ===== */
@media (min-width: 1024px){
  .news-intro__title{
    font-size:2.6rem;
  }

  .news-intro__block{
    flex-basis:72%;
  }

  .news-intro__metrics{
    gap:1.4rem;
  }

  .news-metric{
    padding:1.4rem 1.6rem;
  }

  .news-focus__copy h3{
    font-size:1.6rem;
  }

  .rank-item{
    padding:1.1rem 1.4rem;
  }

  .daily-card{
    padding:1.4rem 1.6rem;
  }

  .news-version__side{
    position:sticky;
    top:100px;
  }
}

/* ===== 动效偏好 ===== */
@media (prefers-reduced-motion: reduce){
  .page-news [data-reveal],
  .version-entry__content,
  .daily-card,
  .rank-item{
    transition:none !important;
    transform:none !important;
  }
}