/* CSS 变量 via variables-e964cdb9.css */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-white);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}
input{font:inherit;color:inherit;outline:none}
h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--font-bold)}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}
.section{padding:var(--space-20) 0}
.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-base);transition:all 0.2s;white-space:nowrap;text-decoration:none}
.btn-api{background:var(--api-primary);color:#fff}
.btn-api:hover{background:var(--api-hover)}
.btn-outline{border:1.5px solid var(--border-medium);color:var(--text-primary);background:transparent}
.btn-outline:hover{border-color:var(--api-primary);color:var(--api-primary)}
.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}

/* ========== API导航栏 ========== */
.navbar{position:sticky;top:0;left:0;right:0;height:56px;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);z-index:1000;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.08)}
.navbar__inner{display:flex;align-items:center;height:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6);gap:var(--space-4)}
.navbar__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);flex-shrink:0}
.navbar__logo-img{height:28px;width:auto;display:block}
.navbar__menu{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}
.navbar__item{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all 0.15s;white-space:nowrap}
.navbar__item:hover{background:var(--bg-gray-100);color:var(--text-primary)}
.navbar__item--active{color:var(--text-primary)}
.navbar__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}

/* 搜索 */
.api-search{position:relative;width:280px;flex-shrink:0}
.api-search input{width:100%;height:36px;padding:0 var(--space-4);padding-left:36px;border:none;border-radius:var(--radius-md);background:var(--bg-gray-100);font-size:var(--text-sm);transition:all 0.15s;color:var(--text-primary)}
.api-search input::placeholder{color:var(--text-tertiary)}
.api-search input:focus{background:var(--bg-gray-50);outline:1px solid var(--border-medium)}
.api-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--text-sm);opacity:0.5;pointer-events:none}
.api-search__kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;padding:1px 5px;background:var(--border-light);border-radius:4px;color:var(--text-tertiary);line-height:1.4}

.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);display:none;z-index:100;max-height:420px;overflow-y:auto}
.search-dropdown.show{display:block}
.search-dropdown__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background 0.15s}
.search-dropdown__item:hover{background:var(--bg-gray-50)}
.search-dropdown__item-left{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.search-dropdown__logo{width:24px;height:24px;object-fit:contain}
.search-dropdown__item-body{flex:1;min-width:0}
.search-dropdown__item-title{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-dropdown__item-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}
.search-dropdown__item-tags{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap}
.search-dropdown__tag{font-size:10px;padding:0 5px;line-height:18px;border-radius:4px;background:var(--bg-gray-100);color:var(--text-secondary)}
.search-dropdown__item-right{flex-shrink:0;text-align:right}
.search-dropdown__price{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}
.search-dropdown__price-label{font-size:10px;color:var(--text-tertiary)}
.search-dropdown__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}
.search-dropdown__more{padding:var(--space-2) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-xs);border-top:1px solid var(--border-light)}

/* ========== Hero ========== */
.api-hero{min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;background:#fff;position:relative;overflow:hidden}
.api-hero::before{content:'';position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,0.1) 0%,transparent 70%);border-radius:50%}
.api-hero__inner{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:var(--space-20) var(--space-6)}
.hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}

/* ========== 统计数据 ========== */
.api-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);padding:var(--space-16) 0;max-width:800px;margin:0 auto}
.api-stat{text-align:center}
.api-stat__value{font-size:var(--text-4xl);font-weight:var(--font-black)}
.api-stat__value--highlight{color:var(--api-primary)}
.api-stat__label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}

/* ========== 精选模型 ========== */
.api-models{padding:var(--space-16) 0;background:var(--bg-gray-50)}
.api-models__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}
.api-models__title{font-size:var(--text-3xl);font-weight:var(--font-bold)}
.api-models__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}
.api-models__view-all{font-size:var(--text-sm);color:var(--api-primary);font-weight:var(--font-medium);cursor:pointer}
.api-models__view-all:hover{text-decoration:underline}
.api-models__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}

/* ========== 模型卡片（OpenRouter 风格） ========== */
.mc{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .2s;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3)}
.mc:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);border-color:#d0d5dd;transform:translateY(-1px)}
.mc-top{display:flex;align-items:flex-start;gap:var(--space-3)}
.mc-logo{width:32px;height:32px;border-radius:6px;object-fit:contain;flex-shrink:0}
.mc-info{min-width:0;flex:1}
.mc-name-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
.mc-provider{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}
.mc-name-sep{font-size:var(--text-sm);color:var(--text-tertiary);margin-right:2px}
.mc-name{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}
.mc-copy{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;padding:0;transition:all .15s;margin-left:auto;opacity:0}
.mc:hover .mc-copy{opacity:1}
.mc-copy:hover{background:var(--bg-gray-100);color:var(--api-primary)}
.mc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.mc-tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-medium);border:1px solid color-mix(in srgb,var(--tag-color,#D1D5DB) 40%,transparent);color:var(--tag-color,#6B7280);background:color-mix(in srgb,var(--tag-color,#D1D5DB) 6%,transparent);line-height:1.5}
.mc-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}
.mc-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-top:var(--space-3);border-top:1px solid var(--border-light);font-size:12px;color:var(--text-tertiary)}
.mc-footer__provider{color:var(--text-secondary)}
.mc-footer__sep{color:var(--border-light);margin:0 2px}
.mc-footer__ctx{font-weight:var(--font-medium);color:var(--text-secondary)}
.mc-footer__price{color:var(--text-tertiary)}

/* ========== 登录弹窗 ========== */
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:3000;align-items:center;justify-content:center}
.modal-overlay.show{display:flex}
.modal{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);width:400px;max-width:90vw;box-shadow:var(--shadow-xl);position:relative}
.modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all 0.15s}
.modal__close:hover{background:var(--bg-gray-100);color:var(--text-primary)}
.modal__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}
.modal__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}
.modal__field{margin-bottom:var(--space-4)}
.modal__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}
.modal__input{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all 0.15s}
.modal__input:focus{border-color:var(--api-primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}
.modal__input::placeholder{color:var(--text-tertiary)}
.modal__submit{width:100%;height:40px;margin-top:var(--space-2)}
.modal__divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--text-tertiary);font-size:var(--text-sm)}
.modal__divider::before,.modal__divider::after{content:'';flex:1;height:1px;background:var(--border-light)}
.modal__social{display:flex;gap:var(--space-3)}
.modal__social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all 0.15s}
.modal__social-btn:hover{background:var(--bg-gray-50);border-color:var(--text-tertiary)}
.modal__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}
.modal__footer a{color:var(--api-primary);cursor:pointer}
.modal__footer a:hover{text-decoration:underline}
.login-tab--active{border-bottom-color:var(--api-primary)!important;color:var(--api-primary)!important}
.login-panel{display:none}
.login-panel--active{display:block}

/* ========== 次级导航 ========== */
.docs-nav{background:#fff;border-bottom:1px solid var(--border-light)}
.docs-nav__inner{display:flex;gap:0;max-width:1280px;margin:0 auto;overflow-x:auto}
.docs-nav__item{flex-shrink:0;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap}
.docs-nav__item:hover{color:var(--text-primary);background:var(--bg-gray-50)}
.docs-nav__item--active{color:var(--api-primary);border-bottom-color:var(--api-primary);font-weight:var(--font-medium)}

/* ========== 模型页面布局 ========== */
.models-layout{display:grid;grid-template-columns:240px 1fr;max-width:1280px;margin:0 auto;min-height:calc(100vh - 98px)}
.models-sidebar{position:sticky;top:98px;height:calc(100vh - 98px);overflow-y:auto;padding:var(--space-6);border-right:1px solid var(--border-light)}
.models-sidebar__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3)}
.models-sidebar__group{margin-bottom:var(--space-2)}
.models-sidebar__group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;border-radius:var(--radius-md);transition:all 0.15s;user-select:none}
.models-sidebar__group-header:hover{color:var(--text-primary)}
.models-sidebar__arrow{font-size:8px;transition:transform 0.2s}
.models-sidebar__group-body{}
.models-sidebar__group-body.collapsed{display:none}
.models-sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all 0.15s}
.models-sidebar__item:hover{background:var(--bg-gray-50);color:var(--text-primary)}
.models-sidebar__item--active{background:#EEF2FF;color:var(--api-primary);font-weight:var(--font-medium)}
.models-sidebar__logo{width:18px;height:18px;flex-shrink:0;object-fit:contain}
.models-sidebar__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.models-sidebar__count{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary)}
.models-content{padding:var(--space-8) var(--space-8)}
.models-content__header{margin-bottom:var(--space-4)}
.models-content__title{font-size:var(--text-2xl);font-weight:var(--font-bold)}
.models-content__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}

.models-sort{height:36px;padding:0 var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;outline:none;transition:all 0.15s;margin-bottom:var(--space-6)}
.models-sort:hover{border-color:var(--border-medium)}
.models-sort:focus{border-color:var(--api-primary)}

/* ========== 标签筛选 ========== */
.models-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) 0}
.models-tags__group{display:flex;align-items:center;gap:var(--space-2)}
.models-tags__label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-semibold);margin-right:var(--space-1);white-space:nowrap}
.models-tags__item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1.5px solid var(--tag-color,#D1D5DB);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all 0.15s;user-select:none;white-space:nowrap;background:transparent}
.models-tags__item:hover{background:color-mix(in srgb,var(--tag-color,#D1D5DB) 8%,transparent)}
.models-tags__item--active{background:var(--tag-color,#6366F1);color:#fff;border-color:var(--tag-color,#6366F1)}
.models-tags__item--active:hover{background:var(--tag-color,#6366F1);opacity:0.9}
.models-tags__count{margin-left:2px;font-size:10px;opacity:0.7}
.models-tags__clear{font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:all 0.15s;white-space:nowrap;margin-left:var(--space-2)}
.models-tags__clear:hover{color:var(--error);background:#FEF2F2}

.models-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}

/* ========== 模型详情页 ========== */
.detail-container{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6)}
.detail-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;margin-bottom:var(--space-8);transition:color 0.15s}
.detail-back:hover{color:var(--api-primary)}
.detail-hero{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}
.detail-hero__logo-inner{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}
.detail-logo-img{width:64px;height:64px}
.detail-hero__title{font-size:var(--text-3xl);font-weight:var(--font-black);margin-bottom:var(--space-1)}
.detail-hero__provider{font-size:var(--text-base);color:var(--text-secondary)}
.detail-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-10)}
.detail-card{background:var(--bg-gray-50);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}
.detail-card__label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-1)}
.detail-card__value{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}
.detail-card__desc{font-size:var(--text-xs);color:var(--text-tertiary)}
.detail-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-tertiary);cursor:pointer;transition:all 0.15s;flex-shrink:0}
.detail-copy-btn:hover{color:var(--api-primary);border-color:var(--api-primary);background:var(--api-bg)}
.detail-section{margin-bottom:var(--space-8)}
.detail-section__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}
.detail-desc{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);padding:var(--space-4) 0}
.detail-info{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}
.detail-info__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-light);font-size:var(--text-sm)}
.detail-info__row:last-child{border-bottom:none}
.detail-info__label{color:var(--text-secondary)}
.detail-info__value{font-weight:var(--font-medium);color:var(--text-primary)}
.detail-badge{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-medium)}
.detail-badge--oss{background:#D1FAE5;color:#065F46}
.detail-badge--closed{background:#F3F4F6;color:#6B7280}
.detail-actions{display:flex;gap:var(--space-4);padding:var(--space-8) 0;border-top:1px solid var(--border-light);margin-top:var(--space-8)}

/* ========== Toast ========== */
.toast{position:fixed;bottom:var(--space-8);left:50%;transform:translateX(-50%);background:var(--text-primary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-lg);z-index:2000;opacity:0;visibility:hidden;transition:all 0.3s}
.toast.show{opacity:1;visibility:visible}

/* ========== 响应式 ========== */
@media(max-width:1024px){
  .api-models__grid{grid-template-columns:repeat(2,1fr)}
  .detail-cards{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:768px){
  .api-search{display:none}
  .api-stats{grid-template-columns:repeat(2,1fr)}
  .api-models__grid{grid-template-columns:1fr}
  .models-layout{grid-template-columns:1fr}
  .models-sidebar{display:none}
  .models-grid{grid-template-columns:1fr}
  .models-toolbar{flex-direction:column;align-items:stretch}
  .models-search{max-width:none}
  .detail-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}
  .detail-cards{grid-template-columns:1fr}
  .detail-hero{flex-direction:column;text-align:center}
}
/* ========== Hero 轮播 ========== */
.api-hero {
  position: relative;
  overflow: hidden;
}
.api-hero__inner {
  position: relative;
  min-height: 380px;
}
.api-hero__panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  pointer-events: none;
  padding: var(--space-20) var(--space-6);
}
.api-hero__panel--active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.api-hero__indicators {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  padding: var(--space-4) 0 var(--space-8);
}
.api-hero__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--border-medium);
  cursor: pointer;
  transition: all 0.3s;
  border: none;
  padding: 0;
}
.api-hero__dot:hover {
  background: var(--text-tertiary);
}
.api-hero__dot--active {
  width: 24px;
  border-radius: 4px;
  background: var(--api-primary);
}
.api-hero__dot--active:hover {
  background: var(--api-primary);
}
.api-hero__panel-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-4);
  background: rgba(99,102,241,0.08);
  border: 1px solid rgba(99,102,241,0.2);
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  color: var(--api-primary);
  font-weight: var(--font-medium);
  margin-bottom: var(--space-4);
}
.api-hero__panel-title {
  font-size: var(--text-5xl);
  font-weight: var(--font-black);
  letter-spacing: -1.5px;
  margin-bottom: var(--space-4);
  line-height: 1.1;
  max-width: 700px;
}
.api-hero__panel-title .gradient {
  background: linear-gradient(135deg, #6366F1, #8B5CF6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.api-hero__panel-desc {
  font-size: var(--text-lg);
  color: var(--text-secondary);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--space-2);
}
.api-hero__panel-desc--highlight {
  color: var(--api-primary);
  font-weight: var(--font-medium);
}
.api-hero__panel-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: center;
  margin-bottom: var(--space-8);
}
.api-hero__panel-tag {
  padding: var(--space-1) var(--space-3);
  background: var(--bg-gray-50);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  font-size: var(--text-xs);
  color: var(--text-secondary);
}
@media(max-width:768px){
  .api-hero__panel-title { font-size: var(--text-3xl); }
  .api-hero__panel-desc { font-size: var(--text-base); }
}