.page-news{
  --news-serif:"Songti SC","Source Han Serif SC","Noto Serif SC","STSong","SimSun",Georgia,serif;
  --news-mono:ui-monospace,"SFMono-Regular","JetBrains Mono",Menlo,Consolas,"Courier New",monospace;
  --news-display:"PingFang SC","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  background:var(--ink-0);
  color:var(--star);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  font-size:16px;
  line-height:1.78;
  overflow-x:hidden;
}

.page-news .mono{font-family:var(--news-mono);font-variant-numeric:tabular-nums}

.page-news .news-section{
  padding:52px 0;
  border-top:1px solid var(--line);
}

.page-news .sec-head{margin-bottom:26px}
.page-news .sec-lede{
  max-width:60ch;
  margin:10px 0 0;
  color:var(--mauve);
  font-size:.95rem;
  line-height:1.8;
}

.page-news .news-h2{
  margin:6px 0 0;
  font-family:var(--news-display);
  font-weight:800;
  font-size:clamp(1.45rem,4.4vw,2.1rem);
  line-height:1.24;
  letter-spacing:-.015em;
}

.page-news .news-h3{
  margin:0 0 8px;
  font-family:var(--news-display);
  font-weight:700;
  font-size:1.06rem;
  line-height:1.44;
}

/* ---------- hero ---------- */
.page-news .news-hero{
  position:relative;
  overflow:hidden;
  padding:24px 0 54px;
  background:var(--ink-0);
}
.page-news .news-hero::before{
  content:"";
  position:absolute;
  left:-18%;
  right:-18%;
  top:-52%;
  height:140%;
  transform:rotate(-6deg);
  pointer-events:none;
  background:
    radial-gradient(52% 52% at 76% 34%,rgba(124,58,237,.46),transparent 68%),
    radial-gradient(44% 44% at 12% 6%,rgba(34,211,238,.22),transparent 72%);
}
.page-news .news-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.55),rgba(124,58,237,.6),transparent);
}
.page-news .news-hero .shell{position:relative;z-index:1}
.page-news .news-hero .breadcrumb{margin-bottom:22px}

.page-news .news-hero-grid{display:grid;gap:30px}

.page-news .news-h1{
  margin:10px 0 16px;
  font-family:var(--news-display);
  font-weight:900;
  font-size:clamp(1.95rem,7.4vw,3.5rem);
  line-height:1.06;
  letter-spacing:-.02em;
  text-shadow:2px 2px 0 rgba(124,58,237,.55),-1px -1px 0 rgba(34,211,238,.30);
}

.page-news .news-hero-lede{
  max-width:48ch;
  margin:0 0 22px;
  color:var(--mauve);
  font-size:.97rem;
  line-height:1.82;
}

.page-news .news-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:18px;
}

.page-news .news-hero-note{
  margin:0;
  color:var(--mauve);
  font-size:.75rem;
  letter-spacing:.04em;
}

.page-news .news-hero-figure{
  position:relative;
  margin:0;
  padding:1px;
  background:linear-gradient(140deg,rgba(34,211,238,.55),rgba(124,58,237,.5) 55%,rgba(255,138,61,.28));
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);
}
.page-news .news-hero-figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  background:var(--ink-1);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%);
}

/* ---------- 栏目导航 ---------- */
.page-news .topic-bar{
  list-style:none;
  display:grid;
  gap:12px;
  margin:0 0 30px;
  padding:0;
}
.page-news .topic-pill{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 12px;
  padding:14px 16px;
  text-decoration:none;
  background:var(--ink-1);
  border-radius:2px;
  box-shadow:inset 0 0 0 1px var(--line);
  transition:box-shadow .2s var(--ease),transform .2s var(--ease);
}
.page-news .topic-pill:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 0 0 1px var(--pill-color),0 16px 30px -24px rgba(0,0,0,.95);
}
.page-news .topic-no{
  grid-row:span 2;
  align-self:start;
  padding-top:2px;
  color:var(--pill-color);
  font-size:.72rem;
  letter-spacing:.08em;
}
.page-news .topic-name{
  color:var(--star);
  font-family:var(--news-display);
  font-weight:800;
  font-size:1rem;
}
.page-news .topic-desc{
  color:var(--mauve);
  font-size:.82rem;
  line-height:1.6;
}
.page-news .topic-pill--guide{--pill-color:var(--cyan)}
.page-news .topic-pill--review{--pill-color:var(--violet-soft)}
.page-news .topic-pill--open{--pill-color:var(--orange)}
.page-news .topic-pill--version{--pill-color:var(--mint)}

.page-news .picker{display:grid;gap:14px}
.page-news .picker-card{
  padding:18px;
  background:linear-gradient(180deg,var(--ink-2),var(--ink-1));
  border-radius:2px;
  box-shadow:inset 0 0 0 1px var(--line);
}
.page-news .picker-kicker{
  margin:0 0 8px;
  color:var(--cyan);
  font-size:.72rem;
  letter-spacing:.1em;
}
.page-news .picker-card p{
  max-width:56ch;
  margin:0;
  color:var(--mauve);
  font-size:.88rem;
  line-height:1.76;
}
.page-news .picker-foot{
  margin-top:12px !important;
  padding-top:10px;
  border-top:1px solid var(--line);
  color:var(--mauve);
  font-size:.72rem;
  letter-spacing:.05em;
}

/* ---------- 分层 ---------- */
.page-news .tier-list{
  list-style:none;
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
}
.page-news .tier{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  padding:16px 16px 16px 14px;
  background:var(--ink-1);
  border-left:3px solid var(--tier-color);
  border-radius:2px;
  box-shadow:inset 0 0 0 1px var(--line);
}
.page-news .tier:nth-child(1){--tier-color:var(--cyan)}
.page-news .tier:nth-child(2){--tier-color:var(--violet)}
.page-news .tier:nth-child(3){--tier-color:var(--orange)}
.page-news .tier:nth-child(4){--tier-color:var(--mint)}

.page-news .tier-no{
  margin:0;
  padding-top:4px;
  color:var(--tier-color);
  font-size:.86rem;
  letter-spacing:.08em;
}
.page-news .tier-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}
.page-news .tier-head .news-h3{margin-bottom:4px}
.page-news .tier-count{
  margin:0;
  color:var(--tier-color);
  font-size:.78rem;
  white-space:nowrap;
}
.page-news .tier-desc{
  max-width:54ch;
  margin:0;
  color:var(--mauve);
  font-size:.88rem;
  line-height:1.74;
}

/* ---------- 最新条目 ---------- */
.page-news .latest-grid{display:grid;gap:30px}

.page-news .rail-list{
  list-style:none;
  display:grid;
  gap:2px;
  margin:10px 0 16px;
  padding:0;
}
.page-news .rail-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
  color:var(--star);
  font-size:.88rem;
  text-decoration:none;
  border-bottom:1px solid var(--line);
}
.page-news .rail-list a:hover{color:var(--cyan)}
.page-news .rail-list .mono{color:var(--mauve);font-size:.74rem}
.page-news .rail-note{
  max-width:34ch;
  margin:0 0 12px;
  color:var(--mauve);
  font-size:.8rem;
  line-height:1.72;
}
.page-news .rail-link{
  color:var(--cyan);
  font-size:.84rem;
  text-decoration:none;
  border-bottom:1px solid rgba(34,211,238,.4);
}

.page-news .latest-head{margin-bottom:22px}

.page-news .latest-figure{
  margin:0 0 8px;
  padding:1px;
  background:linear-gradient(160deg,rgba(167,139,250,.45),rgba(34,211,238,.35));
  border-radius:2px;
}
.page-news .latest-figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  background:var(--ink-1);
}
.page-news .media-caption{
  margin:10px 0 0;
  color:var(--mauve);
  font-size:.76rem;
  line-height:1.68;
}

.page-news .entry-row{margin-top:32px}
.page-news .entry-row--guides{--row-color:var(--cyan)}
.page-news .entry-row--reviews{--row-color:var(--violet-soft)}
.page-news .entry-row--opens{--row-color:var(--orange)}
.page-news .entry-row--versions{--row-color:var(--mint)}

.page-news .row-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding-bottom:8px;
  color:var(--star);
  font-family:var(--news-display);
  font-weight:800;
  font-size:.96rem;
  letter-spacing:.02em;
}
.page-news .row-title::before{
  content:"";
  width:9px;
  height:9px;
  flex:none;
  transform:rotate(45deg);
  background:var(--row-color);
}
.page-news .row-count{
  margin-left:auto;
  color:var(--mauve);
  font-size:.72rem;
  font-weight:400;
}

.page-news .entry-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-news .entry{
  display:grid;
  grid-template-columns:2.15rem minmax(0,1fr);
  gap:0 .55rem;
  padding:15px 6px 16px 2px;
  border-top:1px solid var(--line);
  transition:box-shadow .2s var(--ease),background .2s var(--ease);
}
.page-news .entry:hover{
  box-shadow:inset 2px 0 0 var(--row-color);
  background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 72%);
}
.page-news .entry-no{
  padding-top:.55em;
  color:var(--row-color);
  font-size:.74rem;
  letter-spacing:.08em;
}
.page-news .entry-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.page-news .entry .tag{
  padding:1px 8px;
  font-size:.68rem;
  line-height:1.6;
  border-radius:999px;
  color:var(--row-color);
  border:1px solid var(--row-color);
  background:transparent;
}
.page-news .entry-time{
  color:var(--mauve);
  font-size:.7rem;
  letter-spacing:.03em;
}
.page-news .entry-title{
  margin:0 0 4px;
  color:var(--star);
  font-family:var(--news-serif);
  font-weight:600;
  font-size:1.02rem;
  line-height:1.5;
  letter-spacing:.005em;
}
.page-news .entry-sum{
  max-width:58ch;
  margin:0;
  color:var(--mauve);
  font-size:.85rem;
  line-height:1.74;
}

/* ---------- 专题 ---------- */
.page-news .series-grid{display:grid;gap:18px}
.page-news .series-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px;
  background:linear-gradient(180deg,var(--ink-2),var(--ink-1));
  border-radius:2px;
  box-shadow:inset 0 0 0 1px var(--line);
}
.page-news .series-card::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,var(--violet),var(--cyan));
}
.page-news .series-card p{
  max-width:50ch;
  margin:0;
  color:var(--mauve);
  font-size:.87rem;
  line-height:1.74;
}
.page-news .series-kicker{
  margin:0;
  color:var(--cyan);
  font-size:.72rem;
  letter-spacing:.1em;
}
.page-news .series-figure{
  margin:-18px -18px 6px;
  overflow:hidden;
}
.page-news .series-figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-news .series-state{margin-top:auto;padding-top:8px}
.page-news .series-state .tag{
  display:inline-block;
  padding:2px 10px;
  font-size:.7rem;
  border-radius:999px;
}

/* ---------- 阅读体验 ---------- */
.page-news .read-grid{display:grid;gap:26px}
.page-news .read-copy p{max-width:58ch}
.page-news .read-first{
  margin:14px 0 16px;
  color:var(--mauve);
  font-size:.93rem;
  line-height:1.82;
}
.page-news .read-first::first-letter{
  float:left;
  margin:6px 10px 0 0;
  font-family:var(--news-serif);
  font-size:2.6rem;
  line-height:.9;
  color:var(--cyan);
}
.page-news .read-points{
  list-style:none;
  display:grid;
  gap:10px;
  margin:0 0 16px;
  padding:0;
}
.page-news .read-points li{
  position:relative;
  padding-left:16px;
  color:var(--mauve);
  font-size:.87rem;
  line-height:1.74;
}
.page-news .read-points li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  transform:rotate(45deg);
  background:var(--violet-soft);
}
.page-news .read-points strong{
  display:block;
  color:var(--star);
  font-family:var(--news-display);
  font-weight:700;
  font-size:.9rem;
}
.page-news .read-note{
  margin:0 0 14px;
  color:var(--mauve);
  font-size:.86rem;
  line-height:1.78;
}
.page-news .read-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:0;
}
.page-news .read-links a{
  color:var(--cyan);
  font-size:.85rem;
  text-decoration:none;
  border-bottom:1px solid rgba(34,211,238,.42);
}

.page-news .read-figure{
  margin:0;
  padding:1px;
  background:linear-gradient(150deg,rgba(124,58,237,.5),rgba(34,211,238,.4));
  border-radius:2px;
}
.page-news .read-figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  background:var(--ink-1);
}

.page-news .reader{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:30px;
  padding:20px 18px 22px;
  background:var(--ink-1);
  box-shadow:inset 0 0 0 1px var(--line);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
}
.page-news .reader-label-head{
  flex:1 0 100%;
  margin:0 0 6px;
  color:var(--mauve);
  font-size:.72rem;
  letter-spacing:.08em;
}
.page-news .reader input[type="radio"]{
  position:absolute;
  width:1px;height:1px;
  margin:-1px;padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
.page-news .reader-btn{
  padding:5px 14px;
  color:var(--mauve);
  font-size:.78rem;
  letter-spacing:.04em;
  border:1px solid var(--line-strong);
  border-radius:999px;
  cursor:pointer;
  transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
}
.page-news .reader-btn:hover{color:var(--star);border-color:var(--cyan)}
.page-news .reader input:checked + .reader-btn{
  color:var(--ink-0);
  background:var(--cyan);
  border-color:var(--cyan);
  font-weight:700;
}
.page-news .reader input:focus-visible + .reader-btn{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
.page-news .reader-text{
  flex:1 0 100%;
  max-width:62ch;
  margin:14px 0 0;
  color:var(--star);
  font-size:.94rem;
  line-height:1.86;
  transition:font-size .2s var(--ease);
}
.page-news #reader-size-m:checked ~ .reader-text{font-size:1.06rem}
.page-news #reader-size-l:checked ~ .reader-text{font-size:1.2rem;line-height:1.8}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-news .news-section{padding:62px 0}
  .page-news .topic-bar{grid-template-columns:1fr 1fr}
  .page-news .tier-list{grid-template-columns:1fr 1fr;gap:16px}
  .page-news .series-grid{grid-template-columns:1fr 1fr}
  .page-news .series-card--a{grid-column:1 / -1}
  .page-news .reader{padding:24px 24px 26px}
}

@media (min-width:900px){
  .page-news .news-section{padding:76px 0}
  .page-news .news-hero{padding:30px 0 70px}
  .page-news .news-hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:center;
    gap:52px;
  }
  .page-news .picker{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-news .series-grid{gap:26px}
  .page-news .series-card--b{margin-top:40px}
  .page-news .series-card--c{margin-top:-8px}
  .page-news .read-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
    align-items:start;
    gap:46px;
  }
  .page-news .read-grid .read-figure{margin-top:6px}
}

@media (min-width:960px){
  .page-news .latest-grid{
    grid-template-columns:230px minmax(0,1fr);
    gap:48px;
    align-items:start;
  }
  .page-news .latest-rail{
    position:sticky;
    top:110px;
  }
  .page-news .latest-flow{max-width:760px}
  .page-news .entry-title{font-size:1.08rem}
}

@media (min-width:1200px){
  .page-news .tier-list{grid-template-columns:1fr 1fr;gap:18px}
  .page-news .tier{padding:20px 20px 20px 18px}
  .page-news .entry{padding:17px 10px 18px 2px}
}

@media (prefers-reduced-motion:reduce){
  .page-news .topic-pill,
  .page-news .entry,
  .page-news .reader-btn,
  .page-news .reader-text{transition:none}
  .page-news .topic-pill:hover{transform:none}
}