/* QYapi console shell. Operational pages retain their own layout and controls. */
.qy-app-shell {
  --app-header-height: 84px;
  --sidebar-accent: #e8dff4;
  --sidebar-accent-foreground: #65468d;
  --sidebar-border: rgb(135 145 175 / 22%);
  background: linear-gradient(rgb(241 248 255 / 24%), rgb(241 248 255 / 24%)),
    #d8ebf2 url('/static/image/sakura-sky.212ac70e55.jpg') center / cover fixed;
  letter-spacing: 0;
}

.qy-app-shell > header {
  height: var(--app-header-height);
  padding: 12px 16px 10px;
  background: transparent;
}

.qy-app-shell > header > div {
  min-width: 0;
  height: 60px;
  padding-inline: 12px;
  border: 1px solid rgb(255 255 255 / 85%);
  border-radius: 8px;
  background: rgb(229 243 255 / 91%);
  box-shadow: 0 6px 22px rgb(49 80 115 / 10%);
  backdrop-filter: blur(14px);
}

.qy-app-shell > header nav {
  gap: 4px;
  white-space: nowrap;
}

.qy-app-shell > header nav > a {
  margin: 0;
  padding: 7px 10px;
  border-radius: 6px;
  color: #48556b;
  font-size: 13px;
  letter-spacing: 0;
}

.qy-app-shell > header nav > a:hover,
.qy-app-shell > header nav > a[aria-current='page'] {
  background: rgb(255 255 255 / 70%);
  color: #65468d;
}

.qy-app-shell > header nav > a[data-qy-console-link='video'] {
  display: none;
}

.qy-app-shell > header [data-sidebar='trigger'] {
  color: #526273;
}

.qy-app-shell [data-sidebar='sidebar'] {
  border: 1px solid rgb(255 255 255 / 85%);
  border-radius: 8px;
  background: rgb(249 251 255 / 91%);
  box-shadow: 0 4px 18px rgb(49 80 115 / 5%);
  backdrop-filter: blur(10px);
}

body:has(.qy-app-shell) [data-sidebar='sidebar'][data-mobile='true'] {
  --sidebar-accent: #e8dff4;
  --sidebar-accent-foreground: #65468d;
  background: rgb(249 251 255 / 96%);
  border-color: rgb(255 255 255 / 85%);
}
.dark body:has(.qy-app-shell) [data-sidebar='sidebar'][data-mobile='true'] {
  --sidebar-accent: #493760;
  --sidebar-accent-foreground: #f2eaff;
  background: rgb(27 38 52 / 98%);
}

.qy-app-shell [data-slot='sidebar-container'] {
  border: 0;
}

.qy-app-shell [data-slot='sidebar-inset'] {
  border: 1px solid rgb(255 255 255 / 85%);
  border-radius: 8px;
  background: rgb(249 251 255 / 92%);
  box-shadow: 0 4px 18px rgb(49 80 115 / 5%);
}

.qy-app-shell [data-sidebar='menu-button'][data-active='true'] {
  background: #e8dff4;
  color: #65468d;
}

.qy-app-shell :is(a, button):focus-visible {
  outline-color: #7650b5;
}

.dark .qy-app-shell {
  --sidebar-accent: #493760;
  --sidebar-accent-foreground: #f2eaff;
  background-image: linear-gradient(rgb(16 24 36 / 76%), rgb(16 24 36 / 76%)),
    url('/static/image/sakura-sky.212ac70e55.jpg');
}

.dark .qy-app-shell > header > div,
.dark .qy-app-shell [data-sidebar='sidebar'],
.dark .qy-app-shell [data-slot='sidebar-inset'] {
  border-color: rgb(148 163 184 / 25%);
  background: rgb(27 38 52 / 95%);
}

.dark .qy-app-shell > header nav > a,
.dark .qy-app-shell > header [data-sidebar='trigger'] {
  color: #c3cede;
}

.dark .qy-app-shell > header nav > a:hover,
.dark .qy-app-shell > header nav > a[aria-current='page'],
.dark .qy-app-shell [data-sidebar='menu-button'][data-active='true'] {
  color: #f2eaff;
  background: #493760;
}

@media (min-width: 1024px) and (max-width: 1399px) {
  .qy-app-shell > header nav > a { padding-inline: 7px; font-size: 12px; }
  .qy-app-shell > header button:is([aria-label='搜索'], [aria-label='Search']) {
    width: 34px;
    min-width: 34px;
    flex: none;
    overflow: hidden;
    padding: 8px;
    font-size: 0;
  }
  .qy-app-shell > header button:is([aria-label='搜索'], [aria-label='Search']) > :not(svg) { display: none; }
}

@media (max-width: 1023px) {
  .qy-app-shell > header .me-1:has(nav) { display: block; }
}

@media (max-width: 767px) {
  .qy-app-shell { --app-header-height: 76px; }
  .qy-app-shell > header { padding: 8px 8px 10px; }
  .qy-app-shell > header > div { height: 56px; padding-inline: 6px; }
  .qy-app-shell > header a[aria-label='返回主页'] > span,
  .qy-app-shell > header a[aria-label='Return to home'] > span { max-width: 104px; }
  .qy-app-shell > header button:is([aria-label='搜索'], [aria-label='Search']) { display: none; }
  .qy-app-shell [data-slot='sidebar-inset'] { margin-inline: 8px; }
  .qy-app-shell > header [data-slot='dropdown-menu-trigger'] { border-radius: 6px; }
}

@media (prefers-reduced-transparency: reduce) {
  .qy-app-shell > header > div { background: #e5f3ff; backdrop-filter: none; }
  .qy-app-shell [data-sidebar='sidebar'],
  .qy-app-shell [data-slot='sidebar-inset'] { background: #f9fbff; backdrop-filter: none; }
}