/* ============================================================
   文旅·观 — EXTRA / 号外
   ============================================================ */

.extra-cover{
  position:relative;min-height:94svh;padding:132px 0 52px;
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;background:#123b3a;color:var(--paper);
  border-bottom:1px solid rgba(244,239,228,.16);
}
.extra-cover .cover-art{right:-8vw;bottom:-4vh;width:min(62vw,900px);opacity:.72;}
.extra-cover .cover-art::after{
  background:linear-gradient(180deg,transparent 30%,rgba(18,59,58,.25) 60%,rgba(18,59,58,.94) 95%,#123b3a 100%);
}
.extra-cover .cover-kicker{color:rgba(244,239,228,.62);}
.extra-cover .cover-kicker .dot{background:#d78a70;}
.extra-cover .cover-kicker .line{background:rgba(244,239,228,.3);}
.extra-cover h1{color:var(--paper);}
.extra-cover h1 em{color:#e0a08b;}
.extra-cover .cover-dek{color:rgba(244,239,228,.8);border-left-color:#d78a70;}
.extra-cover .cover-dek strong{color:#f2c9b8;}
.extra-cover .cover-stats{border-top-color:rgba(244,239,228,.3);border-bottom-color:rgba(244,239,228,.16);}
.extra-cover .cover-stat{border-right-color:rgba(244,239,228,.16);}
.extra-cover .cover-stat .v{color:var(--paper);}
.extra-cover .cover-stat .v small,.extra-cover .cover-stat .l{color:rgba(244,239,228,.55);}
.extra-cover .cover-stat .v{font-size:clamp(24px,2.8vw,36px);white-space:nowrap;}
.extra-cover .cover-ticker{color:rgba(244,239,228,.62);}
.extra-cover .cover-ticker span::after{color:#d78a70;}

.extra-stamp{
  position:absolute;top:104px;right:clamp(20px,5vw,72px);z-index:3;
  border:1px solid rgba(224,160,139,.8);color:#e0a08b;
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;
  padding:8px 12px;transform:rotate(-5deg);background:rgba(18,59,58,.5);
}
.extra-cover .cover-inner{position:relative;z-index:2;}

.brief-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:2px solid var(--ink);border-bottom:1px solid var(--line);
  margin:0 0 clamp(30px,4vw,46px);
}
.brief{padding:20px 20px 18px 0;border-right:1px solid var(--line);}
.brief:last-child{border-right:0;}
.brief .v{font-family:var(--serif);font-size:clamp(28px,3.2vw,42px);line-height:1;letter-spacing:-.04em;}
.brief .v small{font-family:var(--sans);font-size:11px;color:var(--muted);margin-left:3px;letter-spacing:0;}
.brief .l{font-size:10px;line-height:1.6;color:var(--muted);margin-top:7px;}

.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,56px);align-items:start;}
.story-grid--reverse{grid-template-columns:.95fr 1.05fr;}

.elev{margin:12px 0 22px;}
.elev-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:10px;color:var(--muted);margin-bottom:8px;}
.elev-head strong{font-family:var(--serif);font-size:16px;color:var(--ink);font-weight:600;}
.elev-track{height:18px;background:rgba(28,26,23,.07);position:relative;overflow:hidden;}
.elev-fill{height:100%;width:100%;background:linear-gradient(90deg,#1f5b55,#7fa9a2);}
.elev-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:6px;}

.mini-quote{
  margin:18px 0 0;padding:14px 0 0 16px;border-left:2px solid var(--red);
  font-family:var(--serif);font-size:17px;line-height:1.7;color:var(--ink-soft);
}
.mini-quote cite{display:block;font-family:var(--mono);font-size:9px;color:var(--muted);font-style:normal;margin-top:8px;}

.side-card{background:var(--card-warm);border:1px solid var(--line);padding:24px;}
.side-card .card-kicker{margin-bottom:10px;}
.side-card .card-title{font-size:22px;}

.funnel{display:grid;gap:8px;margin:16px 0 8px;}
.funnel-step{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);}
.funnel-step .f-k{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--red);}
.funnel-step .f-t{font-family:var(--serif);font-size:17px;line-height:1.4;}
.funnel-step .f-d{font-size:10px;line-height:1.7;color:var(--muted);margin-top:2px;}

.ladder{position:relative;margin:16px 0 0;padding-left:22px;}
.ladder::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--line-strong);}
.rung{position:relative;padding:0 0 18px 0;}
.rung::before{content:"";position:absolute;left:-21px;top:6px;width:7px;height:7px;background:var(--red);border-radius:50%;}
.rung .r-no{font-family:var(--mono);font-size:9px;color:var(--red);letter-spacing:.1em;margin-bottom:4px;}
.rung .r-t{font-family:var(--serif);font-size:17px;line-height:1.4;margin-bottom:3px;}
.rung .r-d{font-size:10px;line-height:1.7;color:var(--muted);}

.light-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}
.light-card{background:var(--card);border:1px solid var(--line);padding:24px;}
.light-card .l-k{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--red);margin-bottom:8px;}
.light-card .l-t{font-family:var(--serif);font-size:21px;line-height:1.4;margin-bottom:8px;}
.light-card .l-d{font-size:12px;line-height:1.8;color:var(--muted);}

.extra-judge{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.extra-judge .judge{border-top:2px solid var(--red);}

.extra-sources .source{font-size:10px;}

@media (max-width:1100px){
  .brief-grid{grid-template-columns:1fr 1fr;}
  .brief:nth-child(2){border-right:0;}
  .brief:nth-child(n+3){border-top:1px solid var(--line);}
}
@media (max-width:820px){
  .extra-cover{min-height:auto;padding:112px 0 46px;}
  .extra-stamp{display:none;}
  .extra-cover .cover-art{width:90vw;right:-22vw;opacity:.42;}
  .story-grid,.story-grid--reverse{grid-template-columns:1fr;}
  .light-grid{grid-template-columns:1fr;}
  .extra-judge{grid-template-columns:1fr;}
  .brief-grid{grid-template-columns:1fr 1fr;}
  .side-card{margin-top:8px;}
}
@media (max-width:520px){
  .brief-grid{grid-template-columns:1fr 1fr;}
  .brief{padding:14px 12px 12px 0;}
  .brief .v{font-size:28px;}
  .brief .l{font-size:9px;}
  .funnel-step{grid-template-columns:70px 1fr;}
  .extra-cover h1{font-size:clamp(48px,14.5vw,76px);}
}