/* ============================================================
* 个人主页 home.css（方案 A · 经典居中）
*
* 设计原则：
* - 100% 复用 style.css :root 变量，零新增色相
* - 沿用 landing 视觉血统：max-width 居中段落 / 8px 圆角卡片 / 主色边 hover
* - 内容宽度 720px（比 landing 880px 更窄 → 居中感更强）
* - [hidden] 由 style.css:7 全局兜底，本文件不重复声明
*
* 复用清单：
* :root 变量 / .landing-footer-* (footer 整套) / SVG path (landing.html 内联)
* ============================================================ */
/* ============= 页面基底 ============= */
.home-page {
background: var(--bg);
}
/* 2026-06-30 调整：sticky nav 已删除（仅剩项目单锚点无意义）
原 .home-nav / .home-nav-inner / .home-nav-links 样式全部清理 */
/* ============= 内容容器 ============= */
/* 2026-06-30 调整：main 拉宽到 1040px 容纳 3 列项目卡片
Hero / 关于我 用内层 max-width 限制为阅读宽度（720/640px） */
.home-main {
max-width: 1040px;
margin: 0 auto;
}
/* ============= Hero 区（AC-1） ============= */
.home-hero {
max-width: 720px; /* 2026-06-30 调整：Hero 保持阅读宽度居中 */
margin: 0 auto;
padding: clamp(48px, 12vh, 96px) 24px 64px;
text-align: center;
}
.home-hero-name {
margin: 0 0 16px;
font-size: clamp(32px, 5vw, 48px); /* 桌面 48 / 平板 ~40 / 手机 32 */
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--text);
}
.home-hero-bio {
margin: 0 0 32px;
font-size: 16px; /* 2026-06-30 调整：删除真实姓名后，bio 提到 16px 作为副标题 */
line-height: 1.6;
color: var(--muted);
}
.home-hero-links {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.home-hero-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
color: var(--muted);
text-decoration: none;
transition: color var(--transition-fast), background var(--transition-fast);
}
.home-hero-link:hover {
color: var(--primary);
background: var(--primary-bg);
}
.home-hero-icon {
flex-shrink: 0;
}
/* ============= 关于我（Hero 与项目之间的过渡，避免页面单薄） ============= */
.home-about {
max-width: 640px; /* 比 hero（720）略窄，让段落更聚焦易读 */
margin: 0 auto;
padding: 0 24px 64px;
text-align: center;
}
.home-about-text {
margin: 0;
font-size: 15px;
line-height: 1.8;
color: var(--muted);
}
.home-about-text strong {
color: var(--text); /* 「LLM 应用工程化」加粗强调 */
font-weight: 600;
}
/* ============= 通用段落（参考 .landing-section） ============= */
.home-section {
padding: 64px 24px;
border-top: 1px solid var(--border);
scroll-margin-top: 72px; /* sticky 56px + 16px 缓冲，避免锚点被遮挡 */
}
.home-section-title {
margin: 0 0 32px;
font-size: 20px;
font-weight: 600;
color: var(--text);
text-align: center;
}
/* ============= 项目卡片（AC-3） ============= */
.home-cards {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 2026-06-30 调整：工作项目 3 张一行展示 */
gap: 24px; /* 2026-06-30 调整：卡片间距从 16px 增大到 24px */
margin-bottom: 16px; /* 2026-06-30 调整：卡片下方留白，让分类标题不挤 */
}
/* 个人项目区：单列展示，窄一些聚焦 */
.home-cards--single {
grid-template-columns: 1fr;
max-width: 520px;
margin: 0 auto;
}
/* 分类小标题（个人项目 / 工作经历代表项目） */
.home-project-group-label {
margin: 56px 0 16px; /* 2026-06-30 调整：上方 56px 让两类项目有充足呼吸感 */
font-size: 14px;
font-weight: 600; /* 2026-06-30 调整：加粗 */
color: var(--text); /* 2026-06-30 调整：从 muted 灰改为 text 黑 */
letter-spacing: 0.02em;
}
.home-project-group-label:first-of-type {
margin-top: 0; /* 第一个分类标题紧跟 section title */
}
.home-card {
/* 2026-06-30 调整：整张卡片是 标签，需要 anchor 样式 */
display: flex;
flex-direction: column;
gap: 8px;
padding: 20px;
background: var(--panel);
border: 1px solid var(--border);
border-radius: 8px;
text-decoration: none; /* 去 下划线 */
color: inherit; /* 子元素颜色由自己控制，不被 蓝色覆盖 */
cursor: pointer;
transition: border-color var(--transition-fast),
transform var(--transition-fast),
box-shadow var(--transition-fast);
}
.home-card:hover {
border-color: var(--primary);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.home-card-title {
margin: 0;
font-size: 16px;
font-weight: 600;
color: var(--text);
}
.home-card-desc {
margin: 0;
font-size: 13px;
line-height: 1.6;
color: var(--muted);
}
.home-card-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}
/* 2026-06-30 新增：项目亮点列表（让单卡片承载更多信息） */
/* 2026-07-01 调整：加分隔线 + padding + 间距增大，让亮点区有视觉层次 */
.home-card-highlights {
margin: 16px 0 0;
padding: 12px 0 0 20px;
border-top: 1px solid var(--border); /* 上分隔线，与标签区分开 */
list-style: none;
display: flex;
flex-direction: column;
gap: 8px; /* 行间距 6 → 8，更宽松 */
}
.home-card-highlights li {
position: relative;
font-size: 13px;
line-height: 1.6; /* 行高 1.5 → 1.6，更舒展 */
color: var(--text);
}
.home-card-highlights li::before {
content: "✓";
position: absolute;
left: -20px;
color: var(--primary);
font-weight: 600;
}
/* 2026-06-30 调整：原 .home-card-links / .home-card-link 已删除（整卡可点击不再需要内部链接）
改为 .home-card-cta 作为视觉提示性 CTA（小字 + 主色 + 右箭头） */
.home-card-cta {
margin-top: auto; /* 推到底部，让多张卡片高度一致 */
padding-top: 8px;
font-size: 13px;
font-weight: 500;
color: var(--primary);
}
.home-card:hover .home-card-cta {
color: var(--primary-hover);
}
/* 2026-06-30 新增：工作项目卡片（不可点击，仅展示）
- 默认 cursor（不是 pointer）
- hover 不上浮 / 不变色（避免误导为可点击）
- 浅灰底区分于个人项目白底 */
.home-card--work {
cursor: default;
background: var(--bg); /* 浅灰底，区分于个人项目白底 */
}
.home-card--work:hover {
border-color: var(--border); /* hover 边框不变色 */
transform: none; /* 不上浮 */
box-shadow: none; /* 无阴影 */
}
.home-card-meta {
margin: 0 0 4px;
font-size: 12px;
color: var(--muted);
letter-spacing: 0.02em;
}
/* ============= 标签（项目卡 + 技术栈共用） ============= */
.home-tag {
display: inline-block;
padding: 2px 10px;
font-size: 12px;
font-weight: 500;
color: var(--primary);
background: var(--primary-bg);
border: 1px solid var(--primary);
border-radius: 999px;
line-height: 1.6;
}
/* 2026-06-30 调整：技术栈 section 已删除，原 .home-skill* 样式全部清理 */
/* 2026-06-30 调整：工作经历 section 已删除，原 .home-exp* 样式全部清理 */
/* ============= 响应式（沿用全站 900 / 768 / 480，无新断点） ============= */
@media (max-width: 1024px) {
/* 2026-06-30 调整：3 列在平板太挤，降为 2 列 */
.home-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
.home-section { padding: 48px 24px; }
}
@media (max-width: 768px) {
.home-hero { padding: 48px 16px 40px; }
.home-section { padding: 40px 16px; }
/* 卡片单列 */
.home-cards { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.home-hero-name { font-size: 32px; }
.home-section { padding: 32px 16px; }
}