.creator-recommend-section{background:var(--feed-card,#fff);border-top:1px solid var(--feed-line,#e5e7eb);color:var(--feed-text,#1f2937);}
.creator-recommend-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 16px 11px;}
.creator-recommend-heading h2{margin:0;color:inherit;font-size:18px;font-weight:800;line-height:1.25;}
.creator-recommend-heading p{margin:5px 0 0;color:var(--feed-muted,#6b7280);font-size:13px;line-height:1.45;}
.creator-recommend-list{display:grid;background:inherit;}
.creator-recommend-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:92px;padding:13px 16px;border-top:1px solid var(--feed-line,#e5e7eb);}
.creator-recommend-avatar-link{display:block;width:58px;height:58px;border-radius:50%;}
.creator-recommend-avatar{display:block;width:58px;height:58px;border-radius:50%;object-fit:cover;background:#eef0f4;}
.creator-recommend-info{display:block;min-width:0;color:inherit;text-decoration:none;}
.creator-recommend-name{display:flex;align-items:center;gap:5px;overflow:hidden;font-size:15px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;}
.creator-recommend-name img{width:15px;height:15px;flex:0 0 auto;}
.creator-recommend-handle{margin-top:2px;color:var(--feed-muted,#6b7280);font-size:13px;font-weight:600;line-height:1.25;}
.creator-recommend-bio{display:-webkit-box;overflow:hidden;margin:5px 0 0;color:var(--feed-muted,#6b7280);font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.creator-recommend-follow{min-width:72px;height:36px;padding:0 15px;border:1px solid #ed3f6a;border-radius:999px;background:#fff;color:#ed3f6a;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease;}
.creator-recommend-follow:hover{background:#fff1f5;}
.creator-recommend-card.is-following .creator-recommend-follow{border-color:#ed3f6a;background:#ed3f6a;color:#fff;}
.creator-recommend-follow:focus-visible{outline:2px solid #ed3f6a;outline-offset:2px;}
.creator-recommend-follow:disabled{cursor:wait;opacity:.65;}
.creator-recommend-empty{margin:0;padding:22px 16px;color:var(--feed-muted,#6b7280);font-size:14px;}
.creator-recommend-onboarding{border:1px solid var(--auth-line,#dbe3ee);border-radius:14px;background:var(--auth-card,#fff);box-shadow:0 14px 32px rgba(53,91,132,.09);overflow:hidden;}
.creator-recommend-onboarding .creator-recommend-heading{padding:19px 18px 12px;}
.creator-recommend-onboarding .creator-recommend-card{padding-right:18px;padding-left:18px;}
.auth-recommend-card{width:min(100%,600px);min-height:100vh;border-radius:0;display:flex;flex-direction:column;}
.auth-recommend-card .auth-flow-head{padding:24px 24px 16px;}
.auth-recommend-card .auth-progress{margin:0 24px 16px;}
.auth-recommend-content{flex:1;overflow-y:auto;padding:0 24px 98px;}
.auth-recommend-actions{position:sticky;bottom:0;padding:16px 24px 24px;background:linear-gradient(to top,var(--auth-card,#fff) 80%,transparent);}
.auth-recommend-actions .auth-submit{display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none;}
html.dark .creator-recommend-section{background:var(--feed-card,#18181d);border-color:var(--feed-line,#30303a);color:var(--feed-text,#f7f7f8);}
html.dark .creator-recommend-card{border-color:var(--feed-line,#30303a);}
html.dark .creator-recommend-follow{background:#24242b;color:#fb7185;}
html.dark .creator-recommend-follow:hover{background:#3a1c2a;}
@media (max-width:640px){.creator-recommend-card{grid-template-columns:52px minmax(0,1fr) auto;gap:10px;min-height:84px;padding:12px 14px;}.creator-recommend-avatar-link,.creator-recommend-avatar{width:52px;height:52px;}.creator-recommend-name{font-size:14px;}.creator-recommend-handle,.creator-recommend-bio{font-size:12px;}.creator-recommend-follow{min-width:62px;height:34px;padding:0 11px;font-size:13px;}}
@media (max-width:640px){.auth-recommend-content{padding-right:16px;padding-left:16px;}.auth-recommend-card .auth-flow-head{padding-right:16px;padding-left:16px;}.auth-recommend-card .auth-progress{margin-right:16px;margin-left:16px;}.auth-recommend-actions{padding-right:16px;padding-left:16px;}}