.creator-ranking-page{padding-bottom:48px;}
.creator-ranking-shell{margin:20px 0 44px;}
.creator-ranking-tabs{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 18px;overflow-x:auto;scrollbar-width:none;}
.creator-ranking-tabs::-webkit-scrollbar{display:none;}
.creator-ranking-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;background:#f5f5f5;color:#666;text-decoration:none;font-size:14px;font-weight:400;line-height:normal;white-space:nowrap;transition:all .2s ease;}
.creator-ranking-tab:hover{background:#f0f0f0;color:#666;}
.creator-ranking-tab.is-active{background:#000;color:#fff;font-weight:600;}
.creator-ranking-shell[aria-busy="true"] .creator-ranking-list{opacity:.68;transition:opacity .18s ease;}
.creator-ranking-shell.is-loading{cursor:progress;}
.creator-ranking-shell.is-loading .creator-ranking-tab{pointer-events:none;}
.creator-ranking-tab[aria-disabled="true"]{cursor:progress;}
.creator-ranking-list{display:flex;flex-direction:column;background:#fff;border:1px solid #ededed;border-radius:8px;box-shadow:0 10px 28px rgba(17,17,17,.045);overflow:hidden;}
.creator-ranking-item{display:grid;grid-template-columns:38px 68px minmax(360px,1fr) 560px;align-items:center;gap:24px;min-height:198px;padding:38px 28px;border-bottom:1px solid #f1f1f1;background:#fff;}
.creator-ranking-item:last-child{border-bottom:0;}
.creator-ranking-item:hover{background:#fcfcfc;}
.creator-ranking-item.is-top{background:#fff;}
.creator-ranking-rank{display:flex;align-items:center;justify-content:center;}
.creator-ranking-rank span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #e7e7e7;color:#9a9a9a;font-size:14px;font-weight:800;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;}
.creator-ranking-item.is-top-1 .creator-ranking-rank span{background:#111;border-color:#111;color:#fff;box-shadow:0 8px 18px rgba(17,17,17,.12);}
.creator-ranking-item.is-top-2 .creator-ranking-rank span,
.creator-ranking-item.is-top-3 .creator-ranking-rank span{background:#fafafa;border-color:#e2e2e2;color:#6f6f6f;}
.creator-ranking-avatar{display:block;width:62px;height:62px;border-radius:50%;overflow:hidden;background:#f3f3f3;text-decoration:none;}
.creator-ranking-avatar img{display:block;width:100%;height:100%;object-fit:cover;}
.creator-ranking-profile{min-width:0;}
.creator-ranking-title-row{display:flex;align-items:center;gap:8px;min-width:0;}
.creator-ranking-name{display:block;min-width:0;color:#111;text-decoration:none;font-size:19px;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.creator-ranking-name:hover{text-decoration:underline;}
.creator-ranking-profile p{margin:10px 0 0;color:#777;font-size:14px;line-height:1.78;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.creator-ranking-stats{display:flex;align-items:center;gap:18px;margin-top:14px;color:#999;font-size:13px;white-space:nowrap;overflow:hidden;}
.creator-ranking-stats span{display:inline-flex;align-items:baseline;gap:4px;min-width:0;}
.creator-ranking-stats b{color:#222;font-size:15px;font-weight:800;line-height:1;}
.creator-ranking-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;}
.creator-ranking-works a{display:block;position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#f2f2f2;border:1px solid #ededed;}
.creator-ranking-works img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease;}
.creator-ranking-works img[data-fallback-applied="1"]{object-fit:contain;padding:10px;background:#f5f5f5;}
.creator-ranking-work-title{position:absolute;left:0;right:0;bottom:0;z-index:3;display:block;padding:18px 10px 8px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.62));color:#fff;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;}
.creator-ranking-works a:hover img{transform:scale(1.025);filter:saturate(1.04);}
.creator-ranking-works a:hover .creator-ranking-work-title{opacity:1;transform:translateY(0);}
.creator-ranking-empty{padding:76px 20px;background:#fff;border:1px solid #ededed;border-radius:8px;text-align:center;box-shadow:0 10px 28px rgba(17,17,17,.045);}
.creator-ranking-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:18px;border-radius:50%;background:#f6f6f6;color:#111;font-size:16px;font-weight:800;}
.creator-ranking-empty strong{display:block;color:#111;font-size:20px;}
.creator-ranking-empty p{margin:10px auto 0;max-width:360px;color:#888;font-size:14px;line-height:1.7;}
.creator-ranking-empty-action{display:inline-flex;align-items:center;justify-content:center;height:38px;margin-top:22px;padding:0 18px;border-radius:8px;background:#111;color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:background-color .18s ease,transform .18s ease;}
.creator-ranking-empty-action:hover{background:#222;transform:translateY(-1px);}
@media (max-width: 1500px){
  .creator-ranking-item{grid-template-columns:36px 60px minmax(340px,1fr) 360px;gap:20px;min-height:188px;padding:34px 24px;}
  .creator-ranking-avatar{width:58px;height:58px;}
  .creator-ranking-name{font-size:18px;}
  .creator-ranking-profile p{font-size:13px;line-height:1.72;}
  .creator-ranking-works{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .creator-ranking-works a:nth-child(n+3){display:none;}
}
@media (max-width: 980px){
  .creator-ranking-item{grid-template-columns:36px 60px minmax(220px,1fr);gap:15px;min-height:166px;padding:30px 22px;}
  .creator-ranking-works{display:none;}
}
@media (max-width: 768px){
  .creator-ranking-page{padding-bottom:30px;}
  .creator-ranking-shell{margin:16px 12px 34px;}
  .creator-ranking-tabs{justify-content:center;gap:6px;margin-bottom:14px;padding-bottom:2px;}
  .creator-ranking-tab{padding:6px 12px;font-size:13px;}
  .creator-ranking-list{border-radius:8px;}
  .creator-ranking-item{grid-template-columns:34px 58px minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:22px 16px 24px;}
  .creator-ranking-avatar{width:52px;height:52px;}
  .creator-ranking-rank span{width:28px;height:28px;font-size:13px;}
  .creator-ranking-profile{display:contents;}
  .creator-ranking-title-row{grid-column:3;align-self:center;width:100%;min-width:0;}
  .creator-ranking-name{width:100%;font-size:18px;line-height:1.25;}
  .creator-ranking-profile p{grid-column:1/-1;width:100%;margin:10px 0 0;color:#6f6f6f;font-size:13px;line-height:1.72;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-align:left;}
  .creator-ranking-stats{grid-column:1/-1;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;padding-left:0;color:#8b8b8b;font-size:13px;white-space:normal;text-align:left;overflow:visible;}
  .creator-ranking-stats span{display:inline-flex;min-width:0;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:4px;padding:0;border-radius:0;background:transparent;}
  .creator-ranking-stats b{font-size:16px;}
  .creator-ranking-works{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:16px;width:100%;}
  .creator-ranking-works a{width:100%;max-width:100%;border-radius:8px;}
  .creator-ranking-works a:nth-child(n+2){display:none;}
  .creator-ranking-work-title{display:none;}
}
@media (max-width: 480px){
  .creator-ranking-shell{margin:14px 6px 30px;}
  .creator-ranking-tabs{justify-content:center;gap:6px;}
  .creator-ranking-tab{padding:5px 10px;font-size:12px;}
  .creator-ranking-item{grid-template-columns:30px 48px minmax(0,1fr);padding:20px 14px 22px;gap:10px;}
  .creator-ranking-avatar{width:42px;height:42px;}
  .creator-ranking-rank span{width:26px;height:26px;font-size:12px;}
  .creator-ranking-name{font-size:16px;}
  .creator-ranking-profile p{font-size:12px;line-height:1.65;-webkit-line-clamp:5;}
  .creator-ranking-stats{gap:8px 14px;font-size:12px;}
  .creator-ranking-works{grid-template-columns:minmax(0,1fr);margin-top:14px;}
  .creator-ranking-empty{padding:54px 16px;}
  .creator-ranking-empty-icon{width:48px;height:48px;margin-bottom:16px;font-size:14px;}
  .creator-ranking-empty strong{font-size:18px;}
  .creator-ranking-empty p{font-size:13px;}
}