/* 时尚男人 - 男性问答社区 自定义样式 */

/* 兜底主色（部分组件读 CSS 变量） */
:root {
 --bs-primary: #2d5a3d;
 --bs-primary-rgb: 45, 90, 61;
 --site-cream: #f5ead3;
 --site-deep: #234731;
}

/* 全站字体：中文优先 + 略大字号（35-50 岁视线舒适） */
body {
 font-size: 16px;
 line-height: 1.65;
 color: #2c2c2c;
 font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
 "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
 -webkit-font-smoothing: antialiased;
}

/* 问答列表：更宽松的留白 */
.list-group-item {
 padding: 1.05rem 1.2rem;
}

/* 问题标题：再粗一点、行高更舒适 */
.question-list h5,
h1.question-title,
.post-title {
 font-weight: 600;
 line-height: 1.45;
}

/* Tag 胶囊：森林绿调，hover 翻转 */
a.badge,
.badge.bg-secondary {
 background-color: #e8f0e7 !important;
 color: #2d5a3d !important;
 font-weight: 500;
 border: 1px solid #c8d8c4;
 padding: 0.32em 0.7em;
}
a.badge:hover {
 background-color: #2d5a3d !important;
 color: #f5ead3 !important;
 text-decoration: none;
}

/* 主按钮：森林绿 + 加深 hover */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
 background-color: #2d5a3d;
 border-color: #2d5a3d;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
 background-color: #234731 !important;
 border-color: #234731 !important;
}

/* 普通文字链接：森林绿 + hover 下划线 */
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.badge):not(.navbar-brand) {
 color: #2d5a3d;
}
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.badge):not(.navbar-brand):hover {
 color: #234731;
 text-decoration: underline;
}

/* 帖子正文：更易读 */
.fmt p,
.post-content p,
.markdown-body p {
 font-size: 16.5px;
 line-height: 1.78;
 margin-bottom: 1em;
}
.fmt h2,
.fmt h3,
.markdown-body h2,
.markdown-body h3 {
 margin-top: 1.6em;
}
.fmt blockquote,
.markdown-body blockquote {
 border-left: 3px solid #2d5a3d;
 background: #f4f8f3;
 padding: 0.6em 1em;
 color: #444;
}

/* 侧边栏卡片：暖色调，区分主区 */
aside .card,
.side-bar .card {
 border-color: #d8d2c4;
 background: #fdfaf0;
}

/* 导航栏 brand 文字隐藏（我们用图片 logo） */
.navbar-brand .fs-5 {
 display: none;
}

/* 首页推荐标签区块标题：更克制 */
aside h5,
.side-bar h5 {
 font-size: 0.85rem;
 text-transform: uppercase;
 letter-spacing: 0.05em;
 color: #6b6b6b;
 font-weight: 600;
}


/* 电脑端导航栏 logo 加大（≥768px） */
@media (min-width: 768px) {
 #header .logo,
 .navbar-brand .logo {
 max-height: 2.75rem;
 }
}


/* 首页 hero（站点定位） */
.homepage-hero {
 border-bottom: 1px solid #e8e3d4;
 margin-bottom: 1rem;
}
.homepage-hero .hero-title {
 font-size: 1.75rem;
 font-weight: 700;
 color: #2d5a3d;
 letter-spacing: 1px;
}
.homepage-hero .hero-subtitle {
 font-size: 1.05rem;
 color: #444;
 margin-bottom: 0.5rem;
}
.homepage-hero .hero-body {
 max-width: 720px;
 line-height: 1.7;
}
.homepage-hero .btn-outline-secondary {
 border-color: #2d5a3d;
 color: #2d5a3d;
}
.homepage-hero .btn-outline-secondary:hover {
 background: #2d5a3d;
 color: #f5ead3;
 border-color: #2d5a3d;
}

/* 折叠 FAQ 区 */
details.homepage-faq {
 border-top: 1px solid #eee;
 padding: 0.5rem 0;
}
details.homepage-faq > summary {
 cursor: pointer;
 font-size: 0.95rem;
 user-select: none;
 list-style: none;
}
details.homepage-faq > summary::-webkit-details-marker { display: none; }
details.homepage-faq > summary::before {
 content: "▸";
 display: inline-block;
 margin-right: 0.5rem;
 color: #2d5a3d;
 transition: transform 0.15s ease;
}
details.homepage-faq[open] > summary::before {
 transform: rotate(90deg);
}
details.homepage-faq .faq-body {
 background: #fdfaf0;
 border-color: #d8d2c4;
}
details.homepage-faq .faq-item {
 padding-bottom: 0.5rem;
 border-bottom: 1px dashed #e8e3d4;
}
details.homepage-faq .faq-item:last-child {
 border-bottom: 0;
 padding-bottom: 0;
}
details.homepage-faq .faq-q {
 color: #2d5a3d;
 font-weight: 600;
}
details.homepage-faq .faq-a {
 line-height: 1.7;
}