[v-cloak]{display:none}
[data-aos]{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;contain:layout style paint}
@media (hover:none) and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}
.api-card,button,a{touch-action:manipulation}
[data-aos]{transition-duration:0.3s !important;transition-timing-function:ease-out !important}
}@media (prefers-reduced-motion:reduce){[data-aos],*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}.list-enter-active,.list-leave-active{transition:all 0.3s ease}
.list-enter-from,.list-leave-to{opacity:0;transform:translateY(20px)}
.api-card{visibility:visible}
[data-aos].aos-animate{visibility:visible}
.chart-axis-x{position:absolute !important;bottom:-14px !important;left:26px !important;right:4px !important;display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;font-size:9px !important;z-index:10 !important;height:14px !important;line-height:14px !important;width:calc(100% - 30px) !important;pointer-events:none !important}
.chart-axis-x span{flex:1 1 0% !important;width:20% !important;min-width:20% !important;max-width:20% !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block !important;padding:0 !important;margin:0 !important}
@media screen and (max-width:640px){.chart-axis-x span:nth-child(2),.chart-axis-x span:nth-child(4){display:none !important}
.chart-axis-x span{flex:1 1 33.33% !important;width:33.33% !important;min-width:33.33% !important;max-width:33.33% !important}
}.style-image-card .api-card{position:relative;cursor:pointer}
.style-image-card .api-card::after{content:'';position:absolute;inset:0;z-index:1}
.style-image-card .api-content{position:relative;z-index:2}
.style-image-card .detail-link{position:relative;z-index:3}
.style-image-overlay .api-card{position:relative;cursor:pointer}
.style-image-overlay .api-card::before{content:'';position:absolute;inset:0;z-index:5}
.style-image-overlay .api-content{position:relative;z-index:10;pointer-events:none}
.style-image-overlay .api-content a,.style-image-overlay .api-content button{pointer-events:auto}
.style-image-grid .api-card{position:relative;cursor:pointer}
.style-image-grid .api-card::before{content:'';position:absolute;inset:0;z-index:15}
.style-image-grid .api-content{position:relative;z-index:20;pointer-events:none}
.style-image-grid .api-content a{pointer-events:auto;position:relative;z-index:25}
.style-minimalist .api-card{position:relative;transition:all 0.2s ease}
.style-minimalist .api-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}
.style-minimalist .api-card:active{transform:scale(0.98)}
.style-list-view .api-card{position:relative;transition:all 0.2s ease}
.style-list-view .api-card:hover{background:rgba(255,255,255,0.08);transform:translateX(4px)}
.style-detail .api-card{transition:all 0.3s ease}
.style-detail .api-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.15)}
.style-compact .api-card{transition:all 0.15s ease}
.style-compact .api-card:hover{background:rgba(255,255,255,0.1)}
.style-compact .api-card:active{transform:scale(0.98)}
.style-standard .api-card{transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
.style-standard .api-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.2)}
.api-image-wrapper{background:linear-gradient(110deg,rgba(255,255,255,0.05) 8%,rgba(255,255,255,0.1) 18%,rgba(255,255,255,0.05) 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}
@keyframes shimmer{to{background-position-x:-200%}
}.api-image.loaded + .image-placeholder,.api-image.loaded{animation:none}
.chart-area{position:relative;height:40px;background:rgba(0,0,0,0.1);border-radius:6px;overflow:visible !important;margin-bottom:20px !important}
[data-theme="light"] .chart-area{background:rgba(0,0,0,0.03)}
.chart-axis-y{position:absolute;left:0;top:2px;bottom:16px;width:22px;display:flex;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,0.5);font-size:8px;line-height:1;text-align:right;padding-right:4px;z-index:5}
[data-theme="light"] .chart-axis-y{color:rgba(0,0,0,0.45)}
.chart-axis-x{position:absolute !important;bottom:-16px !important;left:26px !important;right:4px !important;display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;font-size:10px;color:rgba(255,255,255,0.6);z-index:10;height:16px;line-height:16px;width:calc(100% - 30px) !important}
[data-theme="light"] .chart-axis-x{color:rgba(0,0,0,0.5)}
.chart-axis-x span{display:inline-block !important;flex:1 1 0% !important;width:20% !important;min-width:20% !important;max-width:20% !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-size:10px !important;line-height:16px !important;padding:0 !important;margin:0 !important;box-sizing:border-box !important}
@media screen and (max-width:640px){.chart-area{height:36px;margin-bottom:16px !important}
.chart-axis-x span:nth-child(2),.chart-axis-x span:nth-child(4){display:none !important;flex:0 !important;width:0 !important;min-width:0 !important}
.chart-axis-x{left:26px !important;right:4px !important;width:calc(100% - 30px) !important}
.chart-axis-x span{flex:1 1 33.33% !important;width:33.33% !important;min-width:33.33% !important;max-width:33.33% !important;font-size:9px !important;font-weight:500 !important}
}@media screen and (max-width:375px){.chart-axis-x span{font-size:8px !important}
}.chart-area svg{position:absolute !important;left:26px !important;top:0 !important;width:calc(100% - 30px) !important;height:100% !important;overflow:visible !important}
.chart-area svg path[stroke-width="1.5"]{filter:none !important;stroke-opacity:0.6}
.chart-tooltip{position:fixed;background:rgba(20,20,20,0.95);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:8px 12px;font-size:10px;color:#fff;pointer-events:none;opacity:0;transform:translate(-50%,-100%);transition:opacity 0.2s ease,transform 0.2s ease;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,0.4);min-width:100px;text-align:center;will-change:transform,opacity;contain:layout style}
.chart-tooltip.visible{opacity:1;transform:translate(-50%,-110%)}
.chart-tooltip::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:rgba(20,20,20,0.95);border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2)}
[data-theme="light"] .chart-tooltip{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.15);color:#1a1a1a;box-shadow:0 8px 24px rgba(0,0,0,0.15)}
[data-theme="light"] .chart-tooltip::after{background:rgba(255,255,255,0.98);border-right-color:rgba(0,0,0,0.15);border-bottom-color:rgba(0,0,0,0.15)}
.tooltip-date{font-weight:600;margin-bottom:2px;color:inherit;font-size:10px}
.tooltip-value{font-size:9px;opacity:0.8;color:inherit}
.tooltip-value span{font-weight:700;opacity:1;font-size:11px}
.announcement-yellow-bg{background:rgba(251,191,36,0.12) !important;backdrop-filter:blur(12px);border-color:rgba(251,191,36,0.4) !important}
[data-theme="light"] .announcement-yellow-bg{background:rgba(251,191,36,0.2) !important;border-color:rgba(217,119,6,0.5) !important}
@keyframes slow-pulse{0%,100%{opacity:1;transform:scale(1)}
50%{opacity:0.4;transform:scale(0.9)}
}.animate-slow-pulse{animation:slow-pulse 3s cubic-bezier(0.4,0,0.6,1) infinite}
.announcement-text{color:#78350f !important;line-height:1.6;transition:all 0.3s ease}
.announcement-text br{display:block;content:"";margin-bottom:0.25em}
[data-theme="dark"] .announcement-text,body:not([data-theme="light"]) .announcement-text{color:#fef3c7 !important}
.announcement-text-collapsed{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-height:1.6em}
.announcement-text-expanded{display:block;max-height:300px;overflow-y:auto;-webkit-line-clamp:unset}
.announcement-text-expanded::-webkit-scrollbar{width:4px}
.announcement-text-expanded::-webkit-scrollbar-track{background:transparent}
.announcement-text-expanded::-webkit-scrollbar-thumb{background:rgba(251,191,36,0.3);border-radius:2px}
.style-standard .api-card{transform:translateZ(0);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);will-change:transform}
.style-standard .api-card:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 16px 40px rgba(0,0,0,0.25);border-color:rgba(255,255,255,0.25)}
[data-theme="light"] .style-standard .api-card:hover{box-shadow:0 16px 40px rgba(0,0,0,0.1)}
.style-standard .api-card:active{transform:translateY(-2px) scale(0.98) translateZ(0)}
.style-minimalist .api-card{transform:translateZ(0);transition:all 0.2s ease-out;will-change:transform}
.style-minimalist .api-card:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 8px 16px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.2)}
[data-theme="light"] .style-minimalist .api-card:hover{box-shadow:0 8px 16px rgba(0,0,0,0.08)}
.style-minimalist .api-card:active{transform:scale(0.98) translateZ(0)}
.style-compact .api-card{transition:all 0.15s ease}
.style-compact .api-card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}
.style-compact .api-card:active{transform:scale(0.98)}
.style-detail .api-card{transition:all 0.3s ease}
.style-detail .api-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.15)}
[data-theme="light"] .style-detail .api-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.08)}
.style-list-view .api-card{transition:all 0.2s ease}
.style-list-view .api-card:hover{background:rgba(255,255,255,0.06);transform:translateX(4px);border-color:rgba(255,255,255,0.15)}
.style-image-card .api-card{position:relative;cursor:pointer;transform:translateZ(0);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);will-change:transform}
.style-image-card .api-card:hover{transform:translateY(-4px) translateZ(0);border-color:rgba(255,255,255,0.25)}
.style-image-card .api-card:active{transform:scale(0.98) translateZ(0)}
.style-image-card .api-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden;background:rgba(0,0,0,0.2);contain:strict}
.style-image-card .api-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;opacity:0}
.style-image-card .api-image.loaded{opacity:1}
.style-image-card .api-card:hover .api-image{transform:scale(1.05)}
.style-image-card .api-content{position:relative;z-index:5;background:rgba(255,255,255,0.98);backdrop-filter:blur(8px);border-top:1px solid rgba(0,0,0,0.05)}
.style-image-card .api-content a,.style-image-card .api-content button{position:relative;z-index:20;pointer-events:auto}
[data-theme="dark"] .style-image-card .api-image-wrapper::after,body:not([data-theme="light"]) .style-image-card .api-image-wrapper::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.5);z-index:2;pointer-events:none}
[data-theme="dark"] .style-image-card .api-image,body:not([data-theme="light"]) .style-image-card .api-image{position:relative;z-index:1}
[data-theme="dark"] .style-image-card .api-content,body:not([data-theme="light"]) .style-image-card .api-content{background:#000000;border-top:1px solid rgba(255,255,255,0.1)}
[data-theme="dark"] .style-image-card .api-content h3,body:not([data-theme="light"]) .style-image-card .api-content h3{color:#ffffff}
[data-theme="dark"] .style-image-card .api-content p,body:not([data-theme="light"]) .style-image-card .api-content p{color:rgba(255,255,255,0.85)}
[data-theme="dark"] .style-image-card .api-content .text-theme-tertiary,body:not([data-theme="light"]) .style-image-card .api-content .text-theme-tertiary{color:rgba(255,255,255,0.6)}
[data-theme="dark"] .style-image-card .api-image-wrapper .absolute.top-2.right-2 span,body:not([data-theme="light"]) .style-image-card .api-image-wrapper .absolute.top-2.right-2 span{background:rgba(0,0,0,0.8);border-color:rgba(255,255,255,0.2)}
.style-image-overlay .api-card{position:relative;cursor:pointer;transform:translateZ(0);transition:all 0.3s ease;will-change:transform;contain:layout style paint}
.style-image-overlay .api-card:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 16px 32px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.2)}
.style-image-overlay .api-card:active{transform:scale(0.98) translateZ(0)}
.style-image-overlay .api-image-wrapper{position:absolute;inset:0;z-index:0;contain:strict}
.style-image-overlay .api-image{width:100%;height:100%;object-fit:cover;filter:brightness(0.4);transition:all 0.5s ease}
.style-image-overlay .api-card:hover .api-image{filter:brightness(0.3);transform:scale(1.05)}
.style-image-overlay .api-content{position:relative;z-index:10;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 50%,transparent 100%)}
.style-image-overlay .api-content a,.style-image-overlay .api-content button{position:relative;z-index:20;pointer-events:auto}
.style-image-grid .api-card{position:relative;cursor:pointer;transform:translateZ(0);transition:all 0.3s ease;will-change:transform;contain:strict}
.style-image-grid .api-card:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 12px 24px rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.2)}
.style-image-grid .api-card:active{transform:scale(0.98) translateZ(0)}
.style-image-grid .api-image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;contain:strict}
.style-image-grid .api-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.style-image-grid .api-card:hover .api-image{transform:scale(1.1)}
.style-image-grid .api-card .api-content{position:absolute;bottom:0;left:0;right:0;padding:0.75rem;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);transform:translateY(60%);transition:transform 0.3s ease,opacity 0.3s ease;will-change:transform}
.style-image-grid .api-card:hover .api-content{transform:translateY(0)}
.image-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;will-change:background-position}
@keyframes loading-shimmer{0%{background-position:200% 0}
100%{background-position:-200% 0}
}.api-image.loaded + .image-placeholder{display:none}
.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-0.02em}
.glass{position:relative;overflow:hidden;transform:translateZ(0)}
.glass::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);pointer-events:none;opacity:0;transition:opacity 0.3s}
.glass:hover::before{opacity:1}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.api-card i[class*="fa-"],.social-links-wrapper i[class*="fa-"]{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";font-weight:900}
.text-\[8px\]{font-size:8px;line-height:1.2}
@media (hover:none) and (pointer:coarse){.api-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 250px}
.api-card *{transform:translateZ(0)}
.api-card:hover{transform:translateZ(0) !important;box-shadow:none !important}
.api-card:active{transform:scale(0.98) translateZ(0) !important;opacity:0.9}
.glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateZ(0)}
[data-aos]{transition-duration:0.25s !important;transition-timing-function:ease-out !important;will-change:transform,opacity}
.api-card,button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.chart-area{content-visibility:auto;contain:size layout paint;will-change:auto}
.style-image-grid .api-content{transform:translateY(0) !important;opacity:1 !important;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 50%,transparent 100%)}
.style-image-grid .api-card:hover .api-image{transform:none !important}
.style-image-overlay .api-content{background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0.3) 100%)}
.style-image-card .api-content{background:rgba(255,255,255,0.98);border-top:1px solid rgba(0,0,0,0.05)}
[data-theme="dark"] .style-image-card .api-content,body:not([data-theme="light"]) .style-image-card .api-content{background:#000000;border-top:1px solid rgba(255,255,255,0.1)}
[data-theme="dark"] .style-image-card .api-image-wrapper::after,body:not([data-theme="light"]) .style-image-card .api-image-wrapper::after{background:rgba(0,0,0,0.4)}
.glow-text{text-shadow:none !important}
body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}
}@media (max-width:640px){.style-minimalist #api-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}
.style-image-card #api-grid,.style-image-overlay #api-grid{grid-template-columns:1fr}
.style-image-card .api-image-wrapper{height:160px}
.style-image-grid #api-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}
.style-compact #api-grid{gap:0.5rem}
.style-standard #api-grid{gap:0.75rem}
*{animation-duration:0.15s !important;transition-duration:0.15s !important}
}@media (min-width:641px) and (max-width:1024px){.style-minimalist #api-grid{grid-template-columns:repeat(3,1fr)}
.style-image-grid #api-grid{grid-template-columns:repeat(3,1fr)}
}@media (prefers-reduced-motion:reduce){.api-image,.api-content,.api-card,[data-aos]{transition:none !important;animation:none !important}
.image-placeholder{animation:none !important;background:rgba(255,255,255,0.05)}
}::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}
[data-theme="light"]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1)}
[data-theme="light"]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.2)}