.creator-profile-page{padding-top:34px;padding-bottom:56px;}
.creator-profile-banner{width:100%;height:280px;border-radius:12px;overflow:hidden;background:#f7f7f7;margin:0;position:relative;isolation:isolate;z-index:1;}
.creator-profile-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fbfbfb 0%,#f1f1f1 52%,#fafafa 100%);opacity:1;transition:opacity .22s ease;z-index:0;}
.creator-profile-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:118px;background:linear-gradient(180deg,rgba(17,24,39,0) 0%,rgba(17,24,39,.38) 100%);opacity:1;transition:opacity .22s ease;pointer-events:none;z-index:2;}
.creator-profile-banner img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;opacity:1;transition:opacity .22s ease;}
.creator-profile-banner.is-loading img{opacity:0;}
.creator-profile-banner.is-loading::after{opacity:0;}
.creator-profile-banner:not(.is-loading)::before{opacity:0;}
.creator-profile-head{width:min(1040px, calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;padding:0 0 18px;border-bottom:1px solid #F0F0F0;box-sizing:border-box;position:relative;z-index:3;}
.creator-profile-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.08);background:#fff;margin-top:-54px;position:relative;z-index:4;}
.creator-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.creator-profile-info{min-width:0;padding-top:0;text-align:left;}
.creator-profile-title{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;min-height:44px;margin-top:-48px;position:relative;z-index:4;}
.creator-profile-title h1{margin:0;font-size:28px;line-height:1.25;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.42);}
.creator-profile-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#fff;color:#111;font-size:12px;}
.creator-profile-intro{margin:16px 0 0;color:#6B7280;font-size:14px;line-height:1.8;max-width:860px;}
.creator-profile-section{margin-top:34px;}
.creator-profile-toolbar{display:grid;gap:24px;margin-bottom:24px;}
.creator-profile-cats{display:flex;align-items:center;flex-wrap:wrap;gap:10px 8px;width:100%;max-width:100%;padding-bottom:18px;border-bottom:1px solid #F0F0F0;}
.creator-profile-cats a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;max-width:180px;padding:6px 12px;background-color:#f0f0f0;border-radius:20px;font-size:14px;color:#666;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease;}
.creator-profile-cats a:hover,
.creator-profile-cats a.active{background-color:#000;color:#fff;}
.creator-profile-section-head{display:flex;justify-content:flex-end;margin-bottom:16px;gap:8px;}
.creator-profile-sort{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.creator-profile-sort a{padding:8px 16px;background-color:#f5f5f5;border-radius:8px;font-size:14px;color:#666;text-decoration:none;transition:all .2s ease;}
.creator-profile-sort a:hover{background-color:#f0f0f0;}
.creator-profile-sort a.active{background-color:#000;color:#fff;font-weight:600;}
.creator-profile-empty{border:1px dashed #D1D5DB;border-radius:16px;padding:50px 24px;text-align:center;color:#6B7280;background:#FAFAFA;}
@media (max-width:768px){
  .creator-profile-banner{height:auto;aspect-ratio:auto;margin:0 12px;width:auto;background:transparent;}
  .creator-profile-banner::after{display:none;}
  .creator-profile-banner img{height:auto;object-fit:contain;}
  .creator-profile-page{padding:16px 12px 40px;box-sizing:border-box;}
  .creator-profile-head{width:auto;margin:14px 12px 0;grid-template-columns:64px minmax(0,1fr);gap:12px;padding-bottom:16px;align-items:start;}
  .creator-profile-avatar{width:64px;height:64px;margin-top:0;border-width:3px;}
  .creator-profile-title{min-height:0;margin-top:0;align-items:center;}
  .creator-profile-title h1{font-size:20px;color:#111827;text-shadow:none;}
  .creator-profile-badge{padding:4px 9px;background:#F3F4F6;color:#111827;font-size:12px;}
  .creator-profile-intro{margin-top:8px;font-size:13px;line-height:1.72;}
  .creator-profile-section{margin:24px 12px 0;}
  .creator-profile-toolbar{gap:18px;margin-bottom:20px;}
  .creator-profile-cats{gap:8px;padding-bottom:16px;}
  .creator-profile-cats a{padding:5px 10px;font-size:13px;}
  .creator-profile-section-head{margin-bottom:12px;gap:6px;}
  .creator-profile-sort{gap:6px;}
  .creator-profile-sort a{padding:6px 12px;font-size:13px;}
  .creator-profile-section-head,
    .creator-profile-sort{justify-content:center;}
}
@media (max-width:480px){
  .creator-profile-page{padding-top:12px;}
  .creator-profile-banner{height:auto;border-radius:8px;}
  .creator-profile-head{grid-template-columns:60px minmax(0,1fr);gap:10px;margin-top:12px;}
  .creator-profile-avatar{width:60px;height:60px;border-width:2px;}
  .creator-profile-title{gap:8px;}
  .creator-profile-title h1{font-size:19px;}
  .creator-profile-badge{padding:4px 8px;font-size:11px;}
  .creator-profile-intro{font-size:13px;line-height:1.68;}
  .creator-profile-section{margin:22px 12px 0;}
  .creator-profile-toolbar{gap:16px;margin-bottom:16px;}
  .creator-profile-cats{gap:8px;padding-bottom:14px;}
  .creator-profile-cats a{padding:4px 8px;font-size:11px;}
  .creator-profile-section-head{margin-bottom:10px;}
  .creator-profile-sort{gap:4px;}
  .creator-profile-sort a{padding:5px 10px;font-size:12px;}
}
@media (min-width:600px) and (max-width:768px){
  .creator-profile-section-head,
    .creator-profile-sort{justify-content:flex-end;}
}