/* 仙人指路 · 资讯 —— 样式
   尺度：字号 12/13/14/15/16/20/24；间距 4/8/12/16/24；圆角 6/10/12
   颜色：外壳中性灰，彩色只给「重点」与品牌 */

:root{
  --bg:#f5f6f8; --panel:#ffffff; --panel2:#fafbfc;
  --text:#1b1f27; --text2:#5b6373; --text3:#8b93a1;
  --line:#e6e8ec; --line2:#eef0f3;
  --brand:#a32d2d; --brand-weak:#fbeceb;
  --chip:#f2f3f6; --chip-text:#5b6373;
  --chip2:#eef4fb; --chip2-text:#2f5f96;
  --hover:#f7f8fa;
  --shadow:0 1px 2px rgba(16,24,40,.04);
}
[data-theme="dark"]{
  --bg:#0f1115; --panel:#161a21; --panel2:#1a1f27;
  --text:#e6e9ef; --text2:#a8b0be; --text3:#7f8794;
  --line:#262c36; --line2:#1f242c;
  --brand:#f09595; --brand-weak:#2b1c1c;
  --chip:#1f242c; --chip-text:#a8b0be;
  --chip2:#1b2634; --chip2-text:#8ab4e8;
  --hover:#1b2028;
  --shadow:none;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font:400 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
time{font-variant-numeric:tabular-nums}

/* 顶栏 */
.hd{
  position:sticky; top:0; z-index:20; background:var(--panel);
  border-bottom:1px solid var(--line);
}
.hd-in{
  max-width:1080px; margin:0 auto; height:56px; padding:0 20px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.brand{display:flex; align-items:center; gap:9px; min-width:0}
.logo{
  width:26px; height:26px; border-radius:7px; flex:none;
  display:inline-flex; align-items:center; justify-content:center;
  color:var(--brand); background:var(--brand-weak);
}
.bn{font-size:16px; font-weight:600; letter-spacing:.2px; white-space:nowrap}
.bn2{
  font-size:12px; font-weight:500; color:var(--text2);
  margin-left:7px; padding-left:8px; border-left:1px solid var(--line);
}
.hd-r{display:flex; align-items:center; gap:12px}
.upd{font-size:12px; color:var(--text3); white-space:nowrap}
.theme{
  width:30px; height:30px; border:1px solid var(--line); background:transparent;
  border-radius:8px; color:var(--text2); cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; padding:0;
}
.theme:hover{background:var(--hover); color:var(--text)}
.theme .ic-sun{display:none}
[data-theme="dark"] .theme .ic-sun{display:inline-flex}
[data-theme="dark"] .theme .ic-moon{display:none}

/* 布局 */
.wrap{max-width:1080px; margin:0 auto; padding:24px 20px 64px}
.grid{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start}

/* 资讯流 */
.feed{
  background:var(--panel); border:1px solid var(--line); border-radius:12px;
  padding:0 20px; box-shadow:var(--shadow);
}
.feed-h{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  padding:18px 0 14px; border-bottom:1px solid var(--line);
}
.feed-h h1{font-size:16px; font-weight:600; margin:0}
.feed-s{font-size:12px; color:var(--text3); white-space:nowrap}

.day{
  display:flex; align-items:center; gap:10px;
  padding:16px 0 10px; color:var(--text3); font-size:12px;
}
.day::after{content:""; flex:1; height:1px; background:var(--line2)}

.it{display:grid; grid-template-columns:56px minmax(0,1fr); gap:12px; padding:16px 0; border-bottom:1px solid var(--line2)}
.it:last-child{border-bottom:0}
.it-t{padding-top:2px}
.it-t time{font-size:12px; color:var(--text3)}
.it-h{font-size:15px; line-height:1.5; font-weight:600; margin:0 0 6px; letter-spacing:.1px}
.it-h a:hover{color:var(--brand)}
.it-p{margin:0; font-size:13.5px; line-height:1.78; color:var(--text2); word-break:break-word}
.clamp3{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.it-m{margin-top:8px; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.chip{
  font-size:11px; line-height:1; padding:4px 7px; border-radius:5px;
  background:var(--chip); color:var(--chip-text); white-space:nowrap;
}
.chip2{background:var(--chip2); color:var(--chip2-text)}
.star{
  font-size:11px; line-height:1; padding:4px 7px; border-radius:5px;
  background:var(--brand-weak); color:var(--brand); margin-left:6px;
  white-space:nowrap; vertical-align:1px;
}
.more{font-size:12px; color:var(--text3); margin-left:8px}
.more:hover{color:var(--brand)}

.empty{padding:48px 0; text-align:center; color:var(--text3); font-size:13px; line-height:1.9}
.more-load{padding:18px 0 22px; text-align:center; font-size:12px; color:var(--text3); cursor:pointer}
.more-load:hover{color:var(--brand)}
.pager{display:flex; gap:10px; justify-content:center; padding:20px 0 24px}
.pg{
  font-size:13px; padding:8px 14px; border:1px solid var(--line); border-radius:8px;
  color:var(--text2); background:transparent;
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pg:hover{border-color:var(--brand); color:var(--brand)}

/* 右侧 */
.side{position:sticky; top:80px}
.card{background:var(--panel); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); overflow:hidden}
.card-h{display:flex; align-items:baseline; justify-content:space-between; padding:16px 16px 12px; border-bottom:1px solid var(--line)}
.card-h h3{font-size:14px; font-weight:600; margin:0}
.card-s{font-size:11px; color:var(--text3)}
.hl-list{list-style:none; margin:0; padding:6px 8px 8px}
.hl-list li a{
  display:grid; grid-template-columns:18px minmax(0,1fr); align-items:baseline;
  gap:6px; padding:8px; border-radius:7px;
}
.hl-list li a:hover{background:var(--hover)}
.rk{font-size:12px; color:var(--text3); font-variant-numeric:tabular-nums}
.hl{font-size:13px; line-height:1.5; color:var(--text)}
.hl-list time{grid-column:2; font-size:11px; color:var(--text3); margin-top:2px}
.card-f{padding:10px 16px 12px; border-top:1px solid var(--line); font-size:11px; color:var(--text3)}
.side-empty{padding:24px 16px; font-size:12px; color:var(--text3); line-height:1.8}

/* 单条页 */
.article{padding:0 24px}
.art-t{padding-top:20px}
.art-h{font-size:24px; line-height:1.42; font-weight:600; margin:8px 0 12px; letter-spacing:.2px}
.art-m{display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; color:var(--text3); padding-bottom:16px; border-bottom:1px solid var(--line)}
.art-m a:hover{color:var(--brand)}
.dot{color:var(--text3)}
.art-b{font-size:15px; line-height:1.95; color:var(--text); padding:18px 0 8px; word-break:break-word}
.art-src{font-size:12px; color:var(--text3); padding:6px 0 18px; line-height:1.8}
.art-note{font-size:12px; color:var(--text3); padding:2px 0 12px}
.art-src a{color:var(--text2); border-bottom:1px dotted var(--line)}
.art-nav{display:flex; gap:10px; padding:4px 0 22px; flex-wrap:wrap}
.rel{border-top:1px solid var(--line); padding:16px 0 20px}
.rel h3{font-size:14px; font-weight:600; margin:0 0 10px}
.rel ul{list-style:none; margin:0; padding:0}
.rel li{display:flex; gap:10px; align-items:baseline; padding:6px 0}
.rel li a{font-size:13px; color:var(--text2); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.rel li a:hover{color:var(--brand)}
.rel time{font-size:11px; color:var(--text3); white-space:nowrap}

/* 页脚 */
.ft{margin-top:8px; background:var(--panel); border-top:1px solid var(--line)}
.ft-in{max-width:1080px; margin:0 auto; padding:20px 20px 28px}
.ft p{margin:0 0 6px; font-size:12px; line-height:1.9; color:var(--text3)}
.ft a{color:var(--text2)}
.ft a:hover{color:var(--brand)}
.ft-c{margin-top:10px !important}

@media (max-width:860px){
  .hd-in{height:52px; padding:0 14px}
  .bn{font-size:15px}
  .bn2{font-size:11px}
  .upd{display:none}
  .wrap{padding:12px 12px 40px}
  .grid{grid-template-columns:minmax(0,1fr); gap:0}
  .side{display:none}
  .feed{padding:0 14px; border-radius:10px}
  .feed-h{padding:14px 0 12px}
  .it{grid-template-columns:46px minmax(0,1fr); gap:10px; padding:14px 0}
  .it-h{font-size:14.5px}
  .it-p{font-size:13.5px; -webkit-line-clamp:4}
  .article{padding:0 16px}
  .art-h{font-size:20px}
  .art-b{font-size:15px}
  .ft-in{padding:16px 14px 24px}
}