/* 今日看料 - 生活方式资讯站 */
:root{
  --bg:#f7f8fc;
  --surface:#ffffff;
  --line:#e6ebf3;
  --text:#1f2937;
  --muted:#667085;
  --primary:#2b6ef2;
  --primary-soft:#eef4ff;
  --accent:#14b8a6;
  --max:1160px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:"Microsoft YaHei","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.72;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block;height:auto}
.container{width:min(100% - 28px,var(--max));margin-inline:auto}
main{flex:1}

.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:99}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#2b6ef2,#67a2ff);color:#fff;display:grid;place-items:center;font-weight:800}
.brand small{display:block;color:var(--muted);font-size:.8rem}
.nav{display:flex;gap:8px;flex-wrap:wrap}
.nav a{padding:8px 10px;border-radius:8px;color:var(--muted);font-size:.92rem;font-weight:600}
.nav a[aria-current="page"],.nav a:hover{background:var(--primary);color:#fff;text-decoration:none}

.hero{padding:20px 0 10px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:1020px){.hero-grid{grid-template-columns:230px 1fr 270px}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}
.panel h3{margin:0 0 8px;font-size:1rem}
.list-plain{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.list-plain li{background:#f8faff;border:1px solid var(--line);padding:8px;border-radius:8px;font-size:.88rem;color:#46576d}
.intro h1{margin:0 0 10px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.3}
.intro p{margin:0 0 10px;color:#334155}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}
.kpi{background:var(--primary-soft);border:1px solid #d9e6ff;border-radius:8px;padding:8px}
.kpi strong{display:block;font-size:.95rem}
.kpi span{display:block;color:var(--muted);font-size:.8rem}

/* 文件夹3：新闻流骨架 */
.news-shell{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:16px 0 10px;
}
@media(min-width:1020px){
  .news-shell{grid-template-columns:1.35fr .65fr}
}
.headline-main{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}
.headline-main img{
  width:100%;
  aspect-ratio:21/9;
  object-fit:cover;
}
.headline-body{padding:12px}
.headline-body h1{
  margin:0 0 10px;
  font-size:clamp(1.42rem,2.8vw,1.95rem);
  line-height:1.32;
}
.headline-body p{
  margin:0 0 10px;
  color:#324255;
}
.headline-side{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
}
.headline-side h3{
  margin:0 0 8px;
  font-size:1rem;
}
.headline-side ul{
  margin:0 0 10px;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.headline-side li{
  background:#f8faff;
  border:1px solid var(--line);
  border-radius:8px;
  padding:8px;
  font-size:.88rem;
  color:#46576d;
}

.section{padding:12px 0 18px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.section-head h2{margin:0;font-size:1.16rem}
.section-head p{margin:0;color:var(--muted);font-size:.9rem}
.cards{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:820px){.cards{grid-template-columns:repeat(2,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr}
@media(min-width:560px){.card{grid-template-columns:165px 1fr}}
.card img{width:100%;height:100%;min-height:120px;object-fit:cover}
.card .body{padding:10px}
.meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-bottom:6px}
.chip{padding:2px 7px;border-radius:999px;background:#edf8f6;border:1px solid #cdeee8;color:#0d7f71;font-weight:700}
.body h3{margin:0 0 6px;font-size:.98rem;line-height:1.4}
.body p{margin:0;color:#4b5d74;font-size:.9rem}

.article{padding:18px 0 28px}
.crumb{color:var(--muted);font-size:.84rem;margin-bottom:10px}
.article-head,.cover,.prose{background:var(--surface);border:1px solid var(--line);border-radius:12px}
.article-head{padding:12px}
.article-head h1{margin:0 0 8px;font-size:clamp(1.22rem,2.5vw,1.55rem)}
.article-head p{margin:0;color:#4b5d74}
.cover{margin-top:10px;overflow:hidden}
.cover img{width:100%;aspect-ratio:21/9;object-fit:cover}
.prose{margin-top:10px;padding:12px;color:#334155}
.prose h2{margin:1.3em 0 .55em;font-size:1.03rem}
.prose p{margin:0 0 .9em}
.prose ul{margin:0 0 .9em;padding-left:1.2em}
.related{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.related a{color:var(--primary)}

.footer{margin-top:auto;background:#fff;border-top:1px solid var(--line);padding:18px 0 14px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
.footer h4{margin:0 0 8px;font-size:.9rem}
.footer p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.75}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin-bottom:6px}
.fine{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);text-align:center;color:#8a94a6;font-size:.82rem}