.page-news{
  --ng-ink:rgba(20,16,28,.42);
  --ng-panel:rgba(20,16,28,.36);
  --ng-hair:rgba(217,195,165,.15);
  position:relative;
  overflow-x:hidden;
  color:var(--cream);
  background:linear-gradient(215deg,#1B1129 0%,#2A1B3D 34%,#46285F 72%,#3A2149 100%);
  padding-bottom:clamp(56px,8vw,110px);
}

.page-news::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.7;
  background-image:
    linear-gradient(rgba(110,102,115,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,102,115,.18) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(120% 68% at 16% 4%,#000 0%,rgba(0,0,0,.35) 46%,transparent 80%);
  mask-image:radial-gradient(120% 68% at 16% 4%,#000 0%,rgba(0,0,0,.35) 46%,transparent 80%);
}

.page-news .wrap,
.page-news section{
  position:relative;
  z-index:1;
}

.page-news .breadcrumb{
  padding-top:calc(var(--header-h) + 16px);
}

/* ── 首屏 ─────────────────────────── */
.col-lead{
  padding:26px 0 clamp(40px,6vw,74px);
}

.col-lead__grid{
  display:grid;
  gap:30px;
}

@media (min-width:900px){
  .col-lead__grid{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    align-items:end;
    gap:clamp(34px,5vw,74px);
  }
}

.col-lead__title{
  margin:14px 0 0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(30px,6.8vw,58px);
  line-height:1.16;
  letter-spacing:.005em;
  color:var(--cream);
  text-shadow:0 0 32px rgba(232,176,75,.18);
}

.col-lead__title .hl{
  color:var(--gold-light);
}

.col-lead__lead{
  margin:20px 0 0;
  max-width:34em;
  font-size:17px;
  line-height:1.95;
  color:rgba(245,239,230,.82);
}

@media (min-width:768px){
  .col-lead__lead{font-size:18px;}
}

.col-lead__facts{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.col-fact{
  flex:1 1 118px;
  min-width:104px;
  padding:15px 17px;
  border:1px solid var(--line-gold);
  border-radius:var(--radius-m);
  background:rgba(42,27,61,.5);
}

.col-fact__num{
  display:block;
  font-family:var(--font-mono);
  font-size:26px;
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  color:var(--gold-light);
}

.col-fact__label{
  display:block;
  margin-top:7px;
  font-size:12px;
  letter-spacing:.12em;
  color:rgba(245,239,230,.62);
}

.col-lead__cover{
  margin:0;
}

.col-lead__cover .media__img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:var(--radius-l);
  border:1px solid var(--ng-hair);
  box-shadow:var(--shadow-lift);
}

.page-news .media__cap{
  margin-top:10px;
  font-size:12.5px;
  letter-spacing:.08em;
  color:rgba(245,239,230,.5);
}

/* ── 栏目标签 ─────────────────────── */
.col-filter-sec{
  padding:clamp(28px,5vw,54px) 0 6px;
}

.col-filter{
  display:grid;
  gap:12px;
  margin-top:16px;
}

@media (min-width:760px){
  .col-filter{grid-template-columns:repeat(3,minmax(0,1fr));}
}

.col-filter__tab{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 20px;
  border:1px solid var(--ng-hair);
  border-left-width:3px;
  border-radius:var(--radius-m);
  background:var(--ng-ink);
  text-decoration:none;
  transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease);
}

.col-filter__tab:hover{
  transform:translateY(-3px);
  background:rgba(75,46,107,.46);
  border-color:var(--line-gold);
}

.col-filter__tab--gold{border-left-color:var(--gold);}
.col-filter__tab--snow{border-left-color:var(--snow);}
.col-filter__tab--pome{border-left-color:var(--pome);}

.col-filter__tabname{
  font-family:var(--font-display);
  font-weight:800;
  font-size:19px;
  color:var(--cream);
}

.col-filter__tabdesc{
  font-size:13px;
  line-height:1.7;
  color:rgba(245,239,230,.62);
}

/* ── 章节标题组 ───────────────────── */
.page-news .col-sec{
  display:grid;
  gap:8px;
  margin-bottom:24px;
}

@media (min-width:860px){
  .page-news .col-sec{
    grid-template-columns:auto minmax(0,1fr);
    gap:36px;
    align-items:start;
    margin-bottom:30px;
  }
}

.col-sec__num{
  display:block;
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(52px,8.6vw,108px);
  line-height:.86;
  letter-spacing:.03em;
  color:rgba(245,239,230,.12);
  -webkit-text-stroke:1px rgba(232,176,75,.34);
}

.col-sec__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(23px,4vw,31px);
  line-height:1.3;
  color:var(--cream);
}

.col-sec__lead{
  margin:12px 0 0;
  max-width:34em;
  font-size:15.5px;
  line-height:1.9;
  color:rgba(245,239,230,.68);
}

/* ── 条目列表 ─────────────────────── */
.col-list{
  padding:clamp(38px,6vw,78px) 0 0;
}

.col-entries{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.col-entry{
  border:1px solid var(--ng-hair);
  border-radius:var(--radius-m);
  background:var(--ng-panel);
  transition:border-color .3s var(--ease),background .3s var(--ease);
}

.col-entry:hover{
  border-color:var(--line-gold);
  background:rgba(75,46,107,.34);
}

.col-entry__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px 15px;
  align-items:start;
  width:100%;
  padding:18px;
  border:0;
  background:none;
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

@media (min-width:720px){
  .col-entry__head{
    grid-template-columns:auto minmax(0,1fr) auto;
    padding:20px 22px;
  }
}

.col-entry__num{
  font-family:var(--font-mono);
  font-size:20px;
  font-weight:700;
  line-height:1;
  letter-spacing:.06em;
  padding-top:2px;
  color:var(--gold);
}

.col-entry__main{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.col-entry__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.col-entry__time{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:rgba(245,239,230,.5);
}

.col-entry__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:16.5px;
  line-height:1.5;
  color:var(--cream);
}

.col-entry__sum{
  font-size:13.8px;
  line-height:1.8;
  color:rgba(245,239,230,.64);
}

.col-entry__read{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  white-space:nowrap;
  padding-top:4px;
  color:rgba(245,239,230,.48);
}

.col-entry__panel{
  margin:0 18px 18px;
  padding-top:16px;
  border-top:1px dashed rgba(217,195,165,.2);
  font-size:14.5px;
  line-height:1.85;
  color:rgba(245,239,230,.76);
}

@media (min-width:720px){
  .col-entry__panel{margin:0 22px 20px;}
}

.col-entry__panel p{
  margin:0;
}

.col-entry__points{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:12px 0 0;
  padding:0;
}

.col-entry__points li{
  position:relative;
  padding-left:18px;
  font-size:13.8px;
  line-height:1.75;
  color:rgba(245,239,230,.72);
}

.col-entry__points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.85em;
  width:9px;
  height:1px;
  background:var(--gold);
}

/* ── 专题系列 ─────────────────────── */
.col-series{
  padding:clamp(46px,7vw,88px) 0 0;
}

.col-series__grid{
  display:grid;
  gap:20px;
}

@media (min-width:900px){
  .col-series__grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:clamp(22px,3vw,38px);
    align-items:stretch;
  }
}

.col-series__fig{
  margin:0;
}

.col-series__fig .media__img{
  display:block;
  width:100%;
  height:100%;
  min-height:240px;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:var(--radius-l);
  border:1px solid var(--ng-hair);
}

.col-series__list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.col-series__card{
  flex:1 1 auto;
  padding:22px;
  border:1px solid var(--ng-hair);
  border-radius:var(--radius-l);
  background:rgba(42,27,61,.44);
}

.col-series__name{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:21px;
  line-height:1.35;
  color:var(--gold-light);
}

.col-series__text{
  margin:12px 0 18px;
  max-width:34em;
  font-size:14.5px;
  line-height:1.9;
  color:rgba(245,239,230,.72);
}

.col-series__card .btn{
  text-decoration:none;
}

/* ── 往期归档 ─────────────────────── */
.col-archive-sec{
  padding:clamp(46px,7vw,88px) 0 0;
}

.col-archive{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--ng-hair);
}

.col-archive__item{
  border-bottom:1px solid var(--ng-hair);
}

.col-archive__trigger{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 14px;
  align-items:center;
  width:100%;
  padding:18px 4px;
  border:0;
  background:none;
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .3s var(--ease);
}

.col-archive__trigger:hover{
  background:rgba(75,46,107,.24);
}

.col-archive__name{
  font-family:var(--font-display);
  font-weight:700;
  font-size:16px;
  color:var(--cream);
}

.col-archive__hint{
  grid-column:1;
  grid-row:2;
  font-size:12.5px;
  letter-spacing:.06em;
  color:rgba(245,239,230,.5);
}

.col-archive__mark{
  grid-column:2;
  grid-row:1 / span 2;
  width:12px;
  height:12px;
  border-right:1px solid var(--gold);
  border-bottom:1px solid var(--gold);
  transform:rotate(45deg) translateY(-3px);
  transition:transform .26s var(--ease);
}

.col-archive__trigger[aria-expanded="true"] .col-archive__mark{
  transform:rotate(225deg) translateY(-3px);
}

.col-archive__panel{
  padding:0 4px 20px;
}

.col-archive__list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:0;
}

.col-archive__list li{
  position:relative;
  padding-left:16px;
}

.col-archive__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.9em;
  width:7px;
  height:1px;
  background:var(--snow);
}

.col-archive__list a{
  font-size:14px;
  line-height:1.75;
  color:rgba(245,239,230,.76);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .25s var(--ease),border-color .25s var(--ease);
}

.col-archive__list a:hover{
  color:var(--gold-light);
  border-bottom-color:var(--line-gold);
}

.col-cloud{
  margin-top:32px;
}

.col-cloud__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:14px 0 0;
  padding:0;
}

.col-cloud__list a{
  text-decoration:none;
}

.col-cloud__list .tag{
  display:inline-block;
  padding:7px 14px;
  border:1px solid var(--ng-hair);
  border-radius:var(--radius-pill);
  background:rgba(20,16,28,.34);
  font-size:12.5px;
  letter-spacing:.06em;
  color:rgba(245,239,230,.74);
  transition:border-color .25s var(--ease),color .25s var(--ease);
}

.col-cloud__list a:hover .tag{
  border-color:var(--line-gold);
  color:var(--gold-light);
}

/* ── 更新节奏 ─────────────────────── */
.col-cadence{
  padding:clamp(46px,7vw,88px) 0 0;
}

.col-cadence__panel{
  padding:clamp(24px,4vw,44px);
  border:1px solid var(--line-gold);
  border-radius:var(--radius-l);
  background:linear-gradient(200deg,rgba(75,46,107,.62) 0%,rgba(20,16,28,.66) 100%);
}

.col-cadence__title{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(22px,4vw,30px);
  line-height:1.3;
  color:var(--cream);
}

.col-cadence__text{
  margin:14px 0 0;
  max-width:34em;
  font-size:15.5px;
  line-height:1.9;
  color:rgba(245,239,230,.74);
}

.col-cadence__rows{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:0;
  margin:24px 0 0;
  padding:0;
  border-top:1px solid var(--ng-hair);
}

.col-cadence__rows li{
  display:grid;
  gap:4px;
  padding:15px 0;
  border-bottom:1px solid var(--ng-hair);
}

@media (min-width:700px){
  .col-cadence__rows li{
    grid-template-columns:minmax(0,190px) minmax(0,1fr);
    gap:20px;
    align-items:baseline;
  }
}

.col-cadence__k{
  font-family:var(--font-mono);
  font-size:13.5px;
  letter-spacing:.06em;
  color:var(--gold-light);
}

.col-cadence__v{
  font-size:14px;
  line-height:1.8;
  color:rgba(245,239,230,.7);
}

.col-cadence__panel .btn-row{
  margin-top:26px;
}

.col-cadence__panel .btn{
  text-decoration:none;
}

@media (prefers-reduced-motion:reduce){
  .page-news .col-filter__tab:hover,
  .col-archive__mark{
    transform:none;
  }
}
</main>