:root {
  --linary-brand-font: "Cinzel", "Cormorant Garamond", "Libre Baskerville", Georgia, "Times New Roman", "Noto Serif SC", serif;
}

:root {
  --semi-color-primary: #18c16a !important;
  --semi-color-primary-hover: #13a85c !important;
  --semi-color-primary-active: #0f8f4f !important;
  --semi-color-primary-light-default: rgba(24, 193, 106, 0.1) !important;
  --semi-color-primary-light-hover: rgba(24, 193, 106, 0.16) !important;
  --semi-color-primary-light-active: rgba(24, 193, 106, 0.22) !important;
  --linary-ink: #080b0d;
  --linary-charcoal: #1a1c1f;
  --linary-muted: #4a4f55;
  --linary-line: #d6dbdf;
  --linary-paper: #f7f7f4;
  --linary-green: #18c16a;
}

html,
body {
  background: var(--linary-paper);
}

a[href="https://docs.newapi.pro"],
a[href="/about"] {
  display: none !important;
}

a,
.semi-typography a,
.hover\:text-semi-color-primary:hover {
  color: var(--linary-green) !important;
}

.semi-button-primary,
.semi-button-primary:not(.semi-button-disabled):not(.semi-button-loading) {
  background: var(--linary-green) !important;
  border-color: var(--linary-green) !important;
}

.semi-button-primary:hover,
.semi-button-primary:not(.semi-button-disabled):not(.semi-button-loading):hover {
  background: #13a85c !important;
  border-color: #13a85c !important;
}

.semi-tag-green,
.semi-tag-light-green {
  color: #0f8f4f !important;
}

.classic-page-fill {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 247, 244, 0.98)),
    var(--linary-paper) !important;
}

.classic-page-fill::before {
  content: "";
  position: absolute;
  left: max(-120px, -8vw);
  bottom: max(-180px, -16vw);
  width: min(680px, 62vw);
  aspect-ratio: 1;
  background: url("/linary/linary-logo.png") center / contain no-repeat;
  opacity: 0.045;
  pointer-events: none;
}

.classic-page-fill::after {
  content: "";
  position: absolute;
  right: min(7vw, 96px);
  top: min(12vh, 112px);
  width: min(520px, 48vw);
  aspect-ratio: 2.15;
  background: url("/linary/linary-lockup.png") center / contain no-repeat;
  opacity: 0.055;
  pointer-events: none;
}

.classic-page-fill .blur-ball {
  display: none !important;
}

.classic-page-fill > .w-full {
  position: relative;
  z-index: 1;
}

.classic-page-fill img[alt="Logo"] {
  height: 48px !important;
  width: 48px !important;
  padding: 4px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(8, 11, 13, 0.08);
  border-radius: 8px !important;
  box-shadow: 0 16px 36px rgba(8, 11, 13, 0.12);
}

.classic-page-fill .semi-typography {
  color: var(--linary-ink) !important;
}

.classic-page-fill .semi-typography h3,
.classic-page-fill h3,
.classic-page-fill .semi-typography-title {
  font-family: "Times New Roman", "Noto Serif SC", "Songti SC", serif;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.classic-page-fill .semi-card {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(8, 11, 13, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 70px rgba(8, 11, 13, 0.12) !important;
  backdrop-filter: blur(14px);
}

.classic-page-fill .semi-input-wrapper,
.classic-page-fill .semi-button,
.classic-page-fill .semi-select {
  border-radius: 8px !important;
}

.classic-page-fill .semi-input-wrapper-focus,
.classic-page-fill .semi-input-wrapper:hover {
  border-color: rgba(24, 193, 106, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(24, 193, 106, 0.12) !important;
}

.classic-page-fill .semi-button[class*="bg-black"],
.classic-page-fill .semi-button-primary {
  color: #fff !important;
  background: var(--linary-ink) !important;
  border-color: var(--linary-ink) !important;
}

.classic-page-fill .semi-button[class*="bg-black"]:hover,
.classic-page-fill .semi-button-primary:hover {
  background: var(--linary-green) !important;
  border-color: var(--linary-green) !important;
}

.classic-page-fill .text-blue-600,
.classic-page-fill .text-blue-600:hover {
  color: var(--linary-green) !important;
}

.group img[alt="logo"] {
  object-fit: contain;
  padding: 2px;
  background: #fff;
  border: 1px solid rgba(8, 11, 13, 0.08);
}

a.group.flex.items-center.gap-2 .semi-typography,
a.group.flex.items-center.gap-2 .semi-typography-title,
a.group.flex.items-center.gap-2 h4 {
  font-family: var(--linary-brand-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--linary-ink) !important;
}

a.group.flex.items-center.gap-2 h4 {
  display: block !important;
  flex: 0 0 124px !important;
  width: 124px !important;
  height: 28px !important;
  margin: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-indent: -9999px !important;
  background: url("/linary/linary-wordmark.png?v=20260622g") left center / contain no-repeat !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

a.group.flex.items-center.gap-2 h4 * {
  display: none !important;
}

a.group.flex.items-center.gap-2 {
  gap: 10px !important;
}

.group.flex.items-center.gap-2 .semi-tag {
  display: none !important;
}

footer div.text-sm:has(a[href*="QuantumNous/new-api"]) {
  display: none !important;
}

.sidebar-nav-item-selected,
.semi-navigation-item-selected {
  background-color: rgba(24, 193, 106, 0.12) !important;
  color: var(--linary-green) !important;
}

.semi-tabs-tab-active,
.semi-tabs-tab-active .semi-tabs-tab-button {
  color: var(--linary-green) !important;
}

/* Linary pricing marketplace polish */
.pricing-layout,
.pricing-content,
.pricing-content-mobile,
.pricing-search-header,
.pricing-view-container,
.pricing-view-container-mobile,
.pricing-sidebar {
  background: #f7f7f4 !important;
}

.pricing-layout {
  color: var(--linary-ink);
}

.pricing-sidebar {
  border-right: 1px solid rgba(8, 11, 13, 0.08);
  box-shadow: 16px 0 40px rgba(8, 11, 13, 0.035);
}

.pricing-sidebar > .p-2 {
  padding: 18px 16px !important;
}

.pricing-sidebar .text-lg.font-semibold {
  font-family: var(--linary-brand-font) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--linary-ink) !important;
}

.pricing-sidebar .semi-divider {
  margin: 16px 0 10px !important;
}

.pricing-sidebar .semi-divider .semi-divider_inner-text {
  color: var(--linary-ink) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.pricing-sidebar .sbg-button.semi-button {
  height: 34px !important;
  border-radius: 8px !important;
  border-color: rgba(8, 11, 13, 0.1) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: var(--linary-muted) !important;
  box-shadow: none !important;
}

.pricing-sidebar .sbg-button.semi-button:hover {
  border-color: rgba(24, 193, 106, 0.38) !important;
  color: var(--linary-ink) !important;
  background: #fff !important;
}

.pricing-sidebar .sbg-button.semi-button-primary,
.pricing-sidebar .sbg-button.semi-button-primary.semi-button-light {
  background: var(--linary-ink) !important;
  border-color: var(--linary-ink) !important;
  color: #fff !important;
}

.pricing-sidebar .sbg-button.semi-button-primary .sbg-badge-active {
  background: rgba(24, 193, 106, 0.92) !important;
  color: #fff !important;
}

.sbg-variant-violet,
.sbg-variant-teal,
.sbg-variant-amber,
.sbg-variant-rose,
.sbg-variant-green {
  --semi-color-primary: #18c16a !important;
  --semi-color-primary-light-default: rgba(24, 193, 106, 0.1) !important;
  --semi-color-primary-light-hover: rgba(24, 193, 106, 0.16) !important;
  --semi-color-primary-light-active: rgba(24, 193, 106, 0.22) !important;
}

.pricing-search-header {
  border-bottom: 1px solid rgba(8, 11, 13, 0.08);
  padding: 12px 14px !important;
}

.pricing-search-header > div > .semi-card:first-child {
  overflow: hidden;
  border: 1px solid rgba(8, 11, 13, 0.09) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(8, 11, 13, 0.08) !important;
}

.pricing-search-header .semi-card-cover > div {
  background:
    linear-gradient(90deg, rgba(8, 11, 13, 0.96), rgba(26, 28, 31, 0.92)),
    url("/linary/linary-lockup.png") right 28px center / 330px auto no-repeat !important;
  min-height: 94px;
}

.pricing-search-header .semi-card-cover h2 {
  font-family: var(--linary-brand-font) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

.pricing-search-header .semi-card-cover .semi-tag {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  backdrop-filter: blur(10px);
}

.pricing-search-header .semi-card-cover p,
.pricing-search-header .semi-card-cover .semi-typography {
  color: rgba(255, 255, 255, 0.72) !important;
}

.pricing-search-header .semi-card-cover .w-16.h-16 {
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: none !important;
}

.pricing-search-header .semi-input-wrapper {
  background: rgba(8, 11, 13, 0.045) !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
}

.pricing-search-header .semi-input-wrapper-focus {
  border-color: rgba(24, 193, 106, 0.38) !important;
  background: #fff !important;
}

.pricing-search-header .semi-button[class*="bg-blue"] {
  background: var(--linary-ink) !important;
  border-color: var(--linary-ink) !important;
  color: #fff !important;
}

.pricing-search-header .semi-switch-checked {
  background: var(--linary-green) !important;
}

.pricing-view-container {
  padding: 18px 14px 28px !important;
}

.pricing-view-container .semi-card {
  border: 1px solid rgba(8, 11, 13, 0.09) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 28px rgba(8, 11, 13, 0.055) !important;
}

.pricing-view-container .semi-card:hover {
  border-color: rgba(24, 193, 106, 0.38) !important;
  box-shadow: 0 18px 42px rgba(8, 11, 13, 0.1) !important;
  transform: translateY(-1px);
}

.pricing-view-container .semi-card h3 {
  font-size: 17px !important;
  font-weight: 680 !important;
  color: var(--linary-ink) !important;
}

.pricing-view-container .w-12.h-12.rounded-2xl {
  border-radius: 8px !important;
  background: #fff !important;
  border: 1px solid rgba(8, 11, 13, 0.08);
  box-shadow: 0 8px 22px rgba(8, 11, 13, 0.08) !important;
}

.pricing-view-container .semi-tag {
  border-radius: 999px !important;
  background: rgba(8, 11, 13, 0.045) !important;
  border: 1px solid rgba(8, 11, 13, 0.06) !important;
  color: var(--linary-muted) !important;
}

.pricing-view-container .semi-tag:nth-child(1),
.pricing-view-container .semi-tag.semi-tag-violet,
.pricing-view-container .semi-tag.semi-tag-teal {
  background: rgba(24, 193, 106, 0.11) !important;
  border-color: rgba(24, 193, 106, 0.18) !important;
  color: #0f8f4f !important;
}

.pricing-view-container .text-blue-500,
.pricing-view-container .text-blue-600 {
  color: var(--linary-green) !important;
}

.pricing-pagination-divider {
  border-color: rgba(8, 11, 13, 0.08) !important;
}

/* Linary wallet cleanup: hide subscription/invite surfaces for now */
.w-full.max-w-7xl.mx-auto.relative.min-h-screen.lg\:min-h-0.mt-\[60px\].px-2
  > .grid.grid-cols-1.lg\:grid-cols-2.gap-6 {
  grid-template-columns: minmax(0, 760px) !important;
  justify-content: center !important;
}

.w-full.max-w-7xl.mx-auto.relative.min-h-screen.lg\:min-h-0.mt-\[60px\].px-2
  > .grid.grid-cols-1.lg\:grid-cols-2.gap-6
  > :nth-child(2) {
  display: none !important;
}

/* Linary token table fixes: keep key tools visible and remove chat launchers */
.semi-split-button-group[aria-label="项目操作按钮组"],
[data-linary-hidden-chat="true"] {
  display: none !important;
  visibility: hidden !important;
}

.semi-table-row-cell:has(button[aria-label="copy token key"]),
.semi-table-cell:has(button[aria-label="copy token key"]),
.semi-table-row-cell:has([data-linary-token-key-wrapper]),
.semi-table-cell:has([data-linary-token-key-wrapper]),
[data-linary-token-key-cell="true"] {
  min-width: 268px !important;
  overflow: visible !important;
}

div.w-\[200px\]:has(button[aria-label="copy token key"]),
[data-linary-token-key-field="true"] {
  width: 248px !important;
  min-width: 248px !important;
  max-width: 248px !important;
  overflow: visible !important;
}

.semi-input-wrapper:has(button[aria-label="copy token key"]),
[data-linary-token-key-wrapper="true"] {
  width: 248px !important;
  min-width: 248px !important;
  max-width: 248px !important;
  overflow: visible !important;
}

.semi-input-wrapper:has(button[aria-label="copy token key"]) .semi-input,
[data-linary-token-key-input="true"] {
  min-width: 0 !important;
  padding-right: 4px !important;
  text-overflow: ellipsis !important;
}

.semi-input-wrapper:has(button[aria-label="copy token key"]) .semi-input-suffix,
[data-linary-token-key-suffix="true"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2px !important;
  flex: 0 0 62px !important;
  width: 62px !important;
  min-width: 62px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

button[aria-label="copy token key"],
button[aria-label="toggle token visibility"],
[data-linary-token-copy="true"],
[data-linary-token-visibility="true"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

button[aria-label="copy token key"] .semi-button-content,
button[aria-label="toggle token visibility"] .semi-button-content,
[data-linary-token-copy="true"] .semi-button-content,
[data-linary-token-visibility="true"] .semi-button-content {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

button[aria-label="copy token key"] svg,
button[aria-label="toggle token visibility"] svg,
[data-linary-token-copy="true"] svg,
[data-linary-token-visibility="true"] svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important;
}

[data-linary-fixed-copy-button="true"] {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #4a4f55 !important;
  background: rgba(8, 11, 13, 0.055) !important;
  cursor: pointer !important;
}

[data-linary-fixed-copy-button="true"]:hover {
  color: var(--linary-ink) !important;
  background: rgba(24, 193, 106, 0.14) !important;
}

[data-linary-fixed-copy-button="true"] svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}

.linary-copy-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  padding: 9px 12px;
  border-radius: 8px;
  color: #fff;
  background: rgba(8, 11, 13, 0.92);
  box-shadow: 0 14px 34px rgba(8, 11, 13, 0.18);
  font-size: 13px;
  line-height: 1.4;
  pointer-events: none;
}

@media (max-width: 1200px) {
  .semi-table-row-cell:has(button[aria-label="copy token key"]),
  .semi-table-cell:has(button[aria-label="copy token key"]),
  .semi-table-row-cell:has([data-linary-token-key-wrapper]),
  .semi-table-cell:has([data-linary-token-key-wrapper]),
  [data-linary-token-key-cell="true"] {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    overflow: visible !important;
  }

  div.w-\[200px\]:has(button[aria-label="copy token key"]),
  [data-linary-token-key-field="true"],
  .semi-input-wrapper:has(button[aria-label="copy token key"]),
  [data-linary-token-key-wrapper="true"] {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }

  .semi-input-wrapper:has(button[aria-label="copy token key"]) .semi-input-suffix,
  [data-linary-token-key-suffix="true"] {
    flex: 0 0 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    background: rgba(247, 247, 244, 0.94) !important;
    border-radius: 8px !important;
  }

  button[aria-label="copy token key"],
  button[aria-label="toggle token visibility"],
  [data-linary-token-copy="true"],
  [data-linary-token-visibility="true"] {
    flex-basis: 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
  }

  [data-linary-token-operation-cell="true"] {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
  }

  [data-linary-token-operation-cell="true"] .semi-space {
    column-gap: 4px !important;
    row-gap: 4px !important;
    flex-wrap: nowrap !important;
  }

  [data-linary-token-operation-cell="true"] .semi-button {
    min-width: 38px !important;
    height: 28px !important;
    padding: 0 6px !important;
    font-size: 13px !important;
  }

  [data-linary-fixed-copy-button="true"] {
    display: inline-flex !important;
    flex: 0 0 28px !important;
  }
}

@media (max-width: 768px) {
  .pricing-search-header .semi-card-cover > div {
    background: linear-gradient(90deg, rgba(8, 11, 13, 0.96), rgba(26, 28, 31, 0.92)) !important;
  }

  .pricing-view-container,
  .pricing-view-container-mobile {
    padding: 12px !important;
  }
}

@media (max-width: 768px) {
  .classic-page-fill::after {
    display: none;
  }

  .classic-page-fill::before {
    width: 92vw;
    left: -40vw;
    bottom: -32vw;
  }
}
