.creator-banner { background: linear-gradient(135deg, var(--pt-primary) 0%, #818CF8 100%); padding: 60px 0 80px; color: #fff; position: relative; overflow: hidden; }
        .creator-banner::before { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
        .creator-banner > * { position: relative; z-index: 1; }
        .creator-profile { display: flex; gap: 24px; align-items: flex-end; flex-wrap: wrap; }
        .creator-avatar { width: 96px; height: 96px; border-radius: 50%; border: 4px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 700; flex-shrink: 0; overflow: hidden; }
        .creator-info h1 { font-size: 26px; font-weight: 800; margin-bottom: 4px; }
        .creator-info .desc { opacity: 0.9; font-size: 14px; margin-bottom: 10px; }
        .creator-stats { display: flex; gap: 24px; flex-wrap: wrap; }
        .creator-stat-val { font-size: 20px; font-weight: 800; }
        .creator-stat-label { font-size: 12px; opacity: 0.75; }
        .creator-body { margin-top: -40px; position: relative; z-index: 2; padding-bottom: 60px; }
        .stat-card { background: var(--pt-bg-white); border: 1px solid var(--pt-border); border-radius: var(--pt-radius); padding: 20px; text-align: center; }
        .stat-card .val { font-size: 28px; font-weight: 800; color: var(--pt-primary); }
        .stat-card .label { font-size: 12px; color: var(--pt-text-muted); margin-top: 4px; }
        .work-card { transition: all 0.3s; }
        .work-card:hover { transform: translateY(-4px); box-shadow: var(--pt-shadow-md); }
        .work-thumb { width: 100%; aspect-ratio: 16/10; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 36px; position: relative; overflow: hidden; }
        .work-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s; }
        .work-card:hover .work-overlay { opacity: 1; }
        .badge-verified { display: inline-flex; align-items: center; gap: 4px; background: var(--pt-success); color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 10px; vertical-align: middle; }
        .timeline-item { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--pt-border-light); }
        .timeline-item:last-child { border-bottom: none; }
        .timeline-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--pt-primary); margin-top: 5px; flex-shrink: 0; }
        .side-creator-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--pt-border-light); }
        .side-creator-row:last-child { border-bottom: none; }