.hd-translator-skeleton .skeleton-stats,.skeleton-cover,.skeleton-meta,.skeleton-rank,.skeleton-title{animation:1.5s infinite skeleton-loading}.hd-ranking-card,.hd-ranking-section{border-radius:var(--hy-radius-lg,12px)}.hd-ranking-list,.hd-translator-ranking-content{min-height:200px}.hd-ranking-item,.hd-translator-card,.hd-view-all-link{text-decoration:none}.hd-ranking-genre-badge,.hd-ranking-title,.hd-translator-name{overflow:hidden;text-overflow:ellipsis}.hd-section-title{font-size:1.25rem;font-weight:600;color:var(--hdk-text-primary,var(--text-color,#2c3e50));margin:0}.hd-ranking-nav .nav-link,.hd-view-all-link{font-weight:500;transition:var(--hy-transition-fast, all .2s ease);font-size:.875rem}.hd-ranking-nav .nav-link:hover,.hd-view-all-link{color:var(--hdk-primary,var(--primary-color,#54cfd6))}.hd-view-all-link:hover{color:var(--hdk-primary-hover,var(--primary-color-dark,#48b8be))}.hd-ranking-nav{gap:.5rem;flex-wrap:wrap}.hd-ranking-nav .nav-link{background:0 0;color:var(--hdk-text-secondary,var(--text-light,#6c757d));border:1px solid var(--hdk-border,var(--border-color,rgba(84,207,214,.2)));border-radius:var(--hy-radius-full,20px);padding:.5rem 1rem}.hd-ranking-nav .nav-link:hover{background:var(--hdk-background,var(--white-color,#fff));border-color:var(--hdk-primary,var(--primary-color,#54cfd6))}.hd-ranking-nav .nav-link.active{background:var(--primary-color-gradient,linear-gradient(135deg,#54cfd6,#3a9ea5));color:#fff;border-color:var(--hdk-primary,var(--primary-color,#54cfd6));box-shadow:var(--hy-shadow-md,0 4px 6px -1px rgba(0,0,0,.1))}.hd-ranking-list{display:flex;flex-direction:column;gap:5px}.hd-ranking-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--hy-radius-md,8px);transition:.3s;color:inherit;background:var(--white-color);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-border-radius:var(--hy-radius-md,8px);-moz-border-radius:var(--hy-radius-md,8px);-ms-border-radius:var(--hy-radius-md,8px);-o-border-radius:var(--hy-radius-md,8px);border:1px solid var(--border-color)}.hd-ranking-item:hover{border-color:var(--hdk-primary)}.hd-translator-card:hover,.hd-translator-card:hover .hd-translator-avatar .ratio{border-color:var(--hdk-primary,#54cfd6)}.hd-ranking-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--hy-radius-md,8px);font-weight:700;font-size:.875rem;flex-shrink:0}.hd-ranking-genre-badge,.hd-ranking-title,.hd-story-complete-badge{font-weight:600;white-space:nowrap}.hd-ranking-rank.rank-1{background:linear-gradient(135deg,var(--gold,gold),orange);color:#fff;box-shadow:0 4px 12px rgba(255,215,0,.4)}.hd-ranking-rank.rank-2{background:linear-gradient(135deg,var(--silver,silver),#a0a0a0);color:#fff;box-shadow:0 4px 12px rgba(192,192,192,.4)}.hd-ranking-rank.rank-3{background:linear-gradient(135deg,var(--bronze,#cd7f32),#b8860b);color:#fff;box-shadow:0 4px 12px rgba(205,127,50,.4)}.hd-ranking-rank.rank-other{background:var(--hdk-background,var(--hy-gray-100,#f7fafc));color:var(--hdk-text-secondary,var(--text-light,#6c757d))}.hd-ranking-cover{width:50px;height:65px;border-radius:var(--hy-radius-sm,6px);overflow:hidden;flex-shrink:0;box-shadow:var(--hy-shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));position:relative}.hd-story-complete-badge{position:absolute;top:4px;left:initial;right:-7px;background:var(--hdk-success,#10b981);color:#fff;font-size:.5625rem;padding:1px 4px;border-radius:2px;z-index:2;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 1px 2px rgba(0,0,0,.2)}.hd-ranking-cover img{width:100%;height:100%;object-fit:cover;transition:var(--hy-transition-fast, all .2s ease)}.hd-ranking-item:hover .hd-ranking-cover img{transform:scale(1.05)}.hd-ranking-info,.hd-translator-info{flex:1;min-width:0}.hd-ranking-title{font-size:.9375rem;color:var(--hdk-text-primary,var(--text-color,#2c3e50));margin:0 0 .25rem}.hd-ranking-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:var(--hdk-text-secondary,var(--text-light,#6c757d))}.hd-ranking-genre,.hd-ranking-genre-badge{background:var(--hdk-primary-light,rgba(84,207,214,.1));color:var(--hdk-primary,#54cfd6)}.hd-ranking-meta span{display:flex;align-items:center;gap:.25rem}.hd-ranking-genre-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:var(--hdk-radius-full,20px);font-size:.6875rem;line-height:1.2;max-width:100%;margin-top:.25rem}.hd-ranking-genre-badge iconify-icon{flex-shrink:0;opacity:.8}.hd-ranking-genre{padding:.125rem .375rem;border-radius:var(--hy-radius-sm,4px);font-size:.75rem;font-weight:500}.hd-ranking-genre i{font-size:.625rem}.hd-ranking-views{text-align:right;flex-shrink:0}.hd-ranking-views-count{font-size:.9375rem;font-weight:600;color:var(--hdk-primary,var(--primary-color,#54cfd6))}.hd-ranking-views-label{font-size:.75rem;color:var(--hdk-text-secondary,var(--text-light,#6c757d))}.hd-ranking-empty{text-align:center;padding:2rem;color:var(--hdk-text-secondary)}.hd-ranking-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.hd-ranking-loading{display:flex;flex-direction:column;gap:.5rem}.hd-ranking-item-skeleton{display:flex;align-items:center;gap:1rem;padding:.75rem}.skeleton-rank{width:32px;height:32px;border-radius:8px;background:linear-gradient(90deg,var(--hdk-border) 25%,var(--hdk-background) 50%,var(--hdk-border) 75%);background-size:200% 100%}.skeleton-cover,.skeleton-title{background:linear-gradient(90deg,var(--hdk-border) 25%,var(--hdk-background) 50%,var(--hdk-border) 75%)}.skeleton-cover{width:50px;height:65px;border-radius:6px;background-size:200% 100%}.skeleton-meta,.skeleton-title{border-radius:4px}.skeleton-info{flex:1}.skeleton-title{height:16px;width:70%;background-size:200% 100%;margin-bottom:.5rem}.skeleton-meta{height:12px;width:50%;background:linear-gradient(90deg,var(--hdk-border) 25%,var(--hdk-background) 50%,var(--hdk-border) 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:576px){.hd-ranking-nav .nav-link{padding:.375rem .75rem;font-size:.8125rem}.hd-ranking-nav .nav-link i{display:none}.hd-ranking-cover{width:40px;height:52px}.hd-ranking-title{font-size:.875rem}.hd-ranking-meta{font-size:.75rem}.hd-story-complete-badge{font-size:.5rem;padding:1px 3px;top:2px}.hd-ranking-genre-badge{font-size:.625rem;padding:.125rem .375rem;gap:5px;line-height:1.6}.hd-ranking-genre-badge iconify-icon{width:10px;height:10px}.hd-ranking-genre{font-size:.6875rem;padding:.0625rem .25rem}}.hd-ranking-card{background:#fafaf9;padding:1.25rem;border:1px solid var(--border-color);height:100%;-webkit-border-radius:var(--hy-radius-lg,12px);-moz-border-radius:var(--hy-radius-lg,12px);-ms-border-radius:var(--hy-radius-lg,12px);-o-border-radius:var(--hy-radius-lg,12px);box-shadow:inset 0 0 4px 0 rgba(0,0,0,.05)}.hd-translator-card,.hd-translator-skeleton{background:var(--hdk-background,var(--hy-gray-100,#f7fafc))}.hd-translator-grid,.hd-translator-loading{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hd-translator-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border-radius:var(--hy-radius-lg,12px);color:inherit;transition:.3s;position:relative;border:1px solid var(--border-color)}.hd-translator-card:hover{background:var(--hdk-card,#fff);transform:translateY(-4px);box-shadow:0 8px 24px rgba(84,207,214,.15)}.hd-translator-rank-badge{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--hy-radius-full,20px);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.hd-translator-rank-badge iconify-icon{font-size:.75rem}.hd-translator-rank-badge.rank-gold{background:linear-gradient(135deg,gold,#ff8c00);color:#fff;box-shadow:0 2px 8px rgba(255,215,0,.4)}.hd-translator-rank-badge.rank-silver{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff;box-shadow:0 2px 8px rgba(192,192,192,.4)}.hd-translator-rank-badge.rank-bronze{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff;box-shadow:0 2px 8px rgba(205,127,50,.4)}.hd-translator-card:hover .hd-translator-name,.hd-translator-stat iconify-icon{color:var(--hdk-primary,#54cfd6)}.hd-translator-rank-badge.rank-normal{background:var(--hdk-primary-light,rgba(84,207,214,.15));color:var(--hdk-primary,#54cfd6)}.hd-translator-skeleton .skeleton-avatar,.hd-translator-skeleton .skeleton-name{background:linear-gradient(90deg,var(--hdk-border) 25%,var(--hdk-background) 50%,var(--hdk-border) 75%);animation:1.5s infinite skeleton-loading}.hd-translator-avatar{width:72px;height:72px;margin-bottom:.75rem;flex-shrink:0}.hd-translator-avatar .ratio{border-radius:50%;overflow:hidden;border:3px solid var(--hdk-border,#e1eaef);transition:border-color .3s}.hd-translator-avatar img{width:100%;height:100%;object-fit:cover}.hd-translator-name{font-size:.9375rem;font-weight:700;color:var(--hdk-text-primary,var(--text-color,#2c3e50));margin:0 0 .5rem;white-space:nowrap;transition:color .3s}.hd-translator-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:.5rem}.hd-translator-stat,.hd-translator-stories{gap:.25rem;font-size:.75rem;color:var(--hdk-text-secondary,var(--text-light,#6c757d));display:flex}.hd-translator-stat{align-items:center}.hd-translator-stat iconify-icon{font-size:.875rem}.hd-translator-stories{align-items:center;justify-content:center;padding-top:.5rem;border-top:1px dashed var(--hdk-border,#e1eaef)}.hd-translator-stories iconify-icon{font-size:.875rem;color:var(--hdk-success,#10b981)}.hd-translator-skeleton{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:var(--hy-radius-lg,12px)}.hd-translator-skeleton .skeleton-avatar{width:72px;height:72px;border-radius:50%;background-size:200% 100%;margin-bottom:.75rem}.hd-translator-skeleton .skeleton-info{width:100%;text-align:center}.hd-translator-skeleton .skeleton-name{height:16px;width:70%;margin:0 auto .5rem;border-radius:4px;background-size:200% 100%}.hd-translator-skeleton .skeleton-stats{height:12px;width:90%;margin:0 auto;border-radius:4px;background:linear-gradient(90deg,var(--hdk-border) 25%,var(--hdk-background) 50%,var(--hdk-border) 75%);background-size:200% 100%}@media (max-width:991.98px){.hd-translator-grid,.hd-translator-loading{grid-template-columns:repeat(3,1fr)}}@media (max-width:767.98px){.hd-translator-grid,.hd-translator-loading{grid-template-columns:repeat(2,1fr);gap:.75rem}.hd-translator-card{padding:.75rem}.hd-translator-avatar{width:56px;height:56px}.hd-translator-name{font-size:.8125rem}.hd-translator-stats{gap:.5rem}.hd-translator-stat{font-size:.6875rem}.hd-translator-rank-badge{font-size:.5625rem;padding:.125rem .375rem}}@media (max-width:575.98px){.hd-translator-grid,.hd-translator-loading{grid-template-columns:repeat(2,1fr);gap:.5rem}.hd-translator-card{padding:.625rem}.hd-translator-avatar{width:48px;height:48px;margin-bottom:.5rem}.hd-translator-name{font-size:.75rem;margin-bottom:.375rem}.hd-translator-stories{font-size:.6875rem;padding-top:.375rem}.hd-ranking-nav{gap:5px;display:flex;flex-wrap:nowrap;width:100%}.hd-ranking-nav .nav-item{flex-grow:1}.hd-ranking-nav .nav-link{width:100%}.hd-ranking-card{padding:12px}}.dark .hd-translator-card,body.dark-mode .hd-translator-card{background:var(--hdk-card,#17181c)}.dark .hd-translator-card:hover,body.dark-mode .hd-translator-card:hover{background:var(--hdk-background,#000);box-shadow:0 8px 24px rgba(28,156,240,.15)}.dark .hd-translator-name,body.dark-mode .hd-translator-name{color:var(--hdk-text-primary,#e7e9ea)}.dark .hd-translator-stat,.dark .hd-translator-stories,body.dark-mode .hd-translator-stat,body.dark-mode .hd-translator-stories{color:var(--hdk-text-secondary,#8899a6)}.dark .hd-translator-avatar .ratio,body.dark-mode .hd-translator-avatar .ratio{border-color:var(--hdk-border,#242628)}.dark .hd-translator-stories,body.dark-mode .hd-translator-stories{border-top-color:var(--hdk-border,#242628)}.dark .hd-ranking-card,body.dark-mode .hd-ranking-card{background:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628)}