:root {
  --mio-color-main: 255, 255, 255;
  --mio-color-text: 0, 0, 0;
  --mio-color-info-text: #444;
  --mio-color-checkbox: 0, 0, 0;
  --mio-color-theme: 248, 179, 78;
  --mio-color-else: 0, 0, 0;
  --mio-color-border: 0, 0, 0;
  --mio-style-border-01: 0 0 0 1px rgb(var(--mio-color-border));
  --mio-style-border-02: 0 0 0 2px rgb(var(--mio-color-border));
  --mio-opacity-admin: 0.2;
  --mio-opacity-02: 0.2;
  --mio-opacity-03: 0.3;
  --mio-opacity-05: 0.5;
  --mio-bg-image: url("https://o.乾纱寿叶.我爱你/i/2025/05/6835acb7390cb.webp");
}
.hope-ui-dark {
  --mio-color-main: 0, 0, 0;
  --mio-color-text: 255, 255, 255;
  --mio-color-info-text: var(--hope-colors-neutral11);
  --mio-color-checkbox: 255, 255, 255;
  --mio-color-else: 255, 255, 255;
  --mio-color-border: 255, 255, 255;
  --mio-style-border-01: 0 0 0 1px rgb(var(--mio-color-border));
  --mio-style-border-02: 0 0 0 2px rgb(var(--mio-color-border));
  --mio-opacity-admin: 0.5;
  --mio-bg-image: url("https://o.乾纱寿叶.我爱你/i/2025/05/6835acb6e8b70.webp");
}
* {
  font-family: 'Noto Serif SC';
  font-weight: 500;
  font-style: normal;
}
body {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position-x: center;
  background-image: var(--mio-bg-image);
}
.beian-link {
  color: rgb(var(--mio-text));
  text-decoration: none;
  font-size: 14px;
}
.header-left .hope-image {
  width: auto;
  height: 35px;
}
#root > .header {
  background-color: transparent;
}
.hope-c-PJLV-ikCuBvM-css {
  backdrop-filter: blur(10px);
  transition: all 0.25s ease;
}
div.hope-c-PJLV-ikCuBvM-css:hover,
div.hope-c-PJLV-ikCuBvM-css[data-hover] {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
}
.header-right .hope-menu__trigger {
  background-color: rgba(var(--mio-color-theme), 0.15);
  box-shadow: none !important;
}
.body > .nav {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  box-shadow: var(--hope-shadows-lg);
  border-radius: var(--hope-radii-xl);
  backdrop-filter: blur(5px);
  transition: background-color 0.25s ease;
}
.body > .nav::after {
  display: none;
}
a.hope-breadcrumb__link,
span.hope-breadcrumb__link {
  transition: all 0.25s ease;
}
a.nav-link:focus,
span.nav-link:focus {
  box-shadow: var(--mio-style-border-01);
}
.obj-box.hope-stack {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  transition: background-color 0.25s ease;
}
.viselect-item:hover,
.viselect-item[data-hover] {
  transition: all 0.45s ease;
  backdrop-filter: blur(5px);
}
.selected {
  backdrop-filter: blur(5px);
}
span.hope-checkbox__control {
  color: rgb(var(--mio-color-checkbox));
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
}
span.hope-checkbox__control[data-focus],
span.hope-checkbox__control:focus,
span.hope-checkbox__control:hover {
  box-shadow: 0 0 0 2px rgb(var(--mio-color-checkbox));
  border-color: rgb(var(--mio-color-checkbox));
}
div.solid-contextmenu {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
.solid-contextmenu__item__content .hope-text {
  color: rgb(var(--mio-color-text));
}
.solid-contextmenu__item__content {
  border-radius: var(--hope-radii-md);
  transition: all 0.25s ease;
}
.solid-contextmenu__item__content:hover,
.solid-contextmenu__item__content:focus {
  transform: translateX(3px);
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03)) !important;
}
div.hope-c-PJLV-iiuDLME-css,
div.hope-c-PJLV-ikSuVsl-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  transition: all 0.25s ease;
}
pre {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03)) !important;
}
div.aplayer {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
.aplayer-list ol li:hover,
.aplayer-list-light {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02)) !important;
}
.fileinfo .hope-image {
  height: auto;
  width: auto;
}
p.hope-c-PJLV-ihZtYcd-css {
  color: var(--mio-color-info-text);
}
a.hope-button {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  backdrop-filter: blur(10px);
}
a.hope-button:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  box-shadow: var(--mio-style-border-02);
}
.obj-box .hope-breadcrumb__link {
  cursor: pointer;
  padding: var(--hope-space-1);
  border-radius: var(--hope-radii-lg);
  word-break: break-all;
}
.obj-box .hope-breadcrumb__link:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
  color: unset;
}
.left-toolbar-in svg,
.center-toolbar svg,
.hope-c-PJLV-ieTkpPy-css,
a.hope-anchor,
.footer span,
kbd,
div.hope-c-PJLV-iiyTmEm-css,
.hope-drawer__content,
.hope-form-label,
.hope-c-PJLV-ibpTetR-css > :first-child,
.hope-c-PJLV-igSqJIB-css,
#root header,
div.hope-form-helper-text,
#root .hope-c-PJLV-iiLzBwx-css,
.hope-c-PJLV-ibNJqZU-css,
.hope-c-PJLV-igJUvZO-css,
span.hope-c-PJLV-ijhzIfm-css,
span.hope-switch__control,
.hope-c-PJLV-igHwkeM-css,
div.hope-c-PJLV-ibOWCWv-css,
div.hope-c-PJLV-iiFYbNx-css,
.hope-c-PJLV-ipqyVI-css p,
div.hope-c-PJLV-igiEgQu-css {
  transition: all 0.25s ease;
}
div.left-toolbar,
.center-toolbar div {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
  backdrop-filter: blur(5px);
}
.center-toolbar svg:hover,
.center-toolbar svg[data-hover] {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}
.hope-c-PJLV-ieGWMbI-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03)) !important;
  backdrop-filter: blur(5px);
  transition: background-color 0.25s ease;
}
p.hope-c-PJLV-iZZmce-css {
  background-color: rgba(24, 144, 255, 0.7);
  transition: all 0.25s ease;
}
@media screen and (max-width: 768px) {
  .hope-c-PJLV-igSqJIB-css,
  .hope-c-PJLV-iZZmce-css {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
  }
  div.hope-c-PJLV-iclbYsV-css {
    width: 40%;
  }
}
section.hope-drawer__content {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
  backdrop-filter: blur(5px);
}
div.hope-c-PJLV-iiyTmEm-css {
  color: rgb(var(--mio-color-else));
}
div.hope-drawer__overlay,
div.hope-modal__overlay {
  background-color: rgba(0, 0, 0, var(--mio-opacity-03));
}
.hope-modal__body .hope-select__trigger,
.hope-modal__body .hope-input,
.hope-modal__body .hope-input:hover,
.hope-modal__body .hope-input:focus {
  backdrop-filter: none;
}
button.hope-icon-button:disabled,
button.hope-icon-button:hover:disabled {
  color: var(--hope-colors-neutral8);
}
p.hope-c-PJLV-ibveQmV-css {
  color: var(--mio-color-info-text);
}
.hope-c-PJLV-idcOWKd-css {
  transition: all 0.25s ease;
}
section.hope-modal__content {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
.hope-modal__body button.hope-icon-button {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: none;
}
.hope-modal__body .hope-icon-button:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
}
.hope-c-PJLV-ieqwtmo-css label {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  border-radius: var(--hope-radii-md);
  padding: var(--hope-space-2);
}
.hope-c-PJLV-ihJFHdl-css h2 {
  margin-top: 7px;
}
.hope-c-PJLV-ihJFHdl-css :nth-child(4) {
  gap: 8px;
  margin: 0 0 10px 7px;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .hope-c-PJLV-ihJFHdl-css :nth-child(4) {
    margin-left: 0;
  }
  .hope-c-PJLV-idNBdBp-css {
    place-items: center;
  }
}
div.hope-c-PJLV-ihJFHdl-css {
  height: auto;
}
button.hope-select__trigger {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
button.hope-select__trigger:hover,
button.hope-select__trigger:focus {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
}
button.hope-select__trigger:focus,
button.hope-select__trigger[data-focus] {
  box-shadow: var(--mio-style-border-01);
  border-color: rgb(var(--mio-color-border));
}
div.hope-select__content,
div.hope-menu__content {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
.hope-select__option {
  transition: all 0.25s ease;
}
div.hope-select__option[data-active],
div.hope-menu__item[data-active] {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}
input.hope-input,
input.hope-input:hover,
input.hope-input:focus {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
input.hope-input:focus,
input.hope-input[data-focus] {
  border-color: unset;
  box-shadow: var(--mio-style-border-01);
}
input.hope-input::placeholder {
  color: var(--hope-colors-neutral11);
}
button.hope-button {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  backdrop-filter: blur(10px);
}
button.hope-button:disabled,
button.hope-button:hover:disabled {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  color: var(--hope-colors-neutral9);
  box-shadow: none;
}
button.hope-button:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  box-shadow: var(--mio-style-border-02);
}
button.hope-modal__close-button {
  transition: all 0.25s ease;
}
button.hope-modal__close-button:focus,
button.hope-modal__close-button:hover {
  box-shadow: var(--mio-style-border-02);
}
div.hope-c-PJLV-igqSGEg-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05)) !important;
  backdrop-filter: blur(10px);
}
.hope-notification__list .hope-close-button {
  display: none;
}
div.hope-notification,
div.hope-c-PJLV-iwUksD-css,
div.hope-c-PJLV-ikvBale-css,
div.hope-c-PJLV-igmvEDM-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
div.hope-c-PJLV-igmvEDM-css {
  box-shadow: var(--mio-style-border-02);
}
.footer a:hover,
.footer a[data-hover] {
  backdrop-filter: blur(10px);
}
img.hope-c-PJLV-ibwASZs-css {
  width: auto;
  height: 48px;
}
.hope-c-PJLV-ibojvKk-css,
.hope-c-PJLV-ifJliWT-css,
.hope-c-PJLV-igjRXTJ-css {
  display: none;
}
div.hope-c-PJLV-ibiABng-css,
div.hope-c-PJLV-ihWgyFw-css {
  background-color: transparent;
}
div.hope-c-PJLV-iubUra-css,
div.hope-c-PJLV-ifjOQLV-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  backdrop-filter: blur(5px);
  transition: all 0.25s ease;
}
.hope-c-PJLV-idKXllh-css a {
  display: none;
}
button.hope-c-PJLV-ifDMJcV-css {
  backdrop-filter: none;
}
div.hope-c-PJLV-igiEgQu-css {
  color: rgb(var(--mio-color-else));
}
#root .hope-c-PJLV-iiLzBwx-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-admin));
}
div.hope-form-helper-text {
  color: var(--mio-color-info-text);
}
textarea.hope-textarea,
textarea.hope-textarea:hover,
textarea.hope-textarea:focus {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
textarea.hope-textarea:focus,
textarea.hope-textarea[data-focus] {
  border-color: unset;
  box-shadow: var(--mio-style-border-01);
}
.hope-select__placeholder {
  color: var(--mio-color-info-text);
}
span.hope-switch__control {
  border: unset;
  color: rgb(var(--mio-color-checkbox));
}
span.hope-switch__control[data-focus] {
  border-color: unset;
  box-shadow: 0 0 0 3px rgb(var(--mio-color-main));
}
#root header {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
  backdrop-filter: blur(10px);
}
header.hope-c-PJLV .hope-icon-button {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: none;
}
a.hope-c-PJLV-ikmVjeJ-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
}
div.hope-c-PJLV-ibpTetR-css > :first-child {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
  backdrop-filter: blur(10px);
}
div.hope-c-PJLV-ibBheSN-css {
  color: rgb(var(--mio-color-text));
}
.hope-c-PJLV-ieTkpPy-css:hover,
.hope-c-PJLV-ibBheSN-css a:hover {
  transform: translateX(3px);
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}
.hope-c-PJLV-ikmVjeJ-css:hover,
.hope-c-PJLV-ikmVjeJ-css[data-hover] {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}
.hope-c-PJLV-ieTkpPy-css:hover h2,
.hope-c-PJLV-ibBheSN-css a:hover h2 {
  color: #4a6cf7;
}
.hope-c-PJLV-ibNJqZU-css,
.hope-c-PJLV-igJUvZO-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
div.hope-c-PJLV-ibOWCWv-css,
div.hope-c-PJLV-iiFYbNx-css,
.hope-c-PJLV-ipqyVI-css p {
  color: rgb(var(--mio-color-text));
}
.hope-c-PJLV-igHwkeM-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
.hope-flex > .hope-form-control {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
  border-radius: var(--hope-radii-md);
  padding: var(--hope-space-2);
}
.hope-c-PJLV-icFwTcd-css > div {
  transition: all 0.3s ease;
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
.hope-c-PJLV-icFwTcd-css > div:hover {
  backdrop-filter: none;
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}
.hope-tbody tr {
  transition: all 0.3s ease;
}
.hope-tbody tr:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
.hope-tbody tr:hover td,
tbody.hope-tbody tr:hover td {
  transition: all 0.3s ease;
  background-color: transparent;
}
div.hope-select__trigger .hope-c-PJLV-ieKzbxa-css {
  background-color: transparent;
  backdrop-filter: none;
  box-shadow: none;
}
div.hope-select__trigger {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
div.hope-select__trigger:hover,
div.hope-select__trigger:focus {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
}
div.hope-select__trigger:focus,
div.hope-select__trigger[data-focus] {
  box-shadow: var(--mio-style-border-01);
  border-color: rgb(var(--mio-color-border));
}
label.hope-c-PJLV-ikGHENL-css {
  color: var(--mio-color-info-text);
}
div.hope-c-PJLV-ibzDrpK-css,
div.hope-c-PJLV-ijyJlsk-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
div.hope-c-PJLV-iddboZy-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}
input.hope-input:focus,
input.hope-input[data-focus] {
  border-color: unset;
  box-shadow: var(--mio-style-border-01);
}

/* 输入框提示信息文字颜色 */
input.hope-input::placeholder {
  color: var(--hope-colors-neutral11);
}

/* ================== 按钮 ================== */
/* 按钮毛玻璃 */
button.hope-button {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  backdrop-filter: blur(10px);
}

/* 按钮禁用状态透明 */
button.hope-button:disabled,
button.hope-button:hover:disabled{
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  color: var(--hope-colors-neutral9);
  box-shadow: none;
}

/* 按钮悬停时半透明 */
button.hope-button:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
}

/* 按钮额外悬停阴影 */
button.hope-button:hover {
  box-shadow: var(--mio-style-border-02);
}

/* 关闭按钮过渡 兼容本地设置/后台退出按钮 */
button.hope-modal__close-button {
  transition: all 0.25s ease;
}

/* 关闭按钮焦点阴影 兼容本地设置/后台退出按钮 */
button.hope-modal__close-button:focus {
  box-shadow: var(--mio-style-border-02);
}

/* 关闭按钮额外悬停阴影 兼容本地设置/后台退出按钮 */
button.hope-modal__close-button:hover {
  box-shadow: var(--mio-style-border-02);
}

/* 返回顶部按钮毛玻璃 */
div.hope-c-PJLV-igqSGEg-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05)) !important;
  backdrop-filter: blur(10px);
}

/* 隐藏通知栏关闭按钮 */
.hope-notification__list .hope-close-button {
  display: none;
}

/* ================== 其他组件 ================== */
/* 通知栏/MD目录树/a标签选项/页脚 */
/* 通知栏毛玻璃 */
div.hope-notification {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* 报错提示信息背景毛玻璃 */
div.hope-c-PJLV-iwUksD-css,
div.hope-c-PJLV-ikvBale-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* MD目录树毛玻璃 */
div.hope-c-PJLV-igmvEDM-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02)) !important;
  backdrop-filter: blur(10px);
  box-shadow: var(--mio-style-border-02);
}

/* a标签选项过渡 兼容后台二级菜单 MD */
a.hope-anchor {
  transition: all 0.25s ease;
}

/* 页脚链接悬停毛玻璃 */
.footer a:hover,
.footer a[data-hover]{
  backdrop-filter: blur(10px);
}

/* ================== 登录页面 ================== */
/* 登录页Logo、标题、背景、表单 */
/* 登录页Logo尺寸 */
img.hope-c-PJLV-ibwASZs-css {
  width: auto;
  height: 48px;
}

/* 隐藏登录标题 */
.hope-c-PJLV-ibojvKk-css {
  display: none;
}

/* 隐藏登录页面的标题和装饰元素 */
.hope-c-PJLV-ifJliWT-css,
.hope-c-PJLV-igjRXTJ-css {
  display: none;
}

/* 登录页面整体背景容器透明（背景透明） */
div.hope-c-PJLV-ibiABng-css,
div.hope-c-PJLV-ihWgyFw-css {
  background-color: transparent;
}

/* 登录表单区域毛玻璃（唯一非透明区域） */
div.hope-c-PJLV-iubUra-css,
div.hope-c-PJLV-ifjOQLV-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
  backdrop-filter: blur(5px);
}

/* 登录表单区域过渡 */
.hope-c-PJLV-iubUra-css,
.hope-c-PJLV-ifjOQLV-css {
  transition: all 0.25s ease;
}

/* 隐藏登录页链接 */
.hope-c-PJLV-idKXllh-css a {
  display: none;
}

/* 登录页按钮叠加毛玻璃 */
button.hope-c-PJLV-ifDMJcV-css {
  backdrop-filter: none; 
}

/* 登录页语言切换/暗色模式/通行密钥按钮颜色 */
div.hope-c-PJLV-igiEgQu-css {
  color: rgb(var(--mio-color-else));
}

/* ================== 后台管理 ================== */
/* =========== 全局 =========== */
/* 后台管理整体透明 */
#root .hope-c-PJLV-iiLzBwx-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-admin));
}

/* 输入框下提示信息 */
div.hope-form-helper-text {
  color: var(--mio-color-info-text);
}

/* 内容框背景毛玻璃 */
textarea.hope-textarea {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* 内容框悬停和聚焦状态毛玻璃 */
textarea.hope-textarea:hover,
textarea.hope-textarea:focus {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* 内容框焦点阴影 */
textarea.hope-textarea:focus,
textarea.hope-textarea[data-focus] {
  border-color: unset;
  box-shadow: var(--mio-style-border-01);
}


/* 下拉框空选项文字颜色 */
.hope-select__placeholder {
  color: var(--mio-color-info-text);
}

/* 开关颜色 */
span.hope-switch__control {
  border: unset;
  color: rgb(var(--mio-color-checkbox));
}

/* 开关焦点阴影 */
span.hope-switch__control[data-focus] {
  border-color: unset;
  box-shadow: 0 0 0 3px rgb(var(--mio-color-main));
}

/* =========== 顶部 =========== */
/** 头部毛玻璃 */
#root header {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
  backdrop-filter: blur(10px);
}

/* 修复顶部左右按钮叠加毛玻璃 */
header.hope-c-PJLV .hope-icon-button {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: none;
}

/* =========== 侧边栏 =========== */
/* 侧边栏选中状态背景透明 */
a.hope-c-PJLV-ikmVjeJ-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
}

/** 侧边栏背景毛玻璃 */
div.hope-c-PJLV-ibpTetR-css > :first-child {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
  backdrop-filter: blur(10px);
}
 
/* 侧边栏字体和元素颜色 */
div.hope-c-PJLV-ibBheSN-css {
  color: rgb(var(--mio-color-text));
}

/* 侧边栏一级菜单悬停过渡 */    
.hope-c-PJLV-ieTkpPy-css {
  transition: all 0.25s ease;
}

/* 侧边栏悬停偏移 */
.hope-c-PJLV-ieTkpPy-css:hover,
.hope-c-PJLV-ibBheSN-css a:hover {
  transform: translateX(3px);
}

/* 侧边栏悬停颜色 */
.hope-c-PJLV-ieTkpPy-css:hover,
.hope-c-PJLV-ibBheSN-css a:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}

/* 侧边栏选中菜单悬停颜色 */
.hope-c-PJLV-ikmVjeJ-css:hover,
.hope-c-PJLV-ikmVjeJ-css[data-hover] {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}

/* 侧边栏悬停字体颜色 */
.hope-c-PJLV-ieTkpPy-css:hover h2,
.hope-c-PJLV-ibBheSN-css a:hover h2 {
  color: #4a6cf7;
}

/* =========== 个人资料页 =========== */
/* WebAuthn/对象存储背景卡片毛玻璃 */
.hope-c-PJLV-ibNJqZU-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* SSH key背景毛玻璃 */
.hope-c-PJLV-igJUvZO-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* =========== 任务页 =========== */
/* 任务列表文字颜色 */
div.hope-c-PJLV-ibOWCWv-css,
div.hope-c-PJLV-iiFYbNx-css,
.hope-c-PJLV-ipqyVI-css p {
  color: rgb(var(--mio-color-text));
}

/* 任务列表背景毛玻璃 */
.hope-c-PJLV-igHwkeM-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* =========== 用户页 =========== */
/* 用户权限选择框毛玻璃 兼容元信息选择框 */
.hope-flex > .hope-form-control {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
  border-radius: var(--hope-radii-md);
  padding: var(--hope-space-2);
}

/* =========== 存储页 =========== */
/* 存储卡片布局过渡 */
.hope-c-PJLV-icFwTcd-css > div {
  transition: all 0.3s ease;
}

/* 存储卡片布局毛玻璃 */
.hope-c-PJLV-icFwTcd-css > div {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* 存储卡片悬停透明 */
.hope-c-PJLV-icFwTcd-css > div:hover {
  backdrop-filter: none;
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-03));
}

/* 存储列表悬停过渡 兼容用户列表 */
.hope-tbody tr {
  transition: all 0.3s ease;
}

/* 存储列表悬停毛玻璃 兼容用户列表 */
.hope-tbody tr:hover {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* 存储列表悬停过渡 */
.hope-tbody tr:hover td {
  transition: all 0.3s ease;
}

/* 修复存储列表悬停毛玻璃 */
tbody.hope-tbody tr:hover td {
  background-color: transparent;
}

/* 修复添加存储驱动输入框 */
div.hope-select__trigger .hope-c-PJLV-ieKzbxa-css {
  background-color: transparent;
  backdrop-filter: none;
  box-shadow: none;
}

/* 选择框毛玻璃 */
div.hope-select__trigger {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* 选择框焦点半透明 */
div.hope-select__trigger:hover,
div.hope-select__trigger:focus {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-05));
}

/* 选择框焦点阴影 */
div.hope-select__trigger:focus,
div.hope-select__trigger[data-focus] {
  box-shadow: var(--mio-style-border-01);
  border-color: rgb(var(--mio-color-border));
}

/* =========== 元信息 =========== */
/* 大屏选择框居中 */
@media screen and (min-width: 768px) {
  .hope-c-PJLV-idNBdBp-css {
    place-items: center;
  }
}

/* 选择框字体颜色 */
label.hope-c-PJLV-ikGHENL-css {
  color: var(--mio-color-info-text);
}

/* =========== 索引页 =========== */
/* 索引计数框毛玻璃 */
div.hope-c-PJLV-ibzDrpK-css,
div.hope-c-PJLV-ijyJlsk-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* =========== 备份页 =========== */
/* 备份&恢复输出框毛玻璃 */
div.hope-c-PJLV-iddboZy-css {
  background-color: rgba(var(--mio-color-main), var(--mio-opacity-02));
  backdrop-filter: blur(10px);
}

/* ================== 日夜切换过渡 ================== */
/* =========== 首页 =========== */
/* 列表区域过渡 */
.obj-box.hope-stack {
  transition: background-color 0.25s ease;
}

/* 导航栏过渡 */
.body > .nav {
  transition: background-color 0.25s ease;
}

/* README区域背景过渡 */
hr,
blockquote,
.markdown-body,
div.hope-c-PJLV-iiuDLME-css,
div.hope-c-PJLV-ikSuVsl-css {
  transition: all 0.25s ease;
}

/* 左侧文件目录树背景过渡 */
.hope-c-PJLV-ieGWMbI-css {
  transition: background-color 0.25s ease;
}

/* 页脚链接span过渡 */
.footer span {
  transition: all 0.25s ease;
}

/* 搜索框Ctrl+K过渡 */
kbd {
  transition: all 0.25s ease;
}

/* 本地设置底部切换按钮颜色过渡 */
div.hope-c-PJLV-iiyTmEm-css {
  transition: all 0.25s ease;
}

/* =========== 后台 =========== */
/* 登录页语言切换/暗色模式/通行密钥按钮颜色过渡 */
div.hope-c-PJLV-igiEgQu-css {
  transition: all 0.25s ease;
}

/* 本地设置背景 兼容移动端后台侧边栏 */
.hope-drawer__content,
.hope-form-label {
  transition: all 0.25s ease;
}

/* 后台侧边栏 */
.hope-c-PJLV-ibpTetR-css > :first-child {
  transition: all 0.25s ease;
}

/* 左侧文件目录树过渡 */
.hope-c-PJLV-igSqJIB-css {
  transition: all 0.25s ease;
}

/** 头部过渡 */
#root header {
  transition: all 0.25s ease;
}

/* 输入框下提示信息过渡 */
div.hope-form-helper-text {
  transition: all 0.25s ease;
}

/* 后台管理整体过渡 */
#root .hope-c-PJLV-iiLzBwx-css {
    transition: all 0.25s ease;
}

/* WebAuthn/对象存储卡片背景过渡 */
.hope-c-PJLV-ibNJqZU-css {
  transition: all 0.25s ease;
}

/* SSH key背景过渡 */
.hope-c-PJLV-igJUvZO-css {
  transition: all 0.25s ease;
}

/* 彩色标签过渡 */
span.hope-c-PJLV-ijhzIfm-css {
  transition: all 0.25s ease;
}

/* 开关过渡 */
span.hope-switch__control {
  transition: all 0.25s ease;
}

/* 任务列表背景过渡 */
.hope-c-PJLV-igHwkeM-css {
  transition: all 0.25s ease;
}

/* 任务列表文字颜色过渡 */
div.hope-c-PJLV-ibOWCWv-css,
div.hope-c-PJLV-iiFYbNx-css,
.hope-c-PJLV-ipqyVI-css p{
  transition: all 0.25s ease;
}