html {
    height: 100%; /* 确保 html 元素至少和视口一样高 */
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
    /* === 全局主视觉背景图 === */
    background-image: url('https://images.unsplash.com/photo-1501854140801-50d01698950b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80'); /* 临时占位图 */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* 固定背景，内容滚动 */
    color: #333; /* 默认文字颜色改为适合亮色背景的深色 */
    line-height: 1.6;
    display: flex; /* 设置 body 为 flex 容器 */
    flex-direction: column; /* 主轴为垂直方向 */
    min-height: 100vh; /* 确保 body 至少和视口一样高 */
    padding-bottom: 80px; /* 预留给固定页脚的高度，避免内容被遮挡 */
}

/* 文章页的 body 背景 - 只保留背景色，颜色由body基础或暗色主题控制 */
body.post-page-background {
    background-color: #f0f2f5; /* 文章页浅灰色背景 - 这可以保留，因为它不直接与文字颜色冲突，主要用于区分页面区域 */
}

.content-wrap {
    flex: 1 0 auto; /* 核心：让这个容器占据所有可用的垂直空间 */
    /* flex-grow: 1; 也可以 */
}

a {
    color: #d9534f; /* 亮色主题下的链接颜色 (例如 Bootstrap 的 danger 红色) */
    text-decoration: none;
}

a:hover {
    color: #c9302c; /* 链接 hover 颜色 */
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

.site-container {
    /* display: flex; /* 移除，由 centered-content-wrapper 控制 flex */
    max-width: 100%; 
    margin: 0 auto; 
}

/* 新增：居中内容的总包裹器 */
.centered-content-wrapper {
    display: flex;
    align-items: flex-start; /* 改回 flex-start */
    max-width: 1160px; /* 例如，设定一个最大宽度，可以调整 */
    margin: 20px auto; /* 上下边距20px，左右自动居中 */
    /* background-color: rgba(255, 255, 255, 0.05); */ /* 移除或调整这个背景，让侧边栏背景更突出 */
    background-color: transparent; /* 让这个wrapper透明，侧边栏的背景将显示出来 */
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1); /* 这个阴影颜色中性，可以保留 */
    overflow: hidden; /* 防止内部元素溢出破坏布局 */
    box-sizing: border-box; /* 新增/确保 */
}

.sidebar {
    width: 260px; 
    background-color: #f8f9fa; /* 亮色主题侧边栏背景 (例如 Bootstrap 的 light grey) */
    color: #333; /* 侧边栏默认文字深色 */
    padding: 20px 15px; /* 将 padding-top 从 25px 改为 20px */
    border-right: 1px solid #dee2e6; /* 亮色主题分隔线 (Bootstrap default border color) */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: auto; 
    overflow-y: visible; 
    z-index: auto;
    box-sizing: border-box; /* 新增/确保 */
    position: relative; /* 新增 */
    top: 20px; /* 改为 20px：尝试下移20px进行视觉对齐 */
    border-radius: 8px; /* 应用到所有四个角 */
}

/* 侧边栏内部元素颜色调整为适合亮色背景 */
.sidebar .author-name-main {
    color: #212529; /* 作者名使用标准深色 */
}

.sidebar .author-bio-main,
.sidebar .author-stats div,
.sidebar .social-links a,
#site-runtime-container span /* 运行时长文字也改为浅色 */ {
    color: #555; /* 其他文字使用中等深色 */
}

/* 运行时长容器本身的颜色（如果脚本内没有覆盖）*/
#site-runtime-container {
    color: #555 !important; /* 确保覆盖脚本内可能存在的 #555 */
}

.sidebar .author-stats div span {
    color: #d9534f; /* 统计数字保持链接/强调色 */
}

.sidebar .author-stats {
    border-top: 1px solid #dee2e6; /* 统计区边框改为浅色 */
    border-bottom: 1px solid #dee2e6;
}

#site-runtime-container {
    border-top: 1px solid #dee2e6; /* 运行时长上边框改为浅色 */
}

.sidebar .main-navigation {
    width: 100%; /* 确保导航占满宽度 */
    margin-top: 20px; /* 导航区与上方内容分隔 */
    padding-top: 20px; /* 导航区内上边距 */
    border-top: 1px solid #dee2e6; /* 导航区上边框，实现分割 */
}

.sidebar .main-navigation li a {
    color: #333; /* 导航链接文字深色 */
    background-color: rgba(0, 0, 0, 0.05); /* 导航项浅色背景 */
    /* 其他样式如 padding, border-radius 等保持 */
}

.sidebar .main-navigation li a:hover {
    background-color: #d9534f;
    color: #fff;
}

.sidebar .main-navigation li.current-menu-item a {
    background-color: #d9534f;
    color: #fff;
    /* 左侧竖条指示的颜色也可能需要调整，但原先是深红色，可能仍然适用 */
}

/* 首页侧边栏 - 管理按钮对齐/样式与其他按钮一致 */
.sidebar .main-navigation li.admin-entry a {
    display: block;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #6a5af9, #8a63d2);
    border-radius: 28px;
    padding: 14px 18px;
    box-shadow: 0 8px 18px rgba(106,90,249,.25);
}
.sidebar .main-navigation li.admin-entry a:hover {
    filter: brightness(1.05);
    box-shadow: 0 10px 22px rgba(106,90,249,.32);
}
@media (max-width: 992px) {
  .sidebar .main-navigation li.admin-entry a { border-radius: 22px; padding: 12px 16px; }
}

.main-content-area {
    flex: 1;
    padding: 20px; /* padding-top 保持 20px */
    background-color: transparent; 
    box-sizing: border-box; /* 新增/确保 */
}
.main-content-area::before {
    content: none; 
}

.site-footer,
.main-footer {
    text-align: center;
    padding: 20px;
    background-color: #f8f9fa; /* 亮色主题页脚背景 */
    color: #6c757d; /* 亮色主题页脚文字 */
    /* margin-top: 30px; /* 这个可能不需要了，根据flex布局调整 */
    position: fixed; /* 固定在底部 */
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2; /* 低于看板娘 */
    flex-shrink: 0; /* 防止页脚被压缩 */
}

.main-footer { /* 文章页的页脚，可以有略微不同的背景或与 site-footer 一致 */
    background-color: #e9ecef; /* 稍深一点的浅灰 */
    color: #495057;
}

/* 响应式调整：小屏幕下侧边栏和主内容区堆叠 */
@media (max-width: 992px) { /* 可根据需要调整断点 */
    .site-container {
        flex-direction: column;
    }
    .sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dee2e6; /* 亮色主题边框 */
        padding: 20px 15px; /* 调整小屏幕下的内边距 */
    }
    .main-content-area {
        padding: 15px;
    }
    .header-banner-image {
        height: 200px; /* 小屏幕 Banner 高度调整 */
    }
}

/* 文章列表改为单列 */
.post-list-cards {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 30px; 
    /* max-width: 760px; /* 移除，由父容器控制宽度 */
    /* margin: 0 auto; /* 移除，由父容器控制居中 */
}

.post-card {
    background-color: #fff; /* 亮色主题卡片背景 */
    color: #333; /* 卡片内文字深色 */
    border-radius: 6px; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* 中性阴影可保留 */
    overflow: hidden;
    display: flex;
    flex-direction: column; 
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border: 1px solid #dee2e6; /* 亮色主题卡片边框 */
}

.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* hover时阴影可以略深 */
}

.post-card-image {
    width: 100%;
    /* aspect-ratio: 16 / 9; /* 可以设定一个固定的宽高比，例如 16:9 */
    overflow: hidden;
}

.post-card-image img {
    width: 100%;
    height: 200px; /* 固定图片高度，或者使用 aspect-ratio */
    object-fit: cover; /* 保持图片比例并填充 */
    display: block;
    transition: transform 0.3s ease;
}

.post-card:hover .post-card-image img {
    transform: scale(1.05); /* 图片轻微放大效果 */
}

.post-card-content {
    padding: 20px; /* 增加内边距 */
    flex-grow: 1; /* 使内容区域填满剩余空间 */
    display: flex;
    flex-direction: column;
}

.post-card-header {
    margin-bottom: 10px;
}

.post-card-title {
    margin: 0 0 8px 0;
}

.post-card-title a {
    font-size: 1.4rem; /* 调整标题大小 */
    font-weight: 600;
    color: #d9534f; /* 标题用链接/强调色 */
    line-height: 1.3;
    text-decoration: none;
}

.post-card-title a:hover {
    color: #c9302c; /* 标题hover时换个亮色 */
    text-decoration: none;
}

.post-card-meta {
    font-size: 0.8rem; /* 元数据字体缩小 */
    color: #6c757d; /* 元数据文字颜色 (Bootstrap text-muted) */
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* 允许换行 */
}

.post-card-meta span {
    margin-right: 12px; /* 元数据项之间的间距 */
    display: inline-flex; /* 使图标和文字对齐 */
    align-items: center;
}

.post-card-meta .post-card-date::before {
    /* content: '\f073'; /* FontAwesome calendar icon - 需要引入 FontAwesome */
    /* font-family: 'Font Awesome 5 Free'; */
    /* font-weight: 900; */
    content: '📅'; /* 使用 emoji 作为临时图标 */
    margin-right: 5px;
}

/* 示例：为字数和阅读时长添加图标 (如果以后添加这些字段) */
/* .post-card-meta .post-card-words::before {
    content: '✍️';
    margin-right: 5px;
}
.post-card-meta .post-card-readtime::before {
    content: '⏱️';
    margin-right: 5px;
} */

.post-card-excerpt {
    font-size: 0.9rem;
    color: #495057;
    line-height: 1.7;
    margin-bottom: 15px;
    flex-grow: 1; /* 使摘要填满卡片内容剩余空间 */
}

.post-card-excerpt p {
    margin: 0;
}

.post-card-author,
.post-card-tags {
    font-size: 0.8rem;
    color: #6c757d; /* 卡片内其他文字用更浅的灰色 */
    margin-top: auto; /* 将作者和标签推到底部 */
}

.post-card-tags span {
    background-color: #e9ecef; /* 亮色主题标签背景 */
    color: #495057; /* 亮色主题标签文字 */
    border: 1px solid #ced4da; /* 亮色主题标签边框 */
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px; /* 允许标签换行时的间距 */
}

/* Site Branding */
.site-branding {
    margin-bottom: 25px;
}

.site-branding .site-title a {
    font-size: 1.8rem;
    color: #212529; /* 侧边栏标题深色 */
    font-weight: bold;
    text-decoration: none;
}

.site-branding .site-description {
    font-size: 0.9rem;
    color: #495057; /* 侧边栏描述颜色 */
    margin-top: 5px;
}

/* Author Profile */
.author-profile {
    margin-bottom: 20px; /* 减少一点下方间距 */
    width: 100%;
    padding: 0 10px; /* 给左右一点内边距，防止内容贴边 */
    box-sizing: border-box;
}

.author-avatar-main {
    width: 80px; /* 缩小头像尺寸以匹配目标图 */
    height: 80px;
    border-radius: 50%;
    border: 3px solid #d9534f; /* 边框颜色与链接/强调色一致 */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    margin-bottom: 12px;
    transition: transform 0.5s ease-in-out; /* 新增：平滑旋转过渡 */
}

.author-avatar-main:hover {
    transform: rotate(360deg); /* 新增：鼠标悬停时旋转 */
}

.author-name-main {
    font-size: 1.2rem; /* 调整字号 */
    font-weight: 600;
    color: #2c3e50; /* 保持深色 */
    margin-bottom: 4px;
}

.author-bio-main {
    font-size: 0.8rem; /* 调整字号 */
    color: #555;
    margin-bottom: 15px;
}

/* 统计数据样式调整 */
.author-stats {
    display: flex;
    justify-content: space-around; /* 改为横向均分分布 */
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #dee2e6; /* 浅色上边框 */
    border-bottom: 1px solid #dee2e6; /* 浅色下边框 */
    margin-bottom: 15px;
}

.author-stats div {
    display: flex; /* 使数字和文字在同一行，然后数字在上方 */
    flex-direction: column; /* 数字在上，文字在下 */
    align-items: center;
    font-size: 0.75rem; /* 文字标签字号 */
    color: #555; /* 文字标签颜色 */
}

.author-stats div span {
    font-size: 1.2rem; /* 数字字号调大 */
    font-weight: bold;
    color: #d9534f; /* 数字颜色 */
    margin-bottom: 2px;
}

/* 社交链接样式调整 */
.social-links {
    margin-bottom: 20px;
    /* 目标图中社交链接比较简约，可以考虑使用图标字体或SVG */
}

.social-links a {
    margin: 0 10px; /* 稍微增大间距 */
    color: #555; /* 默认颜色 */
    font-size: 1.1rem; /* 如果是文字，可以调整大小 */
    font-weight: bold; /* 目标图中的 GH BI 似乎是粗体 */
    text-decoration: none;
    transition: color 0.2s ease;
}

.social-links a:hover {
    color: #d9534f; /* Hover 颜色 */
}

/* Main Navigation 调整 */
.main-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.main-navigation li {
    margin-bottom: 5px; /* 减少导航项之间的间距 */
}

.main-navigation li a {
    display: block;
    padding: 10px 20px; /* 调整内边距 */
    border-radius: 25px; /* 更圆的胶囊形状 */
    color: #333; /* 默认文字深色 */
    text-decoration: none;
    font-size: 0.9rem; /* 调整字号 */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    background-color: rgba(0, 0, 0, 0.05); /* 更淡的背景或接近透明 */
    text-align: center; /* 文字居中 */
    position: relative; /* 为了选中时的左侧边框 */
}

.main-navigation li a:hover {
    background-color: #d9534f;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.main-navigation li.current-menu-item a {
    background-color: #d9534f;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(217, 83, 79, 0.3);
}

/* 选中项左侧红色竖条指示 */
.main-navigation li.current-menu-item a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 60%; /* 竖条高度 */
    background-color: #c9302c; /* 深一点的链接/强调色 */
    border-radius: 2px;
}

/* --- Top Navbar --- */
.top-navbar {
    background-color: #f8f9fa; /* 亮色主题导航栏背景 */
    padding: 0 20px;
    display: flex;
    /* justify-content: space-between; */ /* 改为下方 .nav-links-left 控制居中 */
    align-items: center;
    height: 50px; 
    border-bottom: 1px solid #dee2e6; /* 亮色主题边框 */
    position: sticky; 
    top: 0;
    z-index: 1000; 
    width: 100%; 
    box-sizing: border-box; 
}

.top-navbar a {
    color: #333; /* 亮色主题导航链接文字颜色 */
    text-decoration: none;
    padding: 10px 12px;
    font-size: 0.9rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.top-navbar a:hover {
    background-color: #e9ecef; /* 亮色主题导航链接hover背景 */
    color: #000; /* hover时文字颜色可以略深 */
    text-decoration: none; 
}

/* 为导航栏图标添加右边距 */
.top-navbar a i {
    margin-right: 6px; /* 图标和文字之间的间距 */
}

/* 如果右侧图标不需要文字，可能需要单独调整或移除其margin */
.nav-links-right a i {
    margin-right: 0; /* 右侧图标通常不需要右边距，因为没有文字跟随 */
}

.nav-links-left,
.nav-links-right {
    display: flex;
    align-items: center;
}

/* 新增/修改 .nav-links-left 实现居中 */
.nav-links-left {
    flex-grow: 1; /* 占据可用空间 */
    justify-content: center; /* 将其内部链接居中 */
}

.nav-links-right {
    /* 保持在右侧，可以考虑添加 margin-left: auto; 如果 flex-grow 未完全推开 */
    /* 但通常 flex-grow: 1 在左侧元素上已足够 */
}

/* 主题切换按钮样式 */
.theme-toggle-button {
    position: relative; /* 用于绝对定位内部图标或简单的flex布局 */
    display: inline-flex; /* 或者 block/flex，根据周围元素调整 */
    align-items: center;
    justify-content: center;
    /* 确保按钮有足够的空间容纳图标，即使只有一个显示 */
    /* padding: 10px 12px; /* 与其他导航链接一致 */
    /* 如果图标大小不一，可能需要固定按钮宽高 */
     width: 1em; /* 基于字体大小，确保能容纳一个图标 */
     height: 1em; /* 基于字体大小 */
}

.theme-toggle-button .theme-icon {
    /* 如果使用绝对定位重叠图标 */
    /* position: absolute; */
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    
    /* 通用过渡效果 */
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    font-size: 1em; /* 确保图标大小一致，可调整 */
    line-height: 1; /* 防止行高影响布局 */
}

/* 初始状态 (亮色主题): 显示太阳，隐藏月亮 */
.theme-toggle-button .sun-icon {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}
.theme-toggle-button .moon-icon {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
    position: absolute; /* 让其不占位，方便另一个图标居中 */
}

/* 暗色主题激活时 (通过JS在按钮或body上添加类，例如按钮添加 .dark-mode-active) */
.theme-toggle-button.dark-mode-active .sun-icon {
    transform: scale(0) rotate(180deg);
    opacity: 0;
}
.theme-toggle-button.dark-mode-active .moon-icon {
    transform: scale(1) rotate(0deg);
    opacity: 1;
    position: static; /* 恢复占位，如果之前是absolute */
    /* 如果两个图标都是absolute定位，则不需要修改position */
}

/* --- Post Detail Page Styles --- */

/* 全局容器调整 (复用或特定于post页) */
.container.post-detail-page { 
    max-width: 800px; 
    margin: 30px auto; 
    padding: 30px 40px; 
    background-color: #fff; /* 亮色主题背景 */
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* 中性阴影 */
    color: #333; /* 内容区文字颜色深色 */
    border: 1px solid #dee2e6; /* 亮色主题边框 */
}

.post-detail-page a {
    color: #d9534f; /* 内容区链接颜色 - 使用主题强调色 */
}
.post-detail-page a:hover {
    color: #c9302c;
}

.post-full-content nav {
    margin-bottom: 25px;
}

.post-full-content nav a {
    text-decoration: none;
    color: #555; /* 导航链接颜色调整为浅色 */
    font-size: 0.9rem;
}

.post-full-content nav a:hover {
    color: #d9534f;
}

.post-full-content header h1 {
    font-size: 2.2rem; 
    color: #d9534f; /* 文章大标题使用强调色 */
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.3;
}

.post-full-content .post-meta {
    font-size: 0.85rem;
    color: #6c757d; /* 元数据颜色调整为浅色 */
    margin-bottom: 15px;
}

.post-full-content .post-meta.post-tags span {
    background-color: #e9ecef; /* 标签背景调整 */
    color: #495057;
    border: 1px solid #ced4da;
    padding: 3px 8px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 0.8rem;
}

/* 作者信息特殊处理 */
.post-full-content .author-info {
    background-color: #f8f9fa; /* 作者信息区浅色背景 */
    padding: 10px 15px;
    margin: 20px 0; 
    border-radius: 4px;
    display: flex; 
    align-items: center;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.post-full-content .author-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #adb5bd; /* 头像边框颜色 */
}

.post-full-content .author-details .author-name {
    margin: 0;
    font-weight: bold;
    color: #333; /* 作者名浅色 */
}

.post-full-content hr {
    border: 0;
    border-top: 1px solid #dee2e6; /* 分割线颜色调整 */
    margin: 30px 0;
}

/* 文章正文样式 */
.post-content {
    line-height: 1.7;
    color: #333; /* 正文文字颜色 */
}

.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
    color: #212529; /* 标题颜色调整为更亮的浅色 */
    margin-top: 1.8em;
    margin-bottom: 0.8em;
    line-height: 1.4;
    border-bottom: 1px solid #ced4da; /* 给二级以下标题也加上下划线 */
    padding-bottom: 0.3em;
}

.post-content h2 { font-size: 1.8rem; }
.post-content h3 { font-size: 1.5rem; }
.post-content h4 { font-size: 1.3rem; }

.post-content p {
    margin-bottom: 1.2em;
}

.post-content ul, 
.post-content ol {
    margin-bottom: 1.2em;
    padding-left: 1.5em;
}

.post-content li {
    margin-bottom: 0.5em;
}

.post-content blockquote {
    margin: 20px 0;
    padding: 15px 20px;
    background-color: #f8f9fa; /* 引用块浅色背景 */
    border-left: 5px solid #d9534f; /* 引用块边框使用链接/强调色 */
    color: #495057; /* 引用块文字颜色 */
}

.post-content pre {
    background-color: #f1f3f5; /* 代码块浅色背景 (e.g. GitHub like) */
    color: #212529; /* 代码块文字深色 */
    padding: 1em;
    overflow-x: auto; 
    border-radius: 4px;
    margin-bottom: 1.2em;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.9em;
    border: 1px solid #dee2e6; /* 代码块边框 */
}

.post-content code:not(pre code) {
    background-color: #e9ecef; /* 行内代码浅色背景 */
    color: #d9534f; /* 行内代码文字用链接/强调色 */
    padding: .2em .4em;
    border-radius: 3px;
    font-size: 0.9em;
}

.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 15px 0;
    border: 1px solid #dee2e6; /* 图片边框 */
}

/* 如果需要，可以针对 body 的背景做调整，确保深色背景 */
/* body.post-page-background {
    background-color: #f0f2f5; 
    /* color: #333; */ /* 已移走 */
/*} */

/* --- Admin Page General Styles --- */
body.admin-page {
    /* background-color: #f0f2f5; */ /* 移除纯色背景 */
    /* === 使用与主页相同的背景图 === */
    background-image: url('https://images.unsplash.com/photo-1501854140801-50d01698950b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80'); /* 临时占位图 */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* 固定背景，内容滚动 */
    color: #333; /* 后台页面默认文字颜色 (主要用于卡片外，卡片内会覆盖) */
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.6;
    display: flex; /* 为了sticky footer (如果需要) 和整体布局 */
    flex-direction: column;
    min-height: 100vh;
}

/* 如果 admin 页面也用 content-wrap 实现 sticky footer */
.admin-page .content-wrap { /* 假设 admin 页面也有 .content-wrap */
    flex: 1 0 auto;
}
.admin-page .site-footer { /* Admin页面的页脚也需要 flex-shrink: 0 */
    flex-shrink: 0;
}

.admin-top-nav {
    background-color: #343a40; /* 深灰色导航背景 */
    padding: 10px 0;
    margin-bottom: 0; /* 移除之前的 margin-bottom */
    width: 100%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.admin-top-nav ul {
    list-style: none;
    padding: 0 20px; /* 左右给点边距 */
    margin: 0 auto; /* 使 ul 居中 (如果导航项不多) */
    text-align: center; /* 另一种居中方式 */
    max-width: 960px; /* 可以限制导航最大宽度并居中 */
}

.admin-top-nav li {
    display: inline-block;
    margin: 0 10px; /* 导航项之间的间距 */
}

.admin-top-nav a {
    color: #f8f9fa; /* 浅色链接文字 */
    text-decoration: none;
    font-size: 0.95rem;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.admin-top-nav a:hover {
    background-color: #495057;
    text-decoration: none;
}

.admin-top-nav a.active {
    background-color: #007bff; /* 选中项高亮背景 */
    color: #fff;
}

.admin-main-content {
    padding: 30px 20px; /* 页面主要内容区域的上下左右边距 */
}

.admin-card {
    background-color: #fff; /* 白色卡片背景 */
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.08); /* 轻微阴影 */
    padding: 30px 40px; /* 卡片内边距 */
    max-width: 700px; /* 卡片最大宽度 */
    margin: 0 auto; /* 使卡片水平居中 */
}

.admin-card h1 {
    font-size: 1.8rem;
    color: #212529;
    margin-top: 0;
    margin-bottom: 15px;
}

.admin-card p {
    font-size: 1rem;
    color: #495057;
    line-height: 1.6;
}

/* 后台卡片内表单样式 */
.admin-card .form-container {
    background-color: transparent; /* 表单容器背景透明，因为已在卡片内 */
    padding: 0; /* 移除内边距，由 .form-group 控制 */
    border-radius: 0;
    margin-bottom: 30px;
}

.admin-card .form-container h3 {
    font-size: 1.3rem;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.admin-card .form-group {
    margin-bottom: 15px;
}

.admin-card .form-group label {
    display: block;
    margin-bottom: 5px;
    color: #555;
    font-weight: 500;
}

.admin-card .form-group input[type="text"],
.admin-card .form-group input[type="email"], /* 如果有其他类型 */
.admin-card .form-group input[type="password"],
.admin-card .form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-sizing: border-box; /* 防止 padding 和 border 撑大元素 */
    font-size: 0.95rem;
    color: #495057;
}
.admin-card .form-group textarea {
    min-height: 80px;
    resize: vertical;
}

.admin-card .form-group input:focus,
.admin-card .form-group textarea:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* 后台通用按钮样式 */
.admin-card .btn {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.95rem;
    transition: background-color 0.2s ease;
    text-decoration: none; /* 确保 <a> 标签按钮无下划线 */
    display: inline-block; /* 确保 <a> 标签按钮表现正常 */
}
.admin-card .btn:hover {
    background-color: #0056b3;
}
.admin-card .btn-secondary { /* 例如取消按钮 */
    background-color: #6c757d;
}
.admin-card .btn-secondary:hover {
    background-color: #545b62;
}
.admin-card .btn-danger {
    background-color: #dc3545;
}
.admin-card .btn-danger:hover {
    background-color: #b02a37;
}
.admin-card .btn-warning {
    background-color: #ffc107;
    color: #212529; /* 黄色按钮文字用深色 */
}
.admin-card .btn-warning:hover {
    background-color: #e0a800;
}


/* 后台卡片内表格样式 */
.admin-card .admin-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.admin-card .admin-table th,
.admin-card .admin-table td {
    border: 1px solid #dee2e6; /* 更柔和的边框颜色 */
    padding: 12px 15px; /* 增加内边距 */
    text-align: left;
    vertical-align: middle; /* 垂直居中 */
}

.admin-card .admin-table th {
    background-color: #f8f9fa; /* 表头浅灰色背景 */
    font-weight: 600;
    color: #495057;
}

.admin-card .admin-table tbody tr:nth-of-type(odd) {
    /* background-color: rgba(0,0,0,.02); */ /* 可选的斑马条纹，但截图里似乎没有 */
}
.admin-card .admin-table tbody tr:hover {
    background-color: rgba(0,0,0,.04); /* 鼠标悬停行背景 */
}

.admin-card .admin-table .action-links a,
.admin-card .admin-table .action-links button {
    margin-right: 5px;
    margin-bottom: 5px; /* 处理小屏幕下可能换行的情况 */
    padding: 6px 10px; /* 统一按钮内边距 */
    font-size: 0.85rem; /* 按钮内文字稍小 */
    text-decoration: none;
    display: inline-block;
}
/* 表格中的编辑按钮 */
.admin-card .admin-table .action-links .btn.edit-btn, /* 假设编辑按钮有 .edit-btn 类 */
.admin-card .admin-table .action-links a[href*="/edit"] { /* 或者通过 href 匹配 */
    background-color: #ffc107;
    color: #212529;
    border: none;
}
.admin-card .admin-table .action-links .btn.edit-btn:hover,
.admin-card .admin-table .action-links a[href*="/edit"]:hover {
    background-color: #e0a800;
}

/* 表格中的删除按钮 */
.admin-card .admin-table .action-links .btn.delete-btn { /* 假设删除按钮是 button 且有 .delete-btn 类 */
    background-color: #dc3545;
    color: white;
    border: none;
}
.admin-card .admin-table .action-links .btn.delete-btn:hover {
    background-color: #c82333;
}

.admin-card .admin-table img.author-avatar-table { /* 用于表格中的作者头像 */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #eee;
}

.admin-card .admin-table img.admin-table-cover-image {
    width: 80px; /* 调整宽度 */
    height: auto;
    max-height: 50px; /* 限制最大高度 */
    object-fit: cover;
    border-radius: 3px; /* 轻微圆角 */
    border: 1px solid #eee;
}

/* 后台消息提示框 */
.admin-card .message {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 0.95rem;
    border: 1px solid transparent;
}
.admin-card .message.success {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
}
.admin-card .message.error {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}


/* 其他后台页面可能通用的表单、表格等样式可以后续添加在这里 */ 

/* --- 侧边栏公告 --- */
.sidebar-announcement {
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 15px;
    background-color: rgba(255, 235, 205, 0.9); /* 浅黄色背景 */
    border: 1px solid #ffe5b4; 
    border-left: 5px solid #ffc107; /* 左侧强调边框 (黄色) */
    border-radius: 4px;
    box-sizing: border-box;
    color: #856404; /* 文字颜色 */
}

.sidebar-announcement h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.1em;
    color: #856404; 
}
.sidebar-announcement h3 i {
    margin-right: 8px;
}

.sidebar-announcement .announcement-content p {
    margin-bottom: 0.5em;
    font-size: 0.85em;
    line-height: 1.5;
}
.sidebar-announcement .announcement-content p:last-child {
    margin-bottom: 0;
}
.sidebar-announcement .announcement-content a {
    color: #007bff; /* 公告内链接颜色 */
    text-decoration: underline;
}
.sidebar-announcement .announcement-content a:hover {
    color: #0056b3;
} 

/* --- 搜索浮层样式 --- */
.waifu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    font-size: 0;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

/* 管理后台入口样式 */
.admin-entry a {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border-radius: 8px;
    padding: 8px 12px;
    margin: 5px 0;
    display: inline-block;
    width: calc(100% - 24px);
    text-align: center;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    transition: all 0.3s ease;
    border: none;
}

.admin-entry a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    text-decoration: none !important;
}

.admin-entry a i {
    margin-right: 6px;
}

#search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色背景 */
    display: none; /* 默认隐藏 */
    justify-content: center;
    align-items: flex-start; /* 内容从顶部开始 */
    z-index: 2000; /*确保在最上层 */
    padding-top: 10vh; /* 搜索框距离顶部有一定距离 */
    overflow-y: auto; /* 如果内容过多允许滚动 */
}

#search-box {
    background-color: #fff; /* 亮色主题搜索框背景 */
    padding: 25px 30px;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    position: relative;
    color: #333;
}

#search-close-button {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 1.8em;
    color: #888;
    cursor: pointer;
    padding: 5px;
    line-height: 1;
}
#search-close-button:hover {
    color: #333;
}

#search-box h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #d9534f; /* 使用主题强调色 */
    font-size: 1.6em;
}

#search-input {
    width: 100%;
    padding: 12px 15px;
    font-size: 1.1em;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
#search-input:focus {
    border-color: #d9534f;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25);
}

#search-results {
    max-height: 60vh; /* 限制结果区域最大高度 */
    overflow-y: auto;
}

.search-result-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-result-item a {
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s ease;
}
.search-result-item:last-child a {
    border-bottom: none;
}
.search-result-item a:hover {
    background-color: #f9f9f9;
    color: #d9534f;
}

.search-result-item .result-title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
    color: #d9534f;
}
.search-result-item a:hover .result-title {
    color: #c9302c;
}

.search-result-item .result-date {
    font-size: 0.8em;
    color: #777;
    margin-bottom: 8px;
}

.search-result-item .result-excerpt {
    font-size: 0.9em;
    color: #555;
    line-height: 1.5;
}

.search-no-results, .search-error {
    padding: 20px;
    text-align: center;
    color: #777;
    font-style: italic;
} 

/* --- Live2D 看板娘容器基础样式 --- */
.live2d-widget-container-class { /* 使用 class 而非 id 以便 autoload.js 可能的覆盖 */
    position: fixed;
    right: 0;
    bottom: 0;
    width: 280px; /* 根据 autoload.js 的默认模型大小调整 */
    height: 320px; /* 根据 autoload.js 的默认模型大小调整 */
    z-index: 999; /* 比搜索浮层低一点，但仍然较高 */
    pointer-events: none; /* 容器本身不捕获鼠标事件，允许下方内容交互，看板娘的 canvas 会自己处理事件 */
} 

/* ===== 移动端适配样式 ===== */

/* 平板设备 (768px - 1024px) */
@media (max-width: 1024px) {
    .centered-content-wrapper {
        max-width: 95%;
        margin: 15px auto;
    }
    
    .sidebar {
        width: 240px;
        padding: 15px 12px;
    }
    
    .main-content-area {
        padding: 15px;
    }
}

/* 大手机设备 (576px - 768px) */
@media (max-width: 768px) {
    body {
        padding-bottom: 60px; /* 减少页脚预留空间 */
    }
    
    .centered-content-wrapper {
        max-width: 98%;
        margin: 10px auto;
        flex-direction: column; /* 侧边栏和主内容垂直排列 */
    }
    
    .sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dee2e6;
        padding: 15px 10px;
        top: 0; /* 移除顶部偏移 */
        border-radius: 8px 8px 0 0; /* 只保留顶部圆角 */
        margin-bottom: 10px;
    }
    
    .main-content-area {
        padding: 15px 10px;
        border-radius: 0 0 8px 8px; /* 只保留底部圆角 */
    }
    
    /* 导航菜单优化 */
    .sidebar .main-navigation {
        margin-top: 15px;
        padding-top: 15px;
    }
    
    .sidebar .main-navigation li {
        margin-bottom: 8px;
    }
    
    .sidebar .main-navigation li a {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    /* 文章列表优化 */
    .post-list {
        gap: 15px;
    }
    
    .post-card {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .post-card h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .post-meta {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    /* 文章内容优化 */
    .post-content {
        font-size: 16px;
        line-height: 1.7;
    }
    
    .post-content h1 {
        font-size: 24px;
    }
    
    .post-content h2 {
        font-size: 20px;
    }
    
    .post-content h3 {
        font-size: 18px;
    }
    
    /* 页脚优化 */
    .site-footer,
    .main-footer {
        padding: 15px;
        font-size: 14px;
    }
}

/* 小手机设备 (320px - 576px) */
@media (max-width: 576px) {
    body {
        padding-bottom: 50px;
        font-size: 14px;
    }
    
    .centered-content-wrapper {
        max-width: 100%;
        margin: 5px;
        border-radius: 0;
    }
    
    .sidebar {
        padding: 12px 8px;
        border-radius: 0;
    }
    
    .main-content-area {
        padding: 12px 8px;
        border-radius: 0;
    }
    
    /* 作者信息优化 */
    .sidebar .author-avatar {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }
    
    .sidebar .author-name-main {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .sidebar .author-bio-main {
        font-size: 13px;
        line-height: 1.5;
    }
    
    /* 导航菜单进一步优化 */
    .sidebar .main-navigation li a {
        padding: 8px 12px;
        font-size: 13px;
        border-radius: 6px;
    }
    
    /* 文章列表进一步优化 */
    .post-card {
        padding: 12px;
        margin-bottom: 12px;
    }
    
    .post-card h3 {
        font-size: 16px;
        margin-bottom: 6px;
    }
    
    .post-meta {
        font-size: 11px;
        margin-bottom: 8px;
    }
    
    .post-excerpt {
        font-size: 13px;
        line-height: 1.6;
    }
    
    /* 文章内容进一步优化 */
    .post-content {
        font-size: 15px;
        line-height: 1.6;
    }
    
    .post-content h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .post-content h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .post-content h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .post-content p {
        margin-bottom: 12px;
    }
    
    /* 代码块优化 */
    .post-content pre {
        font-size: 12px;
        padding: 10px;
        margin: 10px 0;
        overflow-x: auto;
    }
    
    .post-content code {
        font-size: 13px;
        padding: 2px 4px;
    }
    
    /* 表格优化 */
    .post-content table {
        font-size: 12px;
    }
    
    .post-content th,
    .post-content td {
        padding: 6px 8px;
    }
    
    /* 页脚进一步优化 */
    .site-footer,
    .main-footer {
        padding: 12px;
        font-size: 12px;
    }
}

/* 超小手机设备 (小于320px) */
@media (max-width: 320px) {
    body {
        font-size: 13px;
        padding-bottom: 40px;
    }
    
    .centered-content-wrapper {
        margin: 2px;
    }
    
    .sidebar {
        padding: 10px 6px;
    }
    
    .main-content-area {
        padding: 10px 6px;
    }
    
    /* 作者信息最小化 */
    .sidebar .author-avatar {
        width: 70px;
        height: 70px;
        margin-bottom: 8px;
    }
    
    .sidebar .author-name-main {
        font-size: 16px;
        margin-bottom: 6px;
    }
    
    .sidebar .author-bio-main {
        font-size: 12px;
    }
    
    /* 导航菜单最小化 */
    .sidebar .main-navigation li a {
        padding: 6px 10px;
        font-size: 12px;
    }
    
    /* 文章内容最小化 */
    .post-content {
        font-size: 14px;
    }
    
    .post-content h1 {
        font-size: 20px;
    }
    
    .post-content h2 {
        font-size: 16px;
    }
    
    .post-content h3 {
        font-size: 14px;
    }
    
    /* 页脚最小化 */
    .site-footer,
    .main-footer {
        padding: 10px;
        font-size: 11px;
    }
}

/* 横屏模式优化 */
@media (max-width: 768px) and (orientation: landscape) {
    .centered-content-wrapper {
        flex-direction: row; /* 横屏时保持水平布局 */
        max-width: 100%;
        margin: 5px;
    }
    
    .sidebar {
        width: 200px;
        border-right: 1px solid #dee2e6;
        border-bottom: none;
        border-radius: 8px 0 0 8px;
        margin-bottom: 0;
    }
    
    .main-content-area {
        border-radius: 0 8px 8px 0;
    }
    
    /* 横屏时减少页脚预留空间 */
    body {
        padding-bottom: 40px;
    }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    /* 增加触摸目标大小 */
    .sidebar .main-navigation li a {
        min-height: 44px; /* 苹果推荐的最小触摸目标 */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* 增加链接间距 */
    .post-content a {
        padding: 2px 0;
    }
    
    /* 优化按钮触摸 */
    .btn, button {
        min-height: 44px;
        padding: 12px 20px;
    }
}

/* 高DPI屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* 确保在高DPI屏幕上文字清晰 */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* 优化图片显示 */
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* 减少动画（用户偏好） */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
    /* 如果用户系统偏好深色模式，可以在这里添加深色样式 */
    /* 目前保持亮色主题，因为已经有专门的深色主题文件 */
}

/* 打印样式优化 */
@media print {
    .sidebar,
    .site-footer,
    .main-footer {
        display: none;
    }
    
    .centered-content-wrapper {
        max-width: 100%;
        margin: 0;
        box-shadow: none;
    }
    
    .main-content-area {
        padding: 0;
    }
    
    body {
        background: white;
        color: black;
        font-size: 12pt;
        line-height: 1.4;
    }
    
    .post-content {
        font-size: 12pt;
    }
    
    a {
        color: black;
        text-decoration: underline;
    }
} 

/* 管理页面移动端优化 */
@media (max-width: 768px) {
    /* 管理页面导航优化 */
    .admin-top-nav {
        padding: 10px 0;
    }
    
    .admin-top-nav ul {
        flex-direction: column;
        gap: 5px;
    }
    
    .admin-top-nav li {
        width: 100%;
    }
    
    .admin-top-nav a {
        padding: 12px 15px;
        font-size: 14px;
        border-radius: 6px;
        display: block;
        text-align: center;
    }
    
    /* 管理页面内容优化 */
    .admin-main-content {
        padding: 15px 10px;
    }
    
    .admin-card {
        padding: 15px;
        margin-bottom: 15px;
        border-radius: 8px;
    }
    
    .admin-card h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .admin-card h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .admin-card p {
        font-size: 14px;
        line-height: 1.5;
    }
    
    /* 表单优化 */
    .admin-card .form-group {
        margin-bottom: 15px;
    }
    
    .admin-card .form-group label {
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 14px;
    }
    
    .admin-card .form-group input[type="text"],
    .admin-card .form-group input[type="password"],
    .admin-card .form-group input[type="email"],
    .admin-card .form-group textarea,
    .admin-card .form-group select {
        width: 100%;
        padding: 10px;
        font-size: 14px;
        border: 1px solid #ddd;
        border-radius: 6px;
        box-sizing: border-box;
    }
    
    .admin-card .form-group textarea {
        min-height: 100px;
        resize: vertical;
    }
    
    /* 按钮优化 */
    .admin-card .btn {
        padding: 12px 20px;
        font-size: 14px;
        border-radius: 6px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    /* 表格优化 */
    .admin-table {
        font-size: 12px;
        overflow-x: auto;
    }
    
    .admin-table th,
    .admin-table td {
        padding: 8px 6px;
        white-space: nowrap;
    }
    
    /* Umami 统计框优化 */
    .umami-iframe-container {
        padding-bottom: 75% !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 576px) {
    /* 管理页面进一步优化 */
    .admin-top-nav a {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .admin-main-content {
        padding: 10px 8px;
    }
    
    .admin-card {
        padding: 12px;
        margin-bottom: 12px;
    }
    
    .admin-card h1 {
        font-size: 18px;
    }
    
    .admin-card h2 {
        font-size: 16px;
    }
    
    .admin-card p {
        font-size: 13px;
    }
    
    /* 表单进一步优化 */
    .admin-card .form-group input[type="text"],
    .admin-card .form-group input[type="password"],
    .admin-card .form-group input[type="email"],
    .admin-card .form-group textarea,
    .admin-card .form-group select {
        padding: 8px;
        font-size: 13px;
    }
    
    .admin-card .form-group textarea {
        min-height: 80px;
    }
    
    /* 按钮进一步优化 */
    .admin-card .btn {
        padding: 10px 16px;
        font-size: 13px;
        width: 100%;
        margin-bottom: 8px;
    }
    
    /* 表格进一步优化 */
    .admin-table {
        font-size: 11px;
    }
    
    .admin-table th,
    .admin-table td {
        padding: 6px 4px;
    }
    
    /* Umami 统计框进一步优化 */
    .umami-iframe-container {
        padding-bottom: 85% !important;
    }
}

/* 横屏模式下的管理页面优化 */
@media (max-width: 768px) and (orientation: landscape) {
    .admin-top-nav ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .admin-top-nav li {
        width: auto;
        flex: 1;
        min-width: 120px;
    }
    
    .admin-top-nav a {
        padding: 8px 10px;
        font-size: 12px;
    }
    
    .admin-main-content {
        padding: 10px 15px;
    }
    
    .umami-iframe-container {
        padding-bottom: 60% !important;
    }
}