body *:not(.detail-content):not(.info-section):not(.params-table):not(.code-box):not(.description-box):not(.info-item label):not(.api-path):not(.enum-select):not(.copy-btn):not(.back-btn):not(span){font-size:calc(1rem - 3px);}

.site-header{text-align:center;margin-bottom:3rem;animation:fadeIn 0.8s ease;}
.site-title{font-size:7rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.5rem;}
.site-description{font-size:1.125rem;color:color-mix(in srgb,var(--text-secondary) 35%,#475569);}
.api-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;}
.api-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;transition:all 0.3s ease;animation:scaleIn 0.5s ease forwards;opacity:0;}
.api-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--primary-color);}
.card-glass{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%);border-radius:1.5rem;pointer-events:none;}
.card-content{position:relative;z-index:1;}
.card-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem;text-align:center;}
.api-name{font-size:1.5rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-primary);}
.api-short{font-size:0.875rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;}
.api-desc{font-size:0.875rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.5rem;min-height:3.5rem;}
.api-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid var(--glass-border);}
.stat-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--text-secondary);}
.stat-item i{color:var(--primary-color);}
.detail-btn{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:0.75rem;padding:0.75rem 1.5rem;color:white;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;}
.detail-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(99,102,241,0.3);}
.detail-btn:active{transform:scale(0.98);}
@media (max-width:768px){.site-title{font-size:2rem;}
.api-grid{grid-template-columns:1fr;gap:1.5rem;}
.api-card{padding:1.5rem;}
}
@media (max-width:480px){.site-title{font-size:1.75rem;}
.api-card{padding:1.25rem;}
.card-icon{font-size:2.5rem;}
.api-name{font-size:1.25rem;}
}
.loading-dots{display:inline-block;}
.loading-dots::after{content:'';animation:loadingDots 1.5s infinite;}
@keyframes loadingDots{0%{content:'.';}
33%{content:'..';}
66%{content:'...';}
100%{content:'.';}
}
.api-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(99,102,241,0.1) 0%,transparent 50%);border-radius:1.5rem;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}
.api-card:hover::before{opacity:1;}
a.detail-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:0.75rem;padding:0.75rem 1.5rem;color:white;font-size:1rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;}
a.detail-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(99,102,241,0.3);}
.search-box{position:relative;max-width:500px;margin:0 auto 2.5rem;animation:fadeIn 0.8s ease;}
.search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem;pointer-events:none;}
.search-box input{width:100%;padding:0.9rem 2.8rem 0.9rem 2.8rem;background:rgba(15,23,42,0.4);backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,0.3);border-radius:1rem;color:color-mix(in srgb,var(--text-primary) 35%,#334155);font-size:1rem;transition:all 0.3s ease;box-sizing:border-box;}
.search-box input::placeholder{color:color-mix(in srgb,var(--text-muted) 35%,#475569);}
.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 20px rgba(99,102,241,0.3);background:rgba(15,23,42,0.8);}
.search-clear{position:absolute;right:0.8rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;display:none;padding:0.2rem 0.4rem;transition:color 0.2s ease;line-height:1;}
.search-clear:hover{color:var(--text-primary);}
.no-result{text-align:center;padding:3rem;color:var(--text-muted);}
.no-result i{font-size:3rem;margin-bottom:1rem;display:block;opacity:0.4;}
.no-result p{font-size:1.1rem;}
/* ====== 调用统计 ====== */
.period-stats{display:flex;justify-content:space-between;padding:8px 0;margin-bottom:10px;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);}
.period-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:32px;}
.period-label{font-size:0.65rem;color:var(--text-muted);font-weight:500;}
.period-val{font-size:0.85rem;color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums;}
.period-val.val-hot{color:#34d399;text-shadow:0 0 6px rgba(52,211,153,0.4);}

/* ====== 文字反转色：透明度变化时自动适配 ====== */
.api-card .card-content,
.api-card .api-name,
.api-card .api-short,
.api-card .api-desc,
.api-card .period-label,
.api-card .period-val{
    color: color-mix(in srgb, var(--text-primary) 35%, #334155);
}
.api-card .card-icon{color: color-mix(in srgb, var(--primary-color) 40%, #4f46e5);}
.api-card .status-badge{mix-blend-mode:normal;}

.footer-close-btn{position:absolute;top:0.8rem;right:0.8rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all 0.3s ease;padding:0;line-height:1;}
.footer-close-btn:hover{background:rgba(239,68,68,0.3);border-color:rgba(239,68,68,0.5);color:#f87171;}

/* ====== 统计面板 ====== */
.stats-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;}
.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1rem;transition:all 0.3s ease;animation:fadeIn 0.6s ease forwards;opacity:0;}
.stat-card:nth-child(1){animation-delay:0s;}
.stat-card:nth-child(2){animation-delay:0.1s;}
.stat-card:nth-child(3){animation-delay:0.2s;}
.stat-card:nth-child(4){animation-delay:0.3s;}
.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.stat-icon-blue{background:rgba(99,102,241,0.15);color:#818cf8;}
.stat-icon-yellow{background:rgba(245,158,11,0.15);color:#fbbf24;}
.stat-icon-green{background:rgba(16,185,129,0.15);color:#34d399;}
.stat-icon-green2{background:rgba(16,185,129,0.12);color:#34d399;}
.stat-info{display:flex;flex-direction:column;gap:2px;}
.stat-label{font-size:0.75rem;color:color-mix(in srgb,var(--text-muted) 35%,#475569);font-weight:500;}
.stat-value{font-size:1.6rem;font-weight:800;color:color-mix(in srgb,var(--text-primary) 35%,#334155);font-variant-numeric:tabular-nums;line-height:1.2;}
.stat-value.val-yellow{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,0.3);}
.stat-value.val-green{color:#34d399;text-shadow:0 0 10px rgba(52,211,153,0.3);}

/* ====== Top5 排行 ====== */
.top5-panel{margin-bottom:2rem;background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.25rem 1.5rem;animation:fadeIn 0.6s ease 0.4s forwards;opacity:0;}
.top5-header{font-size:0.9rem;font-weight:600;color:color-mix(in srgb,var(--text-primary) 35%,#334155);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;}
.top5-header i{color:#fbbf24;}
.top5-list{display:flex;flex-wrap:wrap;gap:0.75rem;}
.top5-item{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 1rem;background:rgba(15,23,42,0.25);border:1px solid rgba(255,255,255,0.06);border-radius:0.75rem;text-decoration:none;transition:all 0.2s ease;flex:1;min-width:160px;max-width:220px;}
.top5-item:hover{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.3);transform:translateY(-2px);}
.top5-rank{font-size:0.85rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);color:var(--text-muted);flex-shrink:0;}
.top5-rank.top3{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;}
.top5-icon{font-size:0.9rem;color:var(--primary-color);flex-shrink:0;}
.top5-name{font-size:0.78rem;color:color-mix(in srgb,var(--text-primary) 35%,#334155);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top5-calls{font-size:0.75rem;color:#34d399;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;}

@media (max-width:768px){
.stats-panel{grid-template-columns:repeat(2,1fr);gap:0.75rem;}
.stat-card{padding:1rem;}
.stat-icon{width:40px;height:40px;font-size:1.1rem;}
.stat-value{font-size:1.35rem;}
.top5-list{flex-direction:column;}
.top5-item{max-width:none;}
}
@media (max-width:480px){
.stats-panel{grid-template-columns:1fr 1fr;gap:0.5rem;}
.stat-card{padding:0.85rem 1rem;gap:0.7rem;}
.stat-icon{width:36px;height:36px;font-size:1rem;border-radius:8px;}
.stat-value{font-size:1.2rem;}
}