:root{ --text:#0f172a; --muted:#64748b; --accent:#2563eb; --border:#e5e7eb; --radius:16px;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#ffffff;color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:24px}
.site-header{position:sticky;top:0;background:#ffffff;border-bottom:1px solid #e5e7eb;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{height:32px;width:auto;border-radius:6px;object-fit:contain}
.links{display:flex;gap:16px;align-items:center}
.content{padding-top:24px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 8px 24px rgba(2,6,23,.04)}
.grid{display:grid;gap:18px}
.cards-3{grid-template-columns:repeat(3,1fr)}
.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:40px 24px 64px;text-align:center}
.footer-links{margin-top:10px;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted)}
.footer-links a{color:var(--muted)}
.footer-links span{opacity:.6}
.post-card img{width:100%;height:180px;object-fit:cover;display:block;border-radius:12px}
@media (max-width:900px){ .cards-3{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .cards-3{grid-template-columns:1fr} .links{display:none} }
.muted{color:var(--muted)}

.feature .img img{width:100%;height:260px;object-fit:cover;display:block}

.post-card h3 a, .card h3 { color: #0f172a; text-decoration: none; }
.post-card h3 a:hover { text-decoration: underline; }
.card h3 a { color: #0f172a; text-decoration: none; }
.card h3 a:hover { text-decoration: underline; }
.post-card .post-meta, .card .muted { color: #64748b; margin-top: 8px; display:block; }

/* fixed10: center hero text into two lines */
.hero{position:relative;overflow:hidden;color:#fff}
.hero .cover{height:340px;background:url('images/home/hero.jpg') center/cover no-repeat}
.hero .inner.hero-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}
.hero .inner.hero-center h1{margin:0 0 6px;font-size:42px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.hero .inner.hero-center p{margin:0;color:#e2e8f0;text-shadow:0 2px 10px rgba(0,0,0,.35)}
@media (max-width:900px){.hero .inner.hero-center h1{font-size:32px}}

/* fixed10: card bottom meta & black titles */
.post-card,.card{display:flex;flex-direction:column}
.post-card .thumb{order:1}
.post-card h3{order:2}
.post-card .post-meta{order:3;margin-top:auto}
.card .thumb{order:1}
.card h3{order:2}
.card .muted{order:3;margin-top:auto}
.post-card h3 a,.card h3 a{color:#0f172a!important;text-decoration:none}
.post-card h3 a:hover,.card h3 a:hover{text-decoration:underline}

/* fixed12: header nav default black; only active uses accent */
.site-header .links a{ color:#0f172a !important; opacity:.85; font-weight:500; }
.site-header .links a:hover{ opacity:1; }
.site-header .links a.active{ color:var(--accent) !important; opacity:1; }

/* fixed12: footer links gray */
.site-footer, .site-footer a{ color:#64748b !important; }
.site-footer a:hover{ color:#475569 !important; }
.footer-links a{ color:inherit !important; }
/* 将中间段落里的 “AI BOT ONE” 标红并加粗 */
.intro .brand-red{
  color:#e11d48;       /* 红色，可换 #ff0000/#ef4444 等 */
  font-weight:700;
}
/* --- NAV：默认黑色，仅选中高亮 --- */
.site-header .links a{ color:#0f172a !important; opacity:.85; font-weight:500; }
.site-header .links a:hover{ opacity:1; }
.site-header .links a.active{ color:var(--accent) !important; opacity:1; }

/* --- FOOTER：链接灰色 --- */
.site-footer, .site-footer a{ color:#64748b !important; }
.site-footer a:hover{ color:#475569 !important; }
.footer-links a{ color:inherit !important; }

/* --- HERO：横幅文字两行居中覆盖 --- */
.hero{ position:relative; overflow:hidden; color:#fff; }
.hero .cover{ height:340px; background:url('images/home/hero.jpg') center/cover no-repeat; }
.hero .inner.hero-center{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; padding:0 24px;
}
.hero .inner.hero-center h1{ margin:0 0 6px; font-size:42px; line-height:1.2; text-shadow:0 2px 10px rgba(0,0,0,.35); }
.hero .inner.hero-center p{ margin:0; color:#e2e8f0; text-shadow:0 2px 10px rgba(0,0,0,.35); }
@media (max-width:900px){ .hero .inner.hero-center h1{ font-size:32px; } }

/* --- INTRO：避免被横幅裁切；同时支持“AI BOT ONE”高亮 --- */
.intro{ margin:24px auto 16px !important; }  /* 覆盖任何负margin */
.intro .brand-red{ color:#e11d48; font-weight:700; }

/* --- FEATURES：右侧配图统一尺寸 --- */
.feature .img{ border-radius:16px; overflow:hidden; box-shadow:0 12px 30px rgba(2,6,23,.12); }
.feature .img img{ width:100%; height:260px; object-fit:cover; display:block; }

/* --- CARDS：标题黑色，日期在卡片底部 --- */
.post-card, .card{ display:flex; flex-direction:column; }
.post-card .thumb{ order:1; }
.post-card h3{ order:2; }
.post-card .post-meta{ order:3; margin-top:auto; }
.card h3{ order:2; }
.card .muted{ order:3; margin-top:auto; }

.post-card h3 a, .card h3 a{ color:#0f172a !important; text-decoration:none; }
.post-card h3 a:hover, .card h3 a:hover{ text-decoration:underline; }

/* 如果首页还保留“Read →”，用这行隐藏 */
.post-card .read{ display:none; }

/* ====== Header 基础 ====== */
.site-header{
  position: sticky; top: 0; z-index: 50; background: #fff;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 10px 18px; border-bottom: 1px solid #e5e7eb;
}
.brand .logo{ height: 32px; width: auto }

/* 导航默认横排（桌面） */
nav.links{ display: flex; gap: 24px; align-items: center }

/* 颜色策略：默认黑色，仅选中为主题蓝；覆盖 :link/:visited */
nav.links a, nav.links a:link, nav.links a:visited{
  color:#0f172a !important; opacity:.88; text-decoration: none; font-weight:500;
}
nav.links a:hover{ opacity:1 }
nav.links a.active, nav.links a.active:link, nav.links a.active:visited{
  color:var(--accent) !important; opacity:1
}

/* 汉堡按钮（移动端显示） */
.nav-btn{ display:none; position:relative; width:40px; height:40px; cursor:pointer; background:transparent; border:0 }
.nav-btn span{ position:absolute; left:9px; right:9px; height:2px; background:#0f172a; border-radius:2px; transition:.2s }
.nav-btn span:nth-child(1){ top:12px } .nav-btn span:nth-child(2){ top:19px } .nav-btn span:nth-child(3){ top:26px }

/* ====== 移动端导航（≤860px） ====== */
@media (max-width: 860px){
  .nav-btn{ display:inline-flex; align-items:center; justify-content:center }
  nav.links{
    display:none; position: fixed; left: 12px; right: 12px; top: 62px;
    background:#fff; border:1px solid #e5e7eb; border-radius:12px;
    box-shadow:0 20px 40px rgba(2,6,23,.12);
    flex-direction: column; align-items: stretch; gap:0; padding:8px 10px
  }
  nav.links a{ padding:12px 6px; border-radius:8px }
  nav.links.open{ display:flex }
  /* 汉堡 → X */
  .nav-btn.open span:nth-child(1){ transform: translateY(7px) rotate(45deg) }
  .nav-btn.open span:nth-child(2){ opacity:0 }
  .nav-btn.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg) }
  /* 打开菜单时禁止页面滚动 */
  html.no-scroll, html.no-scroll body{ overflow:hidden }
}



/* 避免 intro 被 banner 裁切（你之前遇到的那个问题） */
.intro{ margin:24px auto 16px !important }

/* 卡片：标题黑色、日期底部（你之前的需求保留） */
.post-card,.card{ display:flex; flex-direction:column }
.post-card h3 a,.card h3 a{ color:#0f172a !important; text-decoration:none; font-size:1.05rem }
.post-card h3 a:hover,.card h3 a:hover{ text-decoration:underline }
.post-card .post-meta,.card .muted{ margin-top:auto; font-size:.92rem }

/* 页脚灰色（保留你之前的设定） */
.site-footer, .site-footer a{ color:#64748b !important }
.site-footer a:hover{ color:#475569 !important }

@media (max-width: 860px){
  .nav-btn{display:inline-flex}
  nav.links{display:none; /* 其它定位样式略 */}
  nav.links.open{display:flex}
}

/* ===== 强力放大：基础字号 + 标题/导航/卡片同步放大 ===== */

/* 基准字号：手机 18px，平板 19px，桌面 20px */
html{font-size:18px}
@media (min-width:768px){html{font-size:19px}}
@media (min-width:1280px){html{font-size:20px}}

body{font-size:1.05rem; line-height:1.8; color:#0f172a; letter-spacing:.1px}

/* 段落、列表正文 */
p, li{font-size:1.06rem}
ul, ol{margin:0 0 1rem 1.25rem}

/* 文章正文容器（避免行宽过长） */
.article-body, .content{font-size:1.06rem; line-height:1.9; max-width:72ch}
.article-body p, .content p{margin:0 0 .95rem}

/* 导航字号更易点按（不会改变你已设的颜色逻辑） */
nav.links a{font-size:1.05rem}
@media (min-width:1280px){nav.links a{font-size:1.1rem}}

/* Hero 文案放大 */
.hero .inner.hero-center h1{font-size:clamp(2rem, 6.2vw, 3.4rem)}
.hero .inner.hero-center p{font-size:1.12rem}

/* 版心稍微放宽一点点（可选） */
.intro{max-width:980px}

/* 三级标题尺度 */
h1{font-size:clamp(1.8rem, 2.6vw, 2.4rem); line-height:1.25}
h2{font-size:clamp(1.5rem, 2vw, 1.8rem)}
h3{font-size:1.2rem}

/* 首页/Blog 卡片标题 + 日期 */
.post-card h3 a, .card h3 a{font-size:1.15rem}
.post-card .post-meta, .card .muted{font-size:1rem}

/* 中间三块介绍的正文更易读 */
.feature p{font-size:1.06rem}

/* 小屏下让列表留点空隙，提升可读性 */
@media (max-width:640px){
  .post-card{gap:10px}
}