/* 全站统一的壁纸大图查看器样式，配合 site.js 使用（DOM 由 site.js 注入） */
.iv { display: none; position: fixed; inset: 0; z-index: 9998; background: #1a1a1a; }
.iv.show { display: block; }

/* 图片铺满视口：宽屏电脑上也直接全屏，不再限宽 1280px */
.iv .iv-stage {
    position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
    object-fit: contain; opacity: 0; transition: opacity 0.3s ease-out;
}
.iv.cover .iv-stage { object-fit: cover; }
.iv .fade-in { opacity: 1 !important; }

.iv-close {
    position: absolute; top: 16px; right: 18px; z-index: 9;
    width: 36px; height: 36px; border: 0; border-radius: 50%;
    background: rgba(255,255,255,0.12); color: #fff; font-size: 22px; line-height: 1; cursor: pointer;
}
.iv-close:hover { background: rgba(255,255,255,0.24); }

.iv-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;
    width: 44px; height: 76px; border: 0; cursor: pointer;
    background: rgba(255,255,255,0.08); color: #fff; font-size: 30px; line-height: 1;
    border-radius: 8px;
}
.iv-arrow:hover { background: rgba(255,255,255,0.2); }
.iv-arrow.prev { left: 14px; }
.iv-arrow.next { right: 14px; }

/* 底部信息条：标题 + 版权/日期/序号 + 操作按钮，不必右键才能看到 */
.iv-bar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 6;
    display: flex; align-items: center; gap: 18px;
    padding: 14px 20px; background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(30px) saturate(180%) brightness(80%);
    -webkit-backdrop-filter: blur(30px) saturate(180%) brightness(80%);
}
.iv-text { min-width: 0; flex: 1 1 auto; }
.iv-title { color: #fff; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iv-sub { margin-top: 3px; color: rgba(255,255,255,0.62); font-size: 12.5px; line-height: 1.6; }
.iv-acts { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.iv-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px;
    border: 0; border-radius: 20px; background: rgba(255,255,255,0.14);
    color: #fff; font: inherit; font-size: 13px; text-decoration: none; white-space: nowrap; cursor: pointer;
}
.iv-btn[hidden] { display: none; }
.iv-btn:hover { background: rgba(255,255,255,0.26); }
.iv-btn.primary { background: #4DB6AC; }
.iv-btn.primary:hover { background: #3D9E94; }
.iv-btn i { font-style: normal; }

/* 大图上右键仍可唤出菜单（切图/切换显示/关闭） */
.iv-menu-mask { display: none; position: fixed; inset: 0; z-index: 7; }
.iv-menu { display: none; position: fixed; left: -999px; top: -999px; z-index: 8; }
.iv-menu.show, .iv-menu-mask.show { display: block; }
.iv-menu ul {
    margin: 0; padding: 0; list-style: none; border-radius: 8px;
    border: 2px solid rgba(240,240,240,0.1); background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(30px) saturate(180%) brightness(80%);
    -webkit-backdrop-filter: blur(30px) saturate(180%) brightness(80%);
}
.iv-menu li {
    display: flex; align-items: center; gap: 8px; margin: 4px; padding: 8px;
    border-radius: 4px; color: #fff; font-size: 13px; cursor: pointer; white-space: nowrap;
}
.iv-menu li:hover { background: rgba(240,240,240,0.1); }
.iv-menu li i { font-style: normal; font-size: 14px; }
.iv-menu li kbd { margin-left: auto; padding-left: 26px; font: inherit; font-size: 11px; color: rgba(255,255,255,0.6); }
.iv-menu li.sep { height: 2px; margin: 0 8px; padding: 0; background: rgba(240,240,240,0.1); cursor: default; }
.iv-menu li.sep:hover { background: rgba(240,240,240,0.1); }

/* 窄屏：按钮只留图标+短文字，信息条换两行 */
@media (max-width: 599px) {
    .iv-bar { flex-wrap: wrap; gap: 10px; padding: 12px 14px; }
    .iv-text { flex: 1 1 100%; order: 1; }
    .iv-acts { flex: 1 1 100%; order: 2; gap: 8px; }
    .iv-btn { flex: 1 0 auto; justify-content: center; padding: 8px 10px; font-size: 12px; }
    .iv-arrow { width: 34px; height: 60px; font-size: 24px; }
    .iv-title { font-size: 15px; }
}