/* 推薦創作者頁 */
:root { --rc-color-page:#fff; --rc-color-soft:#f8f8fb; --rc-color-text:#151515; --rc-color-muted:#9b9ba6; --rc-color-line:#e8e8ee; --rc-color-brand:#130c36; --rc-color-blue:#1d9bf0; --rc-shadow-card:0 2px 10px rgba(0,0,0,.06); }
body.recommend-page { min-height:100vh; margin:0; background:var(--rc-color-page); color:var(--rc-color-text); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.recommend-page-bg { background:var(--rc-color-page) !important; }
.recommend-layout { display:flex; gap:0; max-width:988px; margin:0 auto; padding:0; color:var(--rc-color-text); }
.recommend-main { flex:0 0 600px; max-width:600px; min-height:100vh; margin:0; background:#fff; border-left:1px solid var(--rc-color-line); border-right:1px solid var(--rc-color-line); }
.recommend-header { position:sticky; top:0; z-index:20; display:grid; grid-template-columns:48px 1fr 48px; align-items:center; min-height:50px; background:rgba(255,255,255,.94); border-bottom:1px solid var(--rc-color-line); backdrop-filter:blur(10px); }
.recommend-header-title { margin:0; color:var(--rc-color-text); font-size:20px; font-weight:800; line-height:1.2; text-align:left; }
.recommend-back { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border:0; background:transparent; color:var(--rc-color-text); cursor:pointer; }
.recommend-back:hover { background:rgba(0,0,0,.04); }
.recommend-hero { padding:42px 16px 28px; text-align:center; }
.recommend-hero h2 { margin:0 0 14px; color:#29252d; font-size:24px; font-weight:500; line-height:1.3; letter-spacing:0; }
.recommend-hero p { margin:0; color:var(--rc-color-muted); font-size:14px; font-weight:500; }
.recommend-section-title { padding:0 16px 12px; color:var(--rc-color-text); font-size:18px; font-weight:800; }
.recommend-list { display:flex; flex-direction:column; gap:26px; padding:0 16px 36px; }
.recommend-row { position:relative; display:grid; grid-template-columns:56px 1fr auto; gap:12px; align-items:start; min-height:56px; }
.recommend-avatar { width:56px; height:56px; border-radius:50%; object-fit:cover; background:#ddd; }
.recommend-info { min-width:0; padding-top:1px; }
.recommend-name { display:flex; align-items:center; gap:5px; margin-bottom:0; color:#151515; font-size:16px; font-weight:800; line-height:1.2; }
.recommend-verified { width:14px; height:14px; display:block; flex:0 0 auto; }
.recommend-handle { margin-bottom:3px; color:#9a9aa4; font-size:14px; font-weight:500; line-height:1.2; }
.recommend-bio { display:-webkit-box; overflow:hidden; margin:0; color:#36343c; font-size:14px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.recommend-follow { align-self:center; min-width:52px; height:34px; padding:0 14px; border:1px solid #ed3f6a; border-radius:999px; background:#fff; color:#ed3f6a; font-size:13px; font-weight:800; cursor:pointer; white-space:nowrap; transition:background .18s, color .18s, box-shadow .18s; }
.recommend-follow:hover { box-shadow:0 4px 12px rgba(237,63,106,.18); }
.recommend-row.is-following .recommend-follow { background:#ed3f6a; color:#fff; border-color:#ed3f6a; box-shadow:none; }
.recommend-empty { margin:0; color:var(--rc-color-muted); }
body.recommend-page .site-sidebar { background:#fff !important; border-right:1px solid var(--rc-color-line) !important; color:#c7cad8 !important; }
body.recommend-page .site-sidebar a { color:#c7cad8 !important; background:transparent !important; }
body.recommend-page .site-sidebar a:hover { color:#8d91a6 !important; background:#f7f7fb !important; }
body.recommend-page .site-sidebar .border-t { border-color:var(--rc-color-line) !important; }
body.recommend-page .site-sidebar .logo-dark { display:none !important; }
body.recommend-page .site-sidebar .logo-light { display:block !important; }
body.recommend-page .site-mobile-nav { background:#fff !important; border-top:1px solid var(--rc-color-line) !important; color:#c7cad8 !important; }
body.recommend-page .site-mobile-nav a { color:#c7cad8 !important; }
body.recommend-page .hearts-right-col { width:388px; padding:56px 20px 20px 48px; }
body.recommend-page .hearts-right-col-inner { position:sticky; top:56px; width:316px; min-height:530px; padding:24px 20px 20px; background:#f7f7f8; border:0; border-radius:18px; box-shadow:none; }
body.recommend-page .hearts-right-col-inner .rec-title,body.recommend-page .hearts-right-col-inner .rec-name { color:var(--rc-color-text); }
body.recommend-page .hearts-right-col-inner .rec-handle { color:#777b88; }
body.recommend-page .hearts-right-col-inner .rec-item { margin-bottom:28px; }
body.recommend-page .hearts-right-col-inner .rec-avatar { width:50px; height:50px; }
body.recommend-page .hearts-right-col-inner .rec-follow-btn { min-width:52px; padding:6px 14px; }
body.recommend-page .hearts-right-col-inner .rec-see-more { color:#111; text-decoration:none; }
@media (max-width:1024px) { .recommend-layout { max-width:none; padding:0; } .recommend-main { max-width:none; border-left:0; border-right:0; } body.recommend-page .hearts-right-col { display:none !important; } }
@media (max-width:640px) { .recommend-header-title { font-size:18px; text-align:center; } .recommend-hero { padding:38px 16px 28px; } .recommend-hero h2 { font-size:23px; } .recommend-list { gap:25px; padding-bottom:34px; } .recommend-row { grid-template-columns:56px 1fr auto; gap:10px; } .recommend-name { max-width:100%; overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; } .recommend-handle,.recommend-bio { font-size:13px; } .recommend-follow { min-width:50px; height:32px; padding:0 12px; font-size:12px; } }
/* 夜晚樣式修正 */
html.dark { --rc-color-page:#09090b; --rc-color-soft:#18181d; --rc-color-text:#f5f5f6; --rc-color-muted:#a1a1aa; --rc-color-line:#26262d; --rc-color-brand:#ff2f69; --rc-shadow-card:none; }
html.dark body.recommend-page { background:var(--rc-color-page); color:var(--rc-color-text); }
html.dark .recommend-page-bg,html.dark .recommend-main { background:var(--rc-color-page) !important; color:var(--rc-color-text); }
html.dark .recommend-main { border-color:var(--rc-color-line); }
html.dark .recommend-header { background:rgba(9,9,11,.94); border-color:var(--rc-color-line); }
html.dark .recommend-header-title,html.dark .recommend-back,html.dark .recommend-section-title,html.dark .recommend-name,html.dark .recommend-hero h2 { color:var(--rc-color-text); }
html.dark .recommend-hero p,html.dark .recommend-handle { color:var(--rc-color-muted); }
html.dark .recommend-bio { color:#d1d5db; }
html.dark .recommend-row.is-following .recommend-follow { background:#ed3f6a; color:#fff; border-color:#ed3f6a; box-shadow:none; }
html.dark body.recommend-page .site-sidebar { background:#050506 !important; border-right:1px solid var(--rc-color-line) !important; color:#f5f5f6 !important; }
html.dark body.recommend-page .site-sidebar a { color:#f5f5f6 !important; background:transparent !important; }
html.dark body.recommend-page .site-sidebar a:hover { color:#ffffff !important; background:#18181d !important; }
html.dark body.recommend-page .site-sidebar .logo-dark { display:block !important; }
html.dark body.recommend-page .site-sidebar .logo-light { display:none !important; }
html.dark body.recommend-page .site-mobile-nav { background:#050506 !important; border-top:1px solid var(--rc-color-line) !important; color:#f5f5f6 !important; }
html.dark body.recommend-page .site-mobile-nav a { color:#f5f5f6 !important; }
html.dark body.recommend-page .hearts-right-col-inner { background:#18181d; color:var(--rc-color-text); }
html.dark body.recommend-page .hearts-right-col-inner .rec-title,html.dark body.recommend-page .hearts-right-col-inner .rec-name { color:var(--rc-color-text); }
html.dark body.recommend-page .hearts-right-col-inner .rec-handle { color:var(--rc-color-muted); }
html.dark body.recommend-page .hearts-right-col-inner .rec-item.is-following .rec-follow-btn { background:#ed3f6a; color:#fff; border-color:#ed3f6a; box-shadow:none; }
html.dark body.recommend-page .hearts-right-col-inner .rec-see-more { color:#fff; }