/* =========================================================
   财见笔记 · 共享设计系统 (site.css)
   设计目标：在不动 HTML 结构的前提下，把原本偏「企业蓝渐变 + 扁平卡片」的
   呆板观感，提质为「暖色编辑风」——更柔的背景、更利落的卡片、更强的视觉节奏。
   本文件在各公开模板 </style> 之后以 <link> 引入，对同名类(.news-card/.tag/.section-title…)
   的同等优先级规则拥有最终覆盖权，全站一处改写、统一生效。
   ========================================================= */
:root{
  --primary:#2b6cb0;            /* 沉稳蓝，主色 */
  --primary-dark:#1e4e8c;
  --accent:#c2560a;            /* 暖橙，点缀活力 */
  --bg:#f5f3ef;                /* 暖白纸感背景 */
  --card:#ffffff;
  --text:#1f1f24;
  --muted:#6b6b73;
  --border:#e9e7e2;
  --shadow-sm:0 1px 2px rgba(20,20,40,.04);
  --shadow-md:0 2px 4px rgba(20,20,40,.04), 0 12px 28px -16px rgba(20,20,40,.18);
  --radius:16px;
}
*{box-sizing:border-box;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}

/* —— 顶部品牌栏：更轻的渐变 + 暖色下边线，去掉厚重感 —— */
.header{
  background:linear-gradient(135deg,#1c2a52 0%,#27406f 100%);
  padding:18px 0 14px;
  text-align:center;
  position:sticky;top:0;z-index:100;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
  border-bottom:3px solid var(--accent);
}
.header h1{font-size:22px;font-weight:800;letter-spacing:3px;}
.header .subtitle{font-size:12px;opacity:.82;margin-top:5px;letter-spacing:.5px;}
.header .date{font-size:12px;opacity:.7;margin-top:2px;}
.nav-bar{display:flex;justify-content:center;gap:6px;margin-top:10px;padding-top:10px;
  border-top:1px solid rgba(255,255,255,.18);flex-wrap:wrap;}
.nav-bar a{color:#fff;text-decoration:none;font-size:12.5px;opacity:.85;
  padding:3px 9px;border-radius:999px;transition:.15s;}
.nav-bar a:hover{opacity:1;background:rgba(255,255,255,.14);}

.container{max-width:680px;margin:0 auto;padding:16px 14px 28px;}

/* —— 分区标题：左侧强调条 + 更大呼吸感 —— */
.section-title{display:flex;align-items:center;margin:26px 0 14px;font-size:18px;font-weight:800;
  padding-left:12px;border-left:5px solid var(--primary);line-height:1.2;}
.section-title .icon{margin-right:7px;font-size:20px;}
.section-title .count{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px;}

/* —— 卡片：大圆角 + 柔和分层阴影 + 悬停微抬升（桌面） —— */
.news-card,.daily-summary,.flow-summary,.note-card,.lesson-card,.past-notes-wrapper{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm);
  transition:transform .18s ease, box-shadow .18s ease;
}
@media(hover:hover){
  .news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
}
.news-card .title{font-size:16.5px;font-weight:700;line-height:1.5;margin-bottom:9px;color:var(--text);}
.news-card .source-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;}

/* —— 标签：药丸化 + 语义暖色 —— */
.tag{display:inline-block;font-size:11px;padding:3px 10px;border-radius:999px;font-weight:600;line-height:1.4;}
.tag-flash{background:#fff1e6;color:#c2560a;}
.tag-news{background:#e8f0fe;color:#1e5fbf;}
.tag-source{background:#f1f0ee;color:#898986;}
.tag-cat-macro{background:#f3e8fb;color:#7b3fb0;}
.tag-cat-stock{background:#e7f6ec;color:#1f8f4d;}
.tag-cat-intl{background:#fde8ee;color:#c23a5b;}
.tag-cat-行业{background:#fff6e0;color:#b9801a;}
.tag-cat-其他{background:#f1f0ee;color:#6b6b73;}
.tag-cat{background:#e8f0fe;color:#1e5fbf;}

/* —— AI 三段（速览/影响/提醒）：保留左侧强调条，柔和底纹 —— */
.ai-summary{background:#f1f6fe;border-left:4px solid var(--primary);padding:10px 14px;border-radius:0 10px 10px 0;margin:9px 0;font-size:13.5px;color:#2b2b2b;}
.ai-summary .label{color:var(--primary);font-weight:700;font-size:12.5px;margin-bottom:4px;}
.ai-impact{font-size:13.5px;color:#555;margin:7px 0;}
.ai-impact .label{color:var(--accent);font-weight:700;font-size:12.5px;}
.ai-advice{font-size:13.5px;color:#555;margin:7px 0;}
.ai-advice .label{color:#1f8f4d;font-weight:700;font-size:12.5px;}
.news-card .time{font-size:11px;color:#aaa;margin-top:7px;}

/* —— 每日总结 / 钱流观察 / 笔记：暖色调强调条 —— */
.daily-summary{background:linear-gradient(135deg,#fff7ea 0%,#fffdf6 100%);border:1px solid #ffe2b0;}
.daily-summary .label{display:inline-block;background:var(--accent);color:#fff;font-size:11px;padding:3px 11px;border-radius:999px;margin-bottom:9px;}
.flow-summary{background:linear-gradient(135deg,#eaf6ee 0%,#fff8e8 100%);border:1px solid #cfe8d4;}
.flow-summary .label{display:inline-block;background:#1f8f4d;color:#fff;font-size:11px;padding:3px 11px;border-radius:999px;margin-bottom:9px;}
.flow-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:9px;margin:11px 0 12px;}
.ov-card{background:#fff;border:1px solid #eee;border-radius:11px;padding:9px 7px;text-align:center;box-shadow:var(--shadow-sm);}
.ov-name{font-size:11px;color:#8a8a8a;margin-bottom:4px;}
.ov-sig{font-size:17px;font-weight:800;line-height:1.15;}
.ov-desc{font-size:10px;color:#666;margin-top:4px;line-height:1.35;}

/* —— 笔记 / 小课卡：左强调条，更利落 —— */
.note-card{border-left:4px solid var(--primary);}
.note-sec{font-size:15.5px;font-weight:700;margin:15px 0 7px;padding-left:9px;border-left:3px solid var(--accent);}
.note-text{font-size:14px;line-height:1.85;white-space:pre-line;color:#2a2a2e;}
.lesson-card{border-left:4px solid var(--primary);}
.lesson-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border);text-decoration:none;color:var(--text);}
.lesson-item:first-of-type{border-top:none;}
.lesson-mod{flex:0 0 auto;background:var(--primary);color:#fff;font-size:11px;padding:3px 10px;border-radius:999px;min-width:34px;text-align:center;}

/* —— 分类横向导航：药丸化、选中态更明显 —— */
.category-nav{display:flex;overflow-x:auto;gap:8px;padding:8px 0;margin-bottom:14px;-webkit-overflow-scrolling:touch;}
.category-nav a{white-space:nowrap;padding:7px 15px;border-radius:999px;background:#fff;font-size:13px;color:var(--muted);text-decoration:none;box-shadow:var(--shadow-sm);border:1px solid var(--border);}
.category-nav a.active{background:var(--primary);color:#fff;border-color:var(--primary);}

/* —— 三三幺信息源 / 钱流概览 / 子分类入口：卡片化统一 —— */
.tier-item,.subflow-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px 11px;text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s, box-shadow .15s;}
@media(hover:hover){.tier-item:hover,.subflow-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}}
.tier-item .tier-name{font-weight:800;font-size:14px;margin:5px 0 3px;}
.tier-item .tier-desc{font-size:10.5px;color:var(--muted);line-height:1.45;}
.tier-item .tier-count{font-size:10.5px;color:var(--primary);margin-top:5px;font-weight:700;}
.subflow-card .sf-name{font-size:14px;font-weight:700;color:var(--text);}
.subflow-card .sf-desc{font-size:10.5px;color:var(--muted);line-height:1.45;}
.subflow-card .sf-count{font-size:10.5px;color:var(--primary);font-weight:700;}
.flow-bar{background:linear-gradient(135deg,#eaf0fe 0%,#f1f7ff 100%);border:1px solid #d2e3fc;border-radius:14px;padding:13px 15px;margin-bottom:14px;cursor:pointer;}

/* —— 订阅条：暖色渐变 + 圆角 —— */
.subscribe-bar{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#1c2a52 0%,#27406f 100%);color:#fff;border-radius:14px;padding:13px 16px;margin:18px 0;border-bottom:3px solid var(--accent);}
.subscribe-bar .subscribe-text{font-size:13px;flex:1;}
.subscribe-bar .subscribe-text b{background:rgba(255,255,255,.16);padding:2px 9px;border-radius:8px;}
.subscribe-bar .subscribe-link{color:#ffd9b0;font-size:12px;text-decoration:none;white-space:nowrap;}

/* —— 空状态 / 页脚 —— */
.empty{text-align:center;padding:42px 20px;color:var(--muted);}
.empty .icon{font-size:46px;margin-bottom:12px;}
.empty p{font-size:14px;}
.footer{text-align:center;padding:26px 14px;color:var(--muted);font-size:12px;border-top:1px solid var(--border);margin-top:14px;}
.footer a{color:var(--primary);text-decoration:none;}

/* —— 详情页（detail.html）专用提质 —— */
.news-title{font-size:21px;font-weight:800;line-height:1.5;margin-bottom:13px;letter-spacing:.2px;}
.meta-row{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap;}
.ai-block{background:#f8f9fb;border-radius:11px;padding:14px 16px;margin-bottom:12px;border:1px solid #eef0f3;}
.ai-block.summary{background:#f1f6fe;border-left:4px solid var(--primary);}
.ai-block.impact{background:#fff6ec;border-left:4px solid var(--accent);}
.ai-block.advice{background:#eef8f1;border-left:4px solid #1f8f4d;}
.ai-block .label{font-size:13.5px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:5px;}
.ai-block.summary .label{color:var(--primary);}
.ai-block.impact .label{color:var(--accent);}
.ai-block.advice .label{color:#1f8f4d;}
.ai-block .content{font-size:14.5px;color:#333;line-height:1.7;}
.original{font-size:14.5px;color:#555;line-height:1.85;margin-top:16px;padding:14px;background:#faf9f7;border-radius:11px;border:1px solid var(--border);}
.back-btn{display:inline-block;margin-bottom:16px;color:var(--primary);text-decoration:none;font-size:14px;font-weight:600;}
.sjs-block{border-radius:11px;padding:13px 15px;margin-bottom:11px;border:1px solid #eef0f3;}
.sjs-block.q1{border-left:4px solid var(--primary);background:#e8f0fe;}
.sjs-block.q2{border-left:4px solid #7b3fb0;background:#f3e8fb;}
.sjs-block.q3{border-left:4px solid var(--accent);background:#fff6e6;}
.sjs-head{font-size:15px;font-weight:800;color:var(--primary-dark);margin:20px 0 11px;padding-bottom:7px;border-bottom:2px solid var(--primary);}
.flow-card{background:linear-gradient(135deg,#eaf6ee 0%,#fff8e8 100%);border:1px solid #cfe8d4;border-radius:11px;padding:13px 15px;margin-bottom:11px;}

/* —— 信息可信度说明卡：agent 自动交叉核实 + 存疑隔离归档 —— */
.verify-note{background:linear-gradient(135deg,#eef4fd 0%,#fff8f0 100%);border:1px solid #cfe0f5;border-radius:var(--radius);padding:15px 16px;margin:18px 0;box-shadow:var(--shadow-sm);}
.verify-note .vn-label{display:inline-block;background:var(--primary);color:#fff;font-size:11px;padding:3px 11px;border-radius:999px;margin-bottom:9px;}
.verify-note .vn-body{font-size:13px;line-height:1.85;color:#3a3a40;}
.verify-note .vn-body strong{color:var(--accent);}
.verify-note .vn-body b{color:var(--accent);}
.verify-note .vn-list{margin:9px 0 0;padding-left:0;list-style:none;}
.verify-note .vn-list li{position:relative;padding-left:20px;margin:7px 0;font-size:12.5px;color:#4a4a50;line-height:1.7;}
.verify-note .vn-list li::before{content:"✓";position:absolute;left:0;top:0;color:#1f8f4d;font-weight:800;}
.verify-note .vn-foot{margin-top:10px;font-size:11.5px;color:var(--muted);border-top:1px dashed var(--border);padding-top:9px;line-height:1.6;}

/* —— 首页可信度卡片：醒目入口链接 —— */
.verify-note .vn-link{display:inline-block;margin-top:7px;color:var(--primary);font-size:12.5px;font-weight:700;text-decoration:none;}
.verify-note .vn-link:hover{text-decoration:underline;color:var(--primary-dark);}