/* 定制主题样式：盒里有梦（Single 主题扩展） */
:root{
    --blue: #0284c7;
    --light-blue: #38bdf8;
    --border: #e8e5df;
    --light-border: #efece8;
    --light-background: #fff;
}

/* 整站统一苹果简体字体（苹方） */
body{
    background: #FAF9F6;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue',
        'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
h1, h2, h3, h4, h5, h6{ font-family: inherit; font-weight: 600; }

a{ color: #0284c7; }
a:hover{ color: #38bdf8; }

/* 滚动条：浅灰、平时隐藏，悬停/滚动时才显示 */
::-webkit-scrollbar{ width: 10px; height: 10px }
::-webkit-scrollbar-track{ background: transparent }
::-webkit-scrollbar-thumb{
    background: transparent;
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
body:hover::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.22); background-clip: padding-box }
::-webkit-scrollbar-thumb:hover{ background: rgba(0,0,0,.30); background-clip: padding-box }
body::-webkit-scrollbar{ border-left: none; background: transparent }
.dark-theme body:hover::-webkit-scrollbar-thumb,
.dark-theme ::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.25); background-clip: padding-box }
.dark-theme::-webkit-scrollbar{ background: transparent }
html { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.25) transparent }
html.dark-theme { scrollbar-color: rgba(255,255,255,.3) transparent }

em{
    background-color: #0284c7;
}

/* 头部与站名 */
.site-name, .site-title{
    color: #1a1a1a;
}

/* 文章/页面正文容器微调 */
.wrap{
    background: transparent;
}

/* ---------- 首页/关于页（亮/暗双模式） ---------- */
.dahei-home{
    --dh-text: #1a1a1a;
    --dh-muted: #999;
    --dh-card-bg: #fff;
    --dh-card-border: #eee;
    --dh-accent: #0284c7;
    --dh-accent-light: #38bdf8;

    max-width: 680px;
    margin: 0 auto;
    padding: 40px 24px 20px;
    font-family: inherit;
    color: var(--dh-text);
    line-height: 1.6;
}
body.dark-theme .dahei-home{
    --dh-text: #e0e0e0;
    --dh-muted: #a8a8a8;
    --dh-card-bg: #2c2c2c;
    --dh-card-border: #3a3a3a;
}

.dh-avatar{
    width: 80px; height: 80px; border-radius: 50%;
    background: linear-gradient(135deg, #0284c7, #38bdf8);
    display: flex; align-items: center; justify-content: center;
    font-size: 2.2rem; margin-bottom: 24px;
}
.dh-name{
    font-size: 2rem; font-weight: 700; margin: 0 0 8px;
    color: var(--dh-text);
}
.dh-bio{ color: var(--dh-muted); font-size: .95rem; margin: 0 0 40px; }
.dh-accent{ color: var(--dh-accent); }

.dh-group{
    font-size: .75rem; color: var(--dh-muted);
    text-transform: uppercase; letter-spacing: 2px;
    margin: 40px 0 16px; padding-top: 24px;
    border-top: 1px solid var(--dh-card-border);
}
.dh-links{
    list-style: none; display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px; padding: 0; margin: 0;
}
.dh-links li{ grid-column: span 2; }
.dh-links li.half{ grid-column: span 1; }
.dh-links a{
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 20px;
    background: var(--dh-card-bg);
    border: 1px solid var(--dh-card-border);
    border-radius: 8px; text-decoration: none;
    color: var(--dh-text); font-size: .95rem;
    transition: all .2s ease;
}
.dh-links a:hover{
    border-color: var(--dh-accent);
    transform: translateX(4px);
}
.dh-li{ display: flex; align-items: center; gap: 12px; }
.dh-icon{ font-size: 1.2rem; width: 24px; text-align: center; }
.dh-title{ font-weight: 500; }
.dh-desc{ font-size: .8rem; color: var(--dh-muted); margin: 8px 0 0 36px; }
.dh-arrow{ color: var(--dh-muted); font-size: .9rem; }
.dh-links a:hover .dh-arrow{ color: var(--dh-accent); }

@media (max-width: 480px){
    .dahei-home{ padding: 30px 20px 10px; }
    .dh-name{ font-size: 1.6rem; }
    .dh-links li.half{ grid-column: span 2; }
    .dh-links a{ padding: 14px 16px; }
    .dh-desc{ display: none; }
}

/* ---------- 目录配色：不加粗、深灰、hover 蓝灰 ---------- */
.article-list .item-1{ font-weight: normal; color: #555555; }
.article-list a{ color: #555555; font-weight: normal; font-size: .85em; }
.article-list a:hover{ color: #6e8aad; }
.dark-theme .article-list a{ color: #bbbbbb; }
.dark-theme .article-list .item-1{ color: #bbbbbb; }
.dark-theme .article-list a:hover{ color: #6e8aad; }

/* 去掉文章标题的 # 装饰 */
article h1:before,
article h2:before,
article h3:before{
    content: none !important;
}

/* 桌面端：悬浮导航栏让位（替代 main 的 margin-top） */
@media (min-width: 801px){
    body{ padding-top: 3.2em; }
}