:root{
  /* ===== 深色主题（默认） ===== */
  --bg-0:#10151c;--bg-1:#171d26;--bg-2:#1b2230;
  --surface:rgba(255,255,255,.04);--surface-2:rgba(255,255,255,.07);
  --card:#171d26;--card-hover:#1b2230;
  --text-0:#e8ebf2;--text-1:#98a2b3;--text-2:#7b869a;
  --border:rgba(255,255,255,.08);
  --accent:#4f8cff;--accent-2:#7aa5ff;--hot:#ff7d4d;
  --topbar-bg:rgba(16,21,28,.85);
  --tab-on-bg:rgba(79,140,255,.12);--tab-on-border:rgba(79,140,255,.3);
  --hotcard-border:rgba(255,125,77,.35);
  --card-hover-border:rgba(255,255,255,.14);
  --cat-model-bg:rgba(79,140,255,.15);--cat-model-c:#7aa5ff;
  --cat-product-bg:rgba(64,207,148,.15);--cat-product-c:#4fd394;
  --cat-industry-bg:rgba(255,193,69,.15);--cat-industry-c:#ffc145;
  --cat-paper-bg:rgba(184,135,255,.15);--cat-paper-c:#bd97ff;
  --cat-opensource-bg:rgba(255,125,77,.15);--cat-opensource-c:#ff9a6b;
  --cat-opinion-bg:rgba(120,200,255,.15);--cat-opinion-c:#87cdff;
  --rank1-bg:rgba(255,125,77,.25);--rank1-c:#ff9a6b;
  --rank2-bg:rgba(255,193,69,.22);--rank2-c:#ffc145;
  --rank3-bg:rgba(79,140,255,.22);--rank3-c:#7aa5ff;
  --btn-bg:rgba(79,140,255,.15);--btn-border:rgba(79,140,255,.35);--btn-hover:rgba(79,140,255,.25);
  --code-bg:#1b2230;
  --lead-border:#4f8cff;
  --shadow:none;
}
:root[data-theme="light"]{
  /* ===== 浅色主题 ===== */
  --bg-0:#f2f4f8;--bg-1:#ffffff;--bg-2:#eef1f6;
  --surface:rgba(15,23,42,.04);--surface-2:rgba(15,23,42,.08);
  --card:#ffffff;--card-hover:#f8fafd;
  --text-0:#1a2332;--text-1:#46536b;--text-2:#8791a3;
  --border:rgba(15,23,42,.10);
  --accent:#3b7df8;--accent-2:#2563eb;--hot:#e85c25;
  --topbar-bg:rgba(255,255,255,.88);
  --tab-on-bg:rgba(59,125,248,.10);--tab-on-border:rgba(59,125,248,.30);
  --hotcard-border:rgba(232,92,37,.35);
  --card-hover-border:rgba(15,23,42,.18);
  --cat-model-bg:rgba(59,125,248,.10);--cat-model-c:#2456d6;
  --cat-product-bg:rgba(16,160,110,.10);--cat-product-c:#0e8a5f;
  --cat-industry-bg:rgba(217,140,20,.12);--cat-industry-c:#a86a00;
  --cat-paper-bg:rgba(150,95,240,.10);--cat-paper-c:#7742cc;
  --cat-opensource-bg:rgba(232,92,37,.10);--cat-opensource-c:#c74d17;
  --cat-opinion-bg:rgba(30,150,220,.10);--cat-opinion-c:#1577b8;
  --rank1-bg:rgba(232,92,37,.15);--rank1-c:#c74d17;
  --rank2-bg:rgba(217,140,20,.15);--rank2-c:#a86a00;
  --rank3-bg:rgba(59,125,248,.14);--rank3-c:#2456d6;
  --btn-bg:rgba(59,125,248,.10);--btn-border:rgba(59,125,248,.30);--btn-hover:rgba(59,125,248,.18);
  --code-bg:#eef1f6;
  --lead-border:#3b7df8;
  --shadow:0 1px 3px rgba(15,23,42,.05);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg-0);color:var(--text-0);font:15px/1.65 -apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;transition:background .2s,color .2s}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
@media(max-width:600px){.wrap{padding:0 12px}}

/* 顶栏 */
.topbar{position:sticky;top:0;z-index:10;background:var(--topbar-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.bar-inner{display:flex;align-items:center;gap:28px;height:60px}
@media(max-width:768px){
  .bar-inner{flex-wrap:wrap;height:auto;padding-block:10px;gap:10px}
  .logo{order:1;font-size:18px}
  .nav{order:2;margin-left:auto}
  .nav a{padding:6px 10px;font-size:13px}
  .search{order:3;margin-left:0;width:100%}
  .search input{width:100%;flex:1}
}
.logo{font-size:20px;font-weight:800;letter-spacing:.5px}
.logo span{color:var(--accent)}
.nav{display:flex;gap:6px;align-items:center}
.nav a{padding:7px 14px;border-radius:8px;color:var(--text-1);font-weight:500}
.nav a:hover,.nav a.on{color:var(--text-0);background:var(--surface-2)}
.theme-toggle{border:1px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer;font-size:15px;padding:5px 9px;margin-left:6px;line-height:1;transition:.15s}
.theme-toggle:hover{background:var(--surface-2);transform:rotate(15deg)}
.search{margin-left:auto;display:flex;gap:8px}
.search input{width:220px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-0);outline:none;font-size:13px}
.search input:focus{border-color:var(--accent)}
.search button{border:none;background:var(--surface-2);border-radius:8px;cursor:pointer;color:var(--text-1);padding:0 12px}

/* 页头 */
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px 0 18px;flex-wrap:wrap}
.pagehead h1{font-size:24px;font-weight:700}
.sub{color:var(--text-2);font-size:13px;margin-top:4px}
@media(max-width:768px){
  .pagehead{padding:18px 0 14px}
  .pagehead h1{font-size:18px}
  .sub{font-size:12px}
}
.tabs{display:flex;gap:4px;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
@media(max-width:768px){.tabs{width:100%;flex-wrap:nowrap}}
.tab{flex:none;padding:6px 14px;border-radius:999px;color:var(--text-1);font-size:13px;border:1px solid transparent}
.tab:hover{background:var(--surface)}
.tab.on{color:var(--accent-2);background:var(--tab-on-bg);border-color:var(--tab-on-border)}

/* 布局 */
.layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding-bottom:60px}
@media(max-width:900px){
  .layout{grid-template-columns:1fr;gap:16px}
  .side{order:2}
  .feed{order:1}
  .side .panel{margin:0}
}

/* 卡片 */
.feed{display:flex;flex-direction:column;gap:14px}
@media(max-width:600px){.feed{gap:10px}}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 20px;transition:.15s;box-shadow:var(--shadow)}
@media(max-width:600px){.card{padding:13px 14px;border-radius:11px}}
.card:hover{background:var(--card-hover);border-color:var(--card-hover-border)}
.hotcard{border-color:var(--hotcard-border)}
.card{display:flex;gap:16px;align-items:stretch}
.card-body{flex:1;min-width:0}
.cover{flex:none;width:150px;height:96px;border-radius:10px;overflow:hidden;background:var(--bg-2)}
.cover img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:600px){.cover{width:104px;height:70px;border-radius:8px}}
.card-head{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-2);margin-bottom:8px;flex-wrap:wrap}
@media(max-width:600px){.card-head{gap:6px;font-size:11px;margin-bottom:6px}}
.cat{padding:2px 9px;border-radius:6px;font-weight:600;font-size:12px}
.cat-模型{background:var(--cat-model-bg);color:var(--cat-model-c)}
.cat-产品{background:var(--cat-product-bg);color:var(--cat-product-c)}
.cat-行业{background:var(--cat-industry-bg);color:var(--cat-industry-c)}
.cat-论文{background:var(--cat-paper-bg);color:var(--cat-paper-c)}
.cat-开源{background:var(--cat-opensource-bg);color:var(--cat-opensource-c)}
.cat-观点{background:var(--cat-opinion-bg);color:var(--cat-opinion-c)}
.src{color:var(--text-1)}
.time{margin-left:auto}
.flame{font-size:13px}
.title{display:block;font-size:16.5px;font-weight:650;line-height:1.5;margin-bottom:6px}
@media(max-width:600px){.title{font-size:15px;line-height:1.45}}
.title:hover{color:var(--accent-2)}
.summary{color:var(--text-1);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){.summary{font-size:12.5px;-webkit-line-clamp:2}}
.meta{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:12px;color:var(--text-2);flex-wrap:wrap}
@media(max-width:600px){.meta{margin-top:8px;gap:6px;font-size:11px}}
.score{color:var(--hot);font-weight:600}
.tag{padding:1px 8px;background:var(--surface);border-radius:5px}
.empty{padding:80px 0;text-align:center;color:var(--text-2)}

/* 分页 */
.pager{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px 0}
.pg{padding:8px 18px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-1);font-size:13px}
.pg:hover{border-color:var(--accent);color:var(--text-0)}
.pginfo{color:var(--text-2);font-size:13px}
.origin{margin-left:auto;color:var(--accent-2);font-size:12px}
.origin:hover{text-decoration:underline}

/* 侧栏 */
.side{display:flex;flex-direction:column;gap:16px}
@media(max-width:900px){.side{display:block}}
.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.panel-head h2{font-size:15px;font-weight:700}
.more{font-size:12px;color:var(--accent-2)}
.hotlist{list-style:none;display:flex;flex-direction:column;gap:10px}
.hotlist li{display:flex;gap:10px;align-items:flex-start}
.rank{flex:none;width:22px;height:22px;border-radius:6px;background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.rank.r1{background:var(--rank1-bg);color:var(--rank1-c)}
.rank.r2{background:var(--rank2-bg);color:var(--rank2-c)}
.rank.r3{background:var(--rank3-bg);color:var(--rank3-c)}
.ht{font-size:13.5px;font-weight:550;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.ht:hover{color:var(--accent-2)}
.hmeta{font-size:11.5px;color:var(--text-2)}
.about p{color:var(--text-1);font-size:13px;margin-bottom:8px}

/* 热榜页 */
.biglist{display:flex;flex-direction:column;gap:12px;padding-bottom:60px}
.bigrow{display:flex;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 20px;box-shadow:var(--shadow)}
.bigrow .no{flex:none;width:30px;font-size:20px;font-weight:800;color:var(--text-2);text-align:center;padding-top:2px}
.bigrow:nth-child(-n+3) .no{color:var(--hot)}
.bigrow .t{font-size:15.5px;font-weight:650;margin-bottom:4px}
.bigrow .t:hover{color:var(--accent-2)}
.bigrow .s{color:var(--text-1);font-size:13px}
.bigrow .m{font-size:12px;color:var(--text-2);margin-top:6px}

/* 日报页 */
.digest-list{display:flex;flex-direction:column;gap:12px;padding-bottom:60px}
.digest-item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 22px;box-shadow:var(--shadow)}
.digest-item h3{font-size:16px;margin-bottom:6px}
.digest-item:hover{border-color:var(--tab-on-border)}
.digest-item .d{color:var(--text-2);font-size:12.5px}

/* 日报详情 */
.article{max-width:860px;margin:0 auto;padding:30px 24px 80px}
@media(max-width:600px){.article{padding:16px 14px 60px}}
.article h1{font-size:24px;margin-bottom:8px}
.article .info{color:var(--text-2);font-size:13px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.article .md{color:var(--text-0)}
.article .md h2{font-size:18px;margin:28px 0 12px;padding-left:12px;border-left:3px solid var(--accent)}
.article .md p{color:var(--text-1);margin:8px 0;font-size:14px}
.article .md a{color:var(--accent-2)}
.article .md li{color:var(--text-1);margin:6px 0 6px 4px;list-style:none}

.foot{border-top:1px solid var(--border);padding:24px 0;text-align:center;color:var(--text-2);font-size:12.5px}

/* ===== 详情页 ===== */
.article .back{display:inline-block;margin-top:22px;color:var(--accent-2);font-size:13px}
.art-head{margin-top:14px}
.art-meta{display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--text-2);margin-bottom:10px;flex-wrap:wrap}
.art-head h1{font-size:24px;line-height:1.45;margin-bottom:10px}
@media(max-width:600px){.art-head h1{font-size:19px;line-height:1.4}}
.art-lead{color:var(--text-1);font-size:14.5px;line-height:1.7;border-left:3px solid var(--lead-border);padding-left:14px;margin-bottom:8px}
.orig-title{color:var(--text-2);font-size:12.5px;margin-bottom:6px;word-break:break-all}
.art-cover{margin:18px 0;border-radius:12px;overflow:hidden;max-height:420px}
.art-cover img{width:100%;object-fit:cover;display:block}
.art-body{margin-top:18px}
.art-body p{color:var(--text-1);margin:10px 0;font-size:15px;line-height:1.8}
.art-body img{max-width:100%;border-radius:10px;margin:8px 0}
.art-body a{color:var(--accent-2)}
.art-body h1,.art-body h2,.art-body h3{font-size:17px;margin:20px 0 8px;color:var(--text-0)}
.art-body ul,.art-body ol{margin:8px 0 8px 20px}
.art-body li{color:var(--text-1);margin:5px 0;font-size:14.5px}
.art-body blockquote{border-left:3px solid var(--accent);padding-left:12px;color:var(--text-2);margin:10px 0}
.art-body pre{background:var(--code-bg);padding:14px;border-radius:10px;overflow-x:auto;font-size:13px}
.art-body code{background:var(--code-bg);padding:2px 6px;border-radius:5px;font-size:13px}
.media-block{margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}
.media-block h3{font-size:15px;margin-bottom:10px}
.medialink{display:block;color:var(--accent-2);font-size:13px;margin:6px 0;word-break:break-all}
.imggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:600px){.imggrid{grid-template-columns:repeat(2,1fr);gap:8px}}
.imggrid img{width:100%;height:110px;object-fit:cover;border-radius:8px;display:block}
.art-actions{display:flex;gap:10px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}
.btn{padding:9px 20px;border-radius:9px;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--accent-2);font-size:13.5px;font-weight:600}
.btn:hover{background:var(--btn-hover)}
.rel-block{margin-top:30px;padding-top:18px;border-top:1px solid var(--border)}
.rel-block h3{font-size:15px;margin-bottom:10px}
.relrow{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border-radius:9px;background:var(--surface);margin-bottom:8px;font-size:13.5px;color:var(--text-1)}
.relrow:hover{background:var(--surface-2);color:var(--text-0)}
.relrow small{flex:none;color:var(--text-2)}

/* 快讯模式 */
.flash-body p{font-size:15.5px;color:var(--text-1)}
.flash-note{margin-top:16px;padding:12px 16px;border-radius:10px;background:var(--tab-on-bg);border:1px dashed var(--tab-on-border);color:var(--text-1);font-size:13px}