/* 1. 基础美化 */
body { background-color: #f7f7f7 !important; }
body, input, select, textarea, button { 
    font-family: 'Source Han Serif CN', 'Noto Serif SC', serif !important; 
}
.card { border-radius: 12px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; border: none !important; }

/* 2. 导航栏布局修复 */
.navbar { 
    background: rgba(255, 255, 255, 0.85) !important; 
    backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    height: 4rem !important; 
}
.navbar-container { display: flex !important; align-items: stretch !important; }
.navbar-brand { padding-right: 0 !important; margin-right: 0.5rem !important; display: flex !important; align-items: center !important; }
.navbar-menu { flex: 1 !important; display: flex !important; align-items: stretch !important; }
.navbar-start { margin-right: auto !important; display: flex !important; align-items: stretch !important; }
.navbar-end { margin-left: auto !important; display: flex !important; align-items: stretch !important; }
.navbar-brand .navbar-item { padding-right: 0 !important; }
.navbar-brand .navbar-item, .navbar-menu .navbar-item { display: flex !important; align-items: center !important; height: 100% !important; padding-left: 0.75rem; padding-right: 0.75rem; }
.navbar-logo { height: 1.5rem !important; max-height: 1.5rem !important; width: auto !important; }

/* --- 核心：个人资料卡精准定制 --- */

/* 1. 个性化格言：精准锁定 is-block 且为 is-size-6 的行 */
.widget[data-type="profile"] .is-size-6.is-block {
    font-style: italic !important;
    color: #7a7a7a !important;
    font-size: 0.85rem !important;
    margin-top: 0.5rem !important;
}

/* 2. 地理位置：精准锁定 is-flex 且为 is-size-6 的行 */
.widget[data-type="profile"] .is-size-6.is-flex {
    font-style: normal !important; /* 强制正常体 */
    font-size: 0.95rem !important;
    margin-top: 0.75rem !important;
    color: #4a4a4a !important;
    align-items: center !important;
}

/* 3. 东方明珠图标补丁 */
.fa-map-marker-alt:before {
    content: "" !important;
    display: inline-block !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    background: url("/img/oriental-pearl.svg") no-repeat center !important;
    background-size: contain !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
}

/* --- 全站 1250px 轴线对齐 --- */
@media screen and (min-width: 1088px) {
    .container, .navbar-container { max-width: 1250px !important; width: 100% !important; margin: 0 auto !important; padding: 0 0.75rem !important; }
    .is-3-column .column-left, .is-3-column .column-right { width: 300px !important; flex: none !important; }
    .is-3-column .column-main { flex: 1 !important; }
    /* 收窄文章正文宽度：微调至 1250px，寻找最佳视觉平衡点 */
    .is-1-column .column-main { width: 100% !important; max-width: 1250px !important; flex: none !important; margin: 0 auto !important; }
    .is-1-column .card-content { padding: 3rem 3.5rem !important; }
}

/* 3. 核心：文章内图片“一劳永逸”智能美工 (兼容横全宽、竖并排) */

/* 基础通用样式：圆角与阴影 */
.article .content img:not(.no-gallery) { 
    display: block !important; 
    margin: 2rem auto !important; 
    border-radius: 12px !important; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
    transition: transform 0.3s ease !important;
}

/* 情况 A: 横屏图片 (Landscape) - 保持原本的 100% 宽度 */
.article .content img.is-landscape:not(.no-gallery) {
    width: 100% !important;
    height: auto !important;
}

/* 情况 B: 竖屏图片 (Portrait) - 自动限高，宽度由高度自适应 */
.article .content img.is-portrait:not(.no-gallery) {
    width: auto !important;
    max-height: 70vh !important; /* 限制为屏幕高度 70%，一眼看全 */
    height: auto !important;
    object-fit: contain !important;
}

/* 情况 C: 两个竖屏并排 (Flexbox Container) */
.article .content p.flex-portrait-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* 强制在一行 */
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 1.5rem !important;
    width: 100% !important;
}

/* 并排模式下的图片特定样式 */
.article .content p.flex-portrait-container img.is-portrait {
    margin: 0 !important; 
    flex: 1 1 45% !important; 
    width: 45% !important;    /* 显式设置，防止由于 min-width 撑开 */
    max-width: 48% !important; 
}

/* 移动端处理：手机上竖屏照片不需要并排，一屏一张更清晰 */
@media screen and (max-width: 768px) {
    .article .content p.flex-portrait-container {
        flex-direction: column !important;
        align-items: center !important;
    }
    .article .content img.is-portrait {
        max-height: 80vh !important;
        width: 100% !important; /* 在手机上竖屏占满宽度也是合理的 */
    }
}
/* 4. 核心：视频多媒体“一劳永逸”美化 (兼容 Obsidian 格式) */
.video-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 3rem auto !important;
    clear: both !important;
    box-sizing: border-box !important;
    /* 核心修复：移除比例锁定，允许自动高度 */
    position: relative !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
    background: #000 !important;
}

.video-container video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

/* 兼容移动端：在手机上视频可以占满宽度 */
@media screen and (max-width: 768px) {
    .video-container video {
        max-width: 100% !important;
        max-height: 80vh !important;
    }
}


/* --- 5. 核心：高可读性排版优化 (参考 Keep/Minimalist 风格) --- */

/* 正文基础：字号与行高 */
.article .content {
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: #232323 !important;
    word-spacing: 1px;
    text-align: justify; /* 开启两端对齐，提升书籍感 */
}

/* 段落间距：赋予更多呼吸感 */
.article .content p {
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
}

/* 标题层级与间距 */
.article .content h1, 
.article .content h2, 
.article .content h3 {
    color: #222 !important;
    font-weight: 600 !important;
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.4 !important;
}

.article .content h1 { font-size: 2rem !important; border-bottom: 1px solid #eee; padding-bottom: 0.5rem; }
.article .content h2 { font-size: 1.6rem !important; }
.article .content h3 { font-size: 1.35rem !important; }

/* 列表间距 */
.article .content ul, 
.article .content ol {
    margin-bottom: 1.5rem !important;
}

.article .content li {
    margin-bottom: 0.6rem !important;
}

/* 图片/多媒体与文字的间距：确保与文字间距一致 (1.5rem) */
.article .content img:not(.no-gallery),
.video-container,
.layton-photo-group {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* 引用块美化：文字变大加粗、垂直居中、紧凑布局 */
.article .content blockquote {
    background-color: #f9f9f9 !important;
    border-left: 4px solid #3273dc !important;
    padding: 1.5rem 2rem !important; /* 收缩内边距 */
    margin: 2.5rem 0 !important;
    font-style: italic;
    color: #232323 !important; /* 颜色加深一点 */
    font-size: 1.15rem !important;
    font-weight: 600 !important; /* 字体加粗 */
    /* 实现垂直居中 */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 80px; /* 降低最小高度 */
}

.article .content blockquote p:not(:last-child) {
    margin-bottom: 1.2rem !important;
}

.article .content blockquote p:last-child {
    margin-bottom: 0 !important;
}


/* --- 6. 幽灵空行修复：消除连续多余的 br 占位符 --- */
.article .content br + br {
    display: none !important;
}