.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}


/* Zhihuiyun clean white business theme override. Visual styles only. */
:root {
  --zhy-bg: #f7f9fc;
  --zhy-bg-soft: #fbfcfe;
  --zhy-surface: #ffffff;
  --zhy-surface-soft: #f8fafc;
  --zhy-line: #e5eaf1;
  --zhy-line-strong: #d6dee8;
  --zhy-text: #111827;
  --zhy-muted: #667085;
  --zhy-accent: #0f766e;
  --zhy-accent-soft: #ecfdf7;
  --zhy-blue: #2563eb;
  --zhy-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
  --zhy-shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.045);
}

html,
body,
#app {
  background: var(--zhy-bg) !important;
  color: var(--zhy-text) !important;
  letter-spacing: 0 !important;
}

body {
  background:
    radial-gradient(circle at 0 0, rgba(15, 118, 110, 0.07), transparent 28rem),
    linear-gradient(180deg, #ffffff 0%, var(--zhy-bg) 48%, #ffffff 100%) !important;
}

#app .bg-mesh-gradient,
#app .pointer-events-none .blur-3xl {
  display: none !important;
}

#app .min-h-screen.bg-gradient-to-br,
#app .absolute.inset-0.bg-gradient-to-br,
#app > .relative.flex.min-h-screen.flex-col.overflow-hidden {
  background:
    radial-gradient(circle at 8% 0, rgba(15, 118, 110, 0.08), transparent 30rem),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 54%, #ffffff 100%) !important;
  background-image:
    radial-gradient(circle at 8% 0, rgba(15, 118, 110, 0.08), transparent 30rem),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 54%, #ffffff 100%) !important;
}

#app > .relative.flex.min-h-screen.flex-col.overflow-hidden > .pointer-events-none {
  display: none !important;
}

.text-gradient {
  background: none !important;
  color: var(--zhy-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

.glass,
header.glass {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: var(--zhy-line) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
}

.card,
.glass-card,
.card-glass,
.modal-content,
.dialog-container,
.dropdown,
.table-container {
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1px solid var(--zhy-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--zhy-shadow-sm) !important;
  backdrop-filter: none !important;
}

.card-hover:hover,
.card:hover,
.glass-card:hover,
.card-glass:hover {
  border-color: var(--zhy-line-strong) !important;
  box-shadow: var(--zhy-shadow) !important;
  transform: translateY(-1px) !important;
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.dialog-header,
.dialog-footer {
  border-color: var(--zhy-line) !important;
}

.dialog-footer,
.modal-footer {
  background: var(--zhy-surface-soft) !important;
}

.btn {
  border-radius: 8px !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}

.btn-primary {
  background: #111827 !important;
  border: 1px solid #111827 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.16) !important;
}

.btn-primary:hover {
  background: var(--zhy-accent) !important;
  border-color: var(--zhy-accent) !important;
  box-shadow: 0 12px 28px rgba(15, 118, 110, 0.18) !important;
}

.btn-secondary {
  background: #ffffff !important;
  border-color: var(--zhy-line-strong) !important;
  color: #344054 !important;
}

.btn-secondary:hover,
.btn-ghost:hover {
  background: #f3f6f8 !important;
  color: #111827 !important;
}

.input,
input,
textarea,
select {
  border-radius: 8px !important;
  border-color: var(--zhy-line-strong) !important;
  background-color: #ffffff !important;
  color: var(--zhy-text) !important;
  box-shadow: none !important;
}

.input:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--zhy-accent) !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12) !important;
}

.input-label,
.modal-title,
.dialog-title {
  color: #344054 !important;
}

.table th {
  background: #f8fafc !important;
  border-color: var(--zhy-line) !important;
  color: #475467 !important;
  font-weight: 600 !important;
}

.table td {
  border-color: #edf1f5 !important;
}

.table tbody tr:hover {
  background: #f9fbfd !important;
}

.badge {
  border-radius: 999px !important;
}

.badge-primary {
  background: var(--zhy-accent-soft) !important;
  color: var(--zhy-accent) !important;
}

.dropdown {
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12) !important;
}

.dropdown-item {
  border-radius: 6px !important;
  color: #475467 !important;
}

.dropdown-item:hover {
  background: #f3f6f8 !important;
  color: #111827 !important;
}

.sidebar {
  background: rgba(255, 255, 255, 0.97) !important;
  border-right: 1px solid var(--zhy-line) !important;
  box-shadow: 10px 0 30px rgba(15, 23, 42, 0.04) !important;
}

.sidebar-header {
  border-color: var(--zhy-line) !important;
}

.sidebar-logo {
  background: #ffffff !important;
  border: 1px solid var(--zhy-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.sidebar-brand-title {
  color: var(--zhy-text) !important;
}

.sidebar-section-title,
.sidebar-section-title-text {
  color: #98a2b3 !important;
}

.sidebar-link {
  border-radius: 8px !important;
  color: #475467 !important;
}

.sidebar-link:hover {
  background: #f3f6f8 !important;
  color: #111827 !important;
}

.sidebar-link-active {
  background: var(--zhy-accent-soft) !important;
  color: var(--zhy-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, 0.13) !important;
}

.sidebar-link-active svg,
.sidebar-link-active .sidebar-svg-icon {
  color: var(--zhy-accent) !important;
}

#app main {
  background: transparent !important;
}

#app [class*="bg-white/"] {
  background-color: rgba(255, 255, 255, 0.94) !important;
}

#app [class*="border-gray-200/"],
#app [class*="border-gray-100"] {
  border-color: var(--zhy-line) !important;
}

#app [class*="shadow-primary"],
#app [class*="shadow-glow"],
#app [class*="shadow-glass"] {
  box-shadow: var(--zhy-shadow-sm) !important;
}

#app > .relative.flex.min-h-screen.flex-col.overflow-hidden header {
  padding-top: 1.25rem !important;
}

#app > .relative.flex.min-h-screen.flex-col.overflow-hidden header nav {
  max-width: 1180px !important;
}

#app > .relative.flex.min-h-screen.flex-col.overflow-hidden main {
  padding-top: 4.25rem !important;
}

#app > .relative.flex.min-h-screen.flex-col.overflow-hidden h1 {
  color: #111827 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

#app > .relative.flex.min-h-screen.flex-col.overflow-hidden p {
  color: #5f6b7a !important;
}

#app > .relative.flex.min-h-screen.flex-col.overflow-hidden footer {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: var(--zhy-line) !important;
}

.terminal-container {
  filter: none !important;
}

.terminal-window {
  width: min(420px, calc(100vw - 3rem)) !important;
  background: #ffffff !important;
  border: 1px solid var(--zhy-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.10) !important;
  transform: none !important;
}

.terminal-window:hover {
  transform: translateY(-2px) !important;
}

.terminal-header {
  background: #f8fafc !important;
  border-bottom: 1px solid var(--zhy-line) !important;
}

.terminal-title,
.code-comment {
  color: #98a2b3 !important;
}

.terminal-body {
  color: #344054 !important;
}

.code-prompt,
.code-success {
  color: var(--zhy-accent) !important;
}

.code-success {
  background: rgba(15, 118, 110, 0.08) !important;
}

.code-cmd {
  color: var(--zhy-blue) !important;
}

.code-flag {
  color: #7c3aed !important;
}

.code-url {
  color: var(--zhy-accent) !important;
}

.code-response {
  color: #b45309 !important;
}

.cursor {
  background: var(--zhy-accent) !important;
}

html.dark body,
html.dark #app {
  background: var(--zhy-bg) !important;
  color: var(--zhy-text) !important;
}

html.dark #app [class*="dark:bg-dark-9"],
html.dark #app [class*="dark:bg-dark-8"],
html.dark #app [class*="dark:bg-dark-7"] {
  background-color: #ffffff !important;
}

html.dark #app [class*="dark:border-dark"],
html.dark #app [class*="dark:border-gray"] {
  border-color: var(--zhy-line) !important;
}

html.dark #app [class*="dark:text-white"] {
  color: var(--zhy-text) !important;
}

html.dark #app [class*="dark:text-dark"],
html.dark #app [class*="dark:text-gray"] {
  color: var(--zhy-muted) !important;
}

@media (max-width: 768px) {
  #app > .relative.flex.min-h-screen.flex-col.overflow-hidden main {
    padding-top: 2.5rem !important;
  }

  .card,
  .glass-card,
  .card-glass {
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
  }
}

/* zhy-decoration-reset-v2 */
#app .pointer-events-none.absolute.inset-0.overflow-hidden {
  display: none !important;
}
#app .min-h-screen.bg-gradient-to-br,
#app .absolute.inset-0.bg-gradient-to-br,
#app > .relative.flex.min-h-screen.flex-col.overflow-hidden {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 56%, #ffffff 100%) !important;
  background-image: linear-gradient(180deg, #ffffff 0%, #f8fafc 56%, #ffffff 100%) !important;
}

/* zhy-disable-dark-mode */
html.dark { color-scheme: light !important; }
#app button:has(svg path[d^="M21.752 15.002"]),
#app button:has(svg path[d^="M12 3v2.25"]) {
  display: none !important;
}

/* zhy-hide-github-link */
#app a[href*="github.com/Wei-Shaw/sub2api"],
#app a[href*="github.com"][rel~="noopener"] {
  display: none !important;
}



/* zhy-client-cleanup-after-update */
html.dark { color-scheme: light !important; }
html.dark body,
html.dark #app {
  background: var(--zhy-bg, #f7f9fc) !important;
  color: var(--zhy-text, #111827) !important;
}
#app a[href*="github.com/Wei-Shaw/sub2api"],
#app a[href*="github.com/weishaw/sub2api"],
#app a[href*="github.com/wei-shaw/sub2api"] {
  display: none !important;
}
#app button:has(svg path[d^="M21.752 15.002"]),
#app button:has(svg path[d^="M12 3v2.25"]) {
  display: none !important;
}