/* static/style.css */

/* 全局字体设置：优先使用微软雅黑 */
body {
    font-family: "Microsoft YaHei", "微软雅黑", ui-sans-serif, system-ui, -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" !important;
}

/* 灯箱相关样式 */
#lightbox {
    transition: opacity 0.3s ease;
}

#lightbox.hidden {
    opacity: 0;
    pointer-events: none;
}

/* 隐藏滚动条但允许滚动 */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 灯箱翻页按钮位置：垂直居中 */
.lightbox-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* 主页调整模式下的光标 */
.cursor-grab { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }

/* 编辑页：删除状态图片 */
.deleted-img { opacity: 0.3; filter: grayscale(100%); }
/* 编辑页：图片操作按钮悬浮效果 */
.img-action-btn { opacity: 0; transition: opacity 0.2s; }
.group:hover .img-action-btn { opacity: 1; }

/* 封面标记样式 */
.is-cover-mark { display: none; }
.group.is-cover .is-cover-mark { display: block; }
.group.is-cover { border-color: #10b981 !important; /* emerald-500 */ border-width: 2px; }
/* ... 之前的内容 ... */

/* 来源标签通用样式 */
.source-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem; /* gap-1.5 */
    font-size: 0.75rem; /* text-xs */
    color: #94a3b8; /* text-slate-400 */
    background-color: rgba(15, 23, 42, 0.6); /* bg-slate-900/60 */
    border: 1px solid rgba(51, 65, 85, 0.5); /* border-slate-700/50 */
    padding: 0.25rem 0.625rem; /* py-1 px-2.5 */
    border-radius: 9999px; /* rounded-full */
    transition: all 0.2s ease;
    max-width: 100%;
}

.source-badge:hover {
    color: #e2e8f0; /* text-slate-200 */
    background-color: rgba(30, 41, 59, 0.8); /* bg-slate-800/80 */
    border-color: rgba(71, 85, 105, 0.8); /* border-slate-600/80 */
}
/* ... 之前的内容 ... */

/* 详情页：ID和来源的通用徽章样式 */
/* 视觉风格：深色底、单像素边框、等宽字体，与截图中的 ID:4 一致 */
.info-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem; /* gap-1.5 */
    padding: 0.25rem 0.5rem; /* px-2 py-1 */
    font-size: 0.75rem; /* text-xs */
    line-height: 1rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* font-mono */
    background-color: #1e293b; /* bg-slate-800 */
    color: #94a3b8; /* text-slate-400 */
    border-radius: 0.375rem; /* rounded-md */
    border: 1px solid rgba(51, 65, 85, 0.5); /* border-slate-700/50 */
    white-space: nowrap;
    vertical-align: middle;
}

/* 鼠标悬停微效 */
.info-badge:hover {
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.4);
}