.mp-card {
  --mp-accent:var(--mp-accent-light,#a96824);
  --mp-surface:#fff;
  --mp-text:#374151;
  --mp-muted:#9ca3af;
  --mp-edge:#e5e7eb;
  background:var(--mp-surface)!important;
  border:1px solid var(--mp-edge)!important;
  border-radius:16px!important;
  padding:20px!important;
  color:var(--mp-text)!important;
  box-shadow:0 1px 3px #0000000d!important;
  min-width:0;
  position:relative;
  transition:transform .2s,border-color .2s,box-shadow .2s!important;
}
.dark .mp-card {
  --mp-accent:var(--mp-accent-dark,#e6b575);
  --mp-surface:rgba(12,15,23,.95);
  --mp-text:#f3f4f6;
  --mp-muted:rgba(255,255,255,.4);
  --mp-edge:rgba(255,255,255,.1);
  box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important;
}
.mp-card:hover {
  border-color:#d1d5db!important;
  box-shadow:0 10px 20px #00000012!important;
  transform:translateY(-2px);
}
.dark .mp-card:hover {border-color:rgba(255,255,255,.2)!important;box-shadow:0 25px 50px -12px #00000040!important}
.mp-card:focus-visible {outline:2px solid #9b8bef!important;outline-offset:3px!important}
.mp-card .mp-card-layout {display:grid!important;grid-template-columns:minmax(0,1fr)!important;column-gap:20px!important;row-gap:16px!important}
.mp-card .mp-card-identity,.mp-card .mp-card-pricing {display:flex;flex-direction:column;gap:16px!important;min-width:0}
.mp-poke-heading {min-width:0}
.mp-poke-icon-rate {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.mp-card .mp-card-icon {width:36px;height:36px;border-radius:8px;background:#f3f4f6!important;box-shadow:0 0 0 1px #e5e7eb99!important;border:0;color:var(--mp-accent)}
.dark .mp-card .mp-card-icon {background:rgba(255,255,255,.1)!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}
.mp-card .mp-card-icon svg {width:20px;height:20px}
.mp-poke-rate {flex-shrink:0;background:#fef3c7;color:#b45309;font:600 11px/16.5px ui-monospace,monospace;padding:2px 8px;border-radius:6px;font-variant-numeric:tabular-nums}
.dark .mp-poke-rate {background:rgba(120,53,15,.4);color:#fcd34d}
.mp-card .mp-card-title-row {align-items:flex-start;gap:6px}
.mp-card .mp-card-title {font:600 16px/22px system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;color:#111827!important;overflow-wrap:anywhere}
.dark .mp-card .mp-card-title {color:#fff!important}
.mp-card .mp-card-title-row>button {opacity:.5;margin-top:1px}
.mp-card:hover .mp-card-title-row>button,.mp-card .mp-card-title-row>button:focus-visible {opacity:1}
.mp-card .mp-card-groups {margin-top:0!important;padding:0;border:0}
.mp-card .mp-card-groups>div:first-child {font-size:10px;font-weight:500;letter-spacing:.25px;color:var(--mp-muted)!important;margin-bottom:6px}
.mp-card .mp-card-group-list {gap:6px!important}
.mp-card .mp-card-group-list>button {background:#ecfdf5!important;border:1px solid #a7f3d0!important;color:#047857!important;border-radius:6px;font-size:11px;line-height:16.5px;padding:4px 8px;max-width:100%;gap:6px}
.dark .mp-card .mp-card-group-list>button {background:rgba(52,211,153,.1)!important;border-color:rgba(52,211,153,.25)!important;color:#a7f3d0!important}
.mp-card .mp-card-group-list>button[class*="purple"] {background:#faf5ff!important;border-color:#e9d5ff!important;color:#7e22ce!important}
.dark .mp-card .mp-card-group-list>button[class*="purple"] {background:rgba(192,132,252,.1)!important;border-color:rgba(192,132,252,.25)!important;color:#e9d5ff!important}
.mp-card .mp-card-group-list>button>span:last-child:not(:first-child) {background:transparent!important;color:inherit!important;padding:0!important;font-size:11px;font-weight:600}
.mp-card .mp-card-tags {display:flex;flex-wrap:wrap;gap:6px!important;align-items:flex-start}
.mp-card .mp-card-tags>.sq-tag {display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;border-radius:6px;font-size:10px;line-height:15px;letter-spacing:.25px;font-weight:500}
.dark .mp-card .mp-card-tags>.sq-tag {border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.6)}
.mp-card .mp-card-capabilities {display:contents!important}
.mp-card .mp-card-capabilities>.sq-tag {display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px;border-radius:6px;font-size:11px;line-height:16.5px}
.mp-card .mp-card-details {display:inline-flex!important;width:fit-content!important;min-height:32px;align-items:center;gap:6px;padding:4px 10px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px;color:var(--mp-accent)!important}
.dark .mp-card .mp-card-details {background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important}
.mp-card .mp-card-details>span {color:var(--mp-accent)!important;font-size:12px;line-height:16px}
.mp-card .mp-card-details>svg:last-child {display:none}
.mp-card .mp-card-details:hover {border-color:var(--mp-accent)!important}
.mp-card .mp-card-pricing>div:not(.mp-card-tags) {padding:14px!important;border:0!important;border-radius:12px!important;background:rgba(249,250,251,.8)!important;box-shadow:0 0 0 1px rgba(229,231,235,.7)}
.dark .mp-card .mp-card-pricing>div:not(.mp-card-tags) {background:rgba(255,255,255,.05)!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.mp-card .mp-prices-locked {text-align:center;min-height:150px;justify-content:center}
.mp-card .mp-prices-locked p {font-size:12px;line-height:1.7;color:var(--mp-muted)!important}
.mp-card .mp-prices-locked a {border-radius:6px;font-size:11px;padding:5px 10px;line-height:1.6}
.mp-card .mp-card-identity>[role="region"] {border-radius:12px;background:rgba(249,250,251,.8);padding:12px 14px;box-shadow:0 0 0 1px rgba(229,231,235,.8)}
.dark .mp-card .mp-card-identity>[role="region"] {background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
@media(min-width:1024px) {.mp-card .mp-card-layout {grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important}}
@media(min-width:1280px) {.sq-grid:has(>.mp-card) {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}}
.mp-drawer-backdrop {position:fixed!important;inset:0!important;width:100vw;min-height:100dvh;background:rgba(2,6,23,.45)!important;backdrop-filter:blur(3px);display:flex!important;justify-content:flex-end;z-index:90!important}
.mp-details-panel {--mp-accent:var(--mp-accent-light,#a96824);position:relative!important;inset:auto!important;width:min(620px,100vw)!important;max-width:620px!important;height:100dvh!important;max-height:100dvh;border-radius:0!important;border-width:0 0 0 1px!important;border-left-color:#e5e7eb!important;background:#f8fafc!important;box-shadow:-18px 0 55px #0c163019!important;overscroll-behavior:contain}
.dark .mp-details-panel {--mp-accent:var(--mp-accent-dark,#e6b575);background:#0f1420!important;border-left-color:rgba(255,255,255,.1)!important;box-shadow:-18px 0 65px #00000035!important}
.mp-details-panel>header {padding:20px!important;background:#fff!important;border-bottom-color:#e5e7eb!important}
.dark .mp-details-panel>header {background:rgba(12,15,23,.95)!important;border-bottom-color:rgba(255,255,255,.1)!important}
.mp-details-panel>header>div:first-child {background:#f3f4f6!important;border-radius:8px}
.dark .mp-details-panel>header>div:first-child {background:rgba(255,255,255,.1)!important}
.mp-details-panel>header h2 {font-size:18px;line-height:1.6;letter-spacing:-.2px}
.mp-details-panel>header>button:last-child {border-radius:8px}
.mp-details-panel>div {overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#9ca3af55 transparent}
.mp-details-panel section {scroll-margin-top:24px}
.mp-details-panel [data-testid="model-details-close"]:hover {background:rgba(156,163,175,.1)}
@media(max-width:640px) {.mp-details-panel {width:100vw!important;max-width:100vw!important;border-left-width:0!important}.mp-details-panel>header {padding:18px!important;gap:12px!important}.mp-details-panel>header h2 {font-size:16px}.mp-drawer-backdrop {backdrop-filter:none}}
.mp-card .mp-card-capabilities>.sq-tag[aria-label^="上下文"],.mp-card .mp-card-capabilities>.sq-tag[title*="context"],.mp-card .mp-card-capabilities>.sq-tag:not([data-capability]) {background:#f0fdfa!important;border-color:#99f6e4!important;color:#0f766e!important}
.dark .mp-card .mp-card-capabilities>.sq-tag:not([data-capability]) {background:rgba(45,212,191,.1)!important;border-color:rgba(45,212,191,.25)!important;color:#99f6e4!important}
.mp-card [data-capability="reasoning"][data-supported="true"] {background:#faf5ff!important;border-color:#ddd6fe!important;color:#7c3aed!important}
.dark .mp-card [data-capability="reasoning"][data-supported="true"] {background:rgba(139,92,246,.14)!important;border-color:rgba(167,139,250,.3)!important;color:#c4b5fd!important}
.mp-card [data-capability="vision"][data-supported="true"] {background:#f0f9ff!important;border-color:#bae6fd!important;color:#0369a1!important}
.dark .mp-card [data-capability="vision"][data-supported="true"] {background:rgba(14,165,233,.12)!important;border-color:rgba(56,189,248,.3)!important;color:#7dd3fc!important}
.mp-card [data-capability="tools"][data-supported="true"] {background:#fdf2f8!important;border-color:#fbcfe8!important;color:#be185d!important}
.dark .mp-card [data-capability="tools"][data-supported="true"] {background:rgba(236,72,153,.12)!important;border-color:rgba(244,114,182,.3)!important;color:#f9a8d4!important}
.mp-card [data-capability][data-supported="false"] {background:#f3f4f6!important;border-color:#e5e7eb!important;color:#9ca3af!important}
.dark .mp-card [data-capability][data-supported="false"] {background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.1)!important;color:#7c8492!important}
.mp-card[data-billing-mode="token"] .mp-card-tags>.sq-tag {background:#f1f5f9!important;border-color:#cbd5e1!important;color:#475569!important}
.dark .mp-card[data-billing-mode="token"] .mp-card-tags>.sq-tag {background:rgba(148,163,184,.1)!important;border-color:rgba(148,163,184,.22)!important;color:#cbd5e1!important}
.mp-card[data-billing-mode="image"] .mp-card-tags>.sq-tag {background:#fdf2f8!important;border-color:#fbcfe8!important;color:#be185d!important}
.dark .mp-card[data-billing-mode="image"] .mp-card-tags>.sq-tag {background:rgba(236,72,153,.12)!important;border-color:rgba(244,114,182,.25)!important;color:#f9a8d4!important}
.mp-card[data-billing-mode="video"] .mp-card-tags>.sq-tag {background:#eef2ff!important;border-color:#c7d2fe!important;color:#4338ca!important}
.dark .mp-card[data-billing-mode="video"] .mp-card-tags>.sq-tag {background:rgba(99,102,241,.12)!important;border-color:rgba(129,140,248,.25)!important;color:#a5b4fc!important}
.mp-card[data-billing-mode="per_request"] .mp-card-tags>.sq-tag {background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}
.dark .mp-card[data-billing-mode="per_request"] .mp-card-tags>.sq-tag {background:rgba(249,115,22,.12)!important;border-color:rgba(251,146,60,.25)!important;color:#fdba74!important}
.mp-card .mp-card-details {background:rgb(var(--mp-rgb)/.07)!important;border-color:rgb(var(--mp-rgb)/.23)!important}
.dark .mp-card .mp-card-details {background:rgb(var(--mp-rgb)/.11)!important;border-color:rgb(var(--mp-rgb)/.28)!important}
@media(prefers-reduced-motion:reduce) {.mp-card,.mp-card *,.mp-details-panel,.mp-drawer-backdrop {transition:none!important;animation:none!important}.mp-card:hover {transform:none!important}}