/* 居中显示导航栏 (之前的样式保持不变) */
nav#header-nav {
    text-align: center;
}

nav#header-nav ul.hope-c-PJLV-ikaMhsQ-css {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

nav#header-nav ul.hope-c-PJLV-ikaMhsQ-css li {
    display: inline;
    margin: 0 15px;
}

nav#header-nav ul.hope-c-PJLV-ikaMhsQ-css li a {
    text-decoration: none;
}

/* 浅色主题 (.hope-ui-light) 下的样式 - 黑色字体 */
body.hope-ui-light nav#header-nav ul.hope-c-PJLV-ikaMhsQ-css li a,
.hope-ui-light nav#header-nav ul.hope-c-PJLV-ikaMhsQ-css li a,
nav#header-nav.hope-ui-light ul.hope-c-PJLV-ikaMhsQ-css li a {
    color: black;
    -webkit-text-stroke: none;
    /* 移除黑边 */
    text-shadow: none;
}

/* 为浅色主题设置背景图样式 */
.hope-ui-light {
    /* background-image: url(https://api.imlazy.ink/img) !important; /* 背景图URL */
    background-image: url(https://t.alcy.cc/ycy) !important; /* 背景图URL */
    background-repeat: no-repeat;
    /* 禁止背景图重复 */
    background-size: cover;
    /* 背景图覆盖整个容器 */
    background-attachment: fixed;
    /* 背景图固定位置 */
    background-position-x: center;
    /* 背景图水平居中 */
}

/* 为深色主题设置背景图样式 */
.hope-ui-dark {
    /* background-image: url(https://api.imlazy.ink/img) !important; /* 背景图URL */
    background-image: url(https://t.alcy.cc/moez) !important; /* 背景图URL */
    background-repeat: no-repeat;
    /* 禁止背景图重复 */
    background-size: cover;
    /* 背景图覆盖整个容器 */
    background-attachment: fixed;
    /* 背景图固定位置 */
    background-position-x: center;
    /* 背景图水平居中 */
}

/* 浅色主题下的半透明白色背景 */
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {
    background-color: rgba(255, 255, 255, 0.5) !important;
    /* 半透明白色 */
}

/* 浅色主题下 <pre> 标签的背景颜色 */
.hope-ui-light pre {
    background-color: rgba(255, 255, 255, 0.1) !important;
    /* 微弱透明白色背景 */
}

/*readme 包括顶部说明 夜间模式透明，60%这数值是控制透明度大小的*/
.hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
    backdrop-filter: blur(20px);
    /* 应用模糊效果 */
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    background-color: rgb(0 0 0 / 60%) !important;
}

/* 列表透明 夜间 */
.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-iigjoxS-css {
    /* backdrop-filter: blur(10px); /* 应用模糊效果 */
    /* -webkit-backdrop-filter: blur(10px); /* 兼容 Safari */
    backdrop-filter: none;
    /* 应用模糊效果 */
    -webkit-backdrop-filter: none;
    /* 兼容 Safari */
    background-color: rgb(0 0 0 / 70%);
}

/*日间主列表透明*/
.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
    /* backdrop-filter: blur(10px); /* 应用模糊效果 */
    /* -webkit-backdrop-filter: blur(10px); /* 兼容 Safari */
    backdrop-filter: none;
    /* 应用模糊效果 */
    -webkit-backdrop-filter: none;
    /* 兼容 Safari */
    background-color: rgba(255, 255, 255, 0.7) !important;
}

/*readme 包括顶部说明 日间模式透明，0.6这数值是控制透明度大小的*/
.hope-c-PJLV.hope-c-PJLV-ikSuVsl-css {
    backdrop-filter: blur(10px);
    /* 应用模糊效果 */
    -webkit-backdrop-filter: blur(10px);
    /* 兼容 Safari */
    background-color: rgba(255, 255, 255, 0.6) !important;
}

/*顶部右上角切换按钮透明*/
.hope-c-ivMHWx-hZistB-cv.hope-icon-button {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/*右下角侧边栏按钮透明*/
.hope-c-PJLV-ijgzmFG-css {
    backdrop-filter: blur(10px);
    /* 应用模糊效果 */
    -webkit-backdrop-filter: blur(10px);
    /* 兼容 Safari */
    background-color: rgba(255, 255, 255, 0.7) !important;
}

/*白天模式代码块透明*/
.hope-ui-light pre {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

/*夜间模式代码块透明*/
.hope-ui-dark pre {
    backdrop-filter: blur(20px);
    /* 应用模糊效果 */
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    background-color: rgba(255, 255, 255, 0) !important;
}

/* 日间搜索框改模糊效果 */
.hope-ui-light .hope-c-PJLV-iiBaxsN-css {
    background-color: rgba(255, 255, 255, 0.2) !important;
    -webkit-backdrop-filter: blur(10px);
    /* 兼容 Safari */
    backdrop-filter: blur(10px) !important;
}

/* 夜间模式搜索框改模糊效果 */
.hope-ui-dark .hope-c-PJLV-iiBaxsN-css {
    background-color: rgb(0 0 0 / 10%) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
}

/* 日间搜索结果改模糊效果 */
.hope-ui-light .hope-c-kvTTWD-hYRNAb-variant-filled.hope-input {
    background-color: rgba(255, 255, 255, 0.2) !important;
    -webkit-backdrop-filter: blur(10px);
    /* 兼容 Safari */
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

/* 夜间改模糊效果 */
.hope-ui-dark .hope-c-kvTTWD-hYRNAb-variant-filled.hope-input {
    background-color: rgb(0 0 0 / 10%) !important;
    -webkit-backdrop-filter: blur(10px);
    /* 兼容 Safari */
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

/* 日间搜索类型改模糊效果 */
.hope-ui-light .hope-c-kvTTWD-hYRNAb-variant-filled.hope-select__trigger {
    background-color: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: blur(10px);
    /* 兼容 Safari */
    backdrop-filter: blur(10px) !important;
}

/* 夜间搜索类型改模糊效果 */
.hope-ui-dark .hope-c-kvTTWD-hYRNAb-variant-filled.hope-select__trigger {
    background-color: rgb(0 0 0 / 10%) !important;
    -webkit-backdrop-filter: blur(10px);
    /* 兼容 Safari */
    backdrop-filter: blur(10px) !important;
}

/* 夜间右键菜单 */
.solid-contextmenu.solid-contextmenu.solid-contextmenu__theme--dark {
    background-color: rgb(0 0 0 / 40%) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
}

/* 日间右键菜单 */
.solid-contextmenu.solid-contextmenu.solid-contextmenu__theme--light {
    background-color: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
}

/* 夜间右键菜单子菜单 (假设子菜单在暗色主题菜单内) */
.solid-contextmenu.solid-contextmenu__theme--dark .solid-contextmenu__submenu {
    background-color: rgb(0 0 0 / 40%) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px) !important;
    left: 200px !important;
    top: 10px !important;
}

/* 日间右键菜单子菜单 (假设子菜单在亮色主题菜单内) */
.solid-contextmenu.solid-contextmenu__theme--light .solid-contextmenu__submenu {
    background-color: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px) !important;
    left: 200px !important;
    top: 10px !important;
}

/* 隐藏登录的图标 */
.hope-c-PJLV-ibwASZs-css {
    display: none;
}

/* 搜索类别 */
.hope-ui-light .hope-select__content.hope-c-XJURY.hope-c-PJLV.hope-c-PJLV-ijpihTg-css {
    background-color: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

/* 搜索类别 */
.hope-ui-dark .hope-select__content.hope-c-XJURY.hope-c-PJLV.hope-c-PJLV-ijpihTg-css {
    background-color: rgb(0 0 0 / 10%) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}

/* 夜间导航栏改模糊效果 */
.hope-ui-dark .hope-breadcrumb.hope-c-hrsMRY.hope-c-PJLV.hope-c-PJLV-idaeksS-css {
    background-color: rgb(0 0 0 / 40%) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    /* 柔和阴影效果 */
    border-radius: 12px;
    /* 圆角保持一致，可调整为 8px 或其他具体值 */
    color: #fff;
    /* 确保字体颜色在深色背景上清晰可见 */
}

/* 导航栏样式改模糊、阴影和黑体字 */
.hope-ui-light .hope-breadcrumb.hope-c-hrsMRY.hope-c-PJLV.hope-c-PJLV-idaeksS-css {
    background-color: rgba(255, 255, 255, 0.6) !important;
    /* 更透明的背景，适配亮色模式 */
    -webkit-backdrop-filter: blur(10px);
    /* 适度模糊，兼容 Safari */
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /* 柔和的阴影效果，亮色模式中更轻 */
    border-radius: 12px;
    /* 保持圆角一致 */
    color: #000;
    /* 调整为深色文字，与亮色背景形成对比 */
}

/*加载存储时提示 改模糊*/
.hope-ui-dark .hope-c-PJLV .hope-c-PJLV-iwUksD-css {
    background-color: rgb(0 0 0 / 40%) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    /* 柔和阴影效果 */
    border-radius: 12px;
    /* 圆角保持一致，可调整为 8px 或其他具体值 */
    color: #fff;
    /* 确保字体颜色在深色背景上清晰可见 */
}

/* header改模糊效果 */
.hope-ui-dark .hope-c-PJLV-ikaMhsQ-css {
    background-color: rgb(0 0 0 / 40%) !important;
    -webkit-backdrop-filter: blur(20px);
    /* 兼容 Safari */
    backdrop-filter: blur(20px) !important;
}

.hope-ui-light .hope-c-PJLV-ikaMhsQ-css {
    background-color: rgba(255, 255, 255, 0.6) !important;
    /* 更透明的背景，适配亮色模式 */
    -webkit-backdrop-filter: blur(10px);
    /* 适度模糊，兼容 Safari */
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /* 柔和的阴影效果，亮色模式中更轻 */
    color: #000;
    /* 调整为深色文字，与亮色背景形成对比 */
}