[data-v-9745d76c]:root{--bg-primary:#0f0a0c;--bg-secondary:#212121;--bg-accent:#ffe415;--bg-header:#000;--bg-dock-color:#fff;--bg-main-color:#000;--bg-gray:#909090;--btn-primary:#ff3449;--bg-input:#2f2f2f;--btn-highlight:#ff5b6c;--border-primary:#ff3449;--border-secondary:#404040;--border-light:#fff;--border-color-default:#d8d8d8;--border-color-sub:#25252b;--border-color-accent:#ff8592;--border-color-secondary:#909090;--text-primary:#fff;--text-secondary:#909090;--text-accent:#ff8592;--text-highlight:#ff5b6c;--text-red:#ff2c55;--text-red-2:#ff3449;--border-radius-sub:6px;--border-radius-default:8px;--font-size-sub:14px;--font-size-default:16px;--font-size-large:20px;--app-color:#3275ff;--app-sub-color:#eaf1ff;--app-sub-color-hover:#d6e3ff;--app-color-hover:#0d4dd0;--font-color-sub:#999;--font-color-default:#333}.user-detail-page[data-v-9745d76c]{border-radius:8px;color:#fff;min-height:100vh;padding:20px}@media(max-width:767px){.user-detail-page[data-v-9745d76c]{padding:12px 14px}}.user-card[data-v-9745d76c]{background:transparent;border:1px solid #333;border-radius:16px;display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:14px}@media(min-width:1280px){.user-card[data-v-9745d76c]{padding:24px}}@media(max-width:767px){.user-card[data-v-9745d76c]{border-radius:12px;gap:12px;margin-bottom:14px;padding:12px}}.user-card-top[data-v-9745d76c]{align-items:center;display:flex;gap:10px;justify-content:space-between}@media(max-width:767px){.user-card-top[data-v-9745d76c]{flex-wrap:wrap}}.user-info[data-v-9745d76c]{align-items:center;display:flex;flex:1;gap:20px;min-width:0}@media(max-width:767px){.user-info[data-v-9745d76c]{gap:10px}}.user-avatar-wrap[data-v-9745d76c]{border:1px solid #333;border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}@media(min-width:1280px){.user-avatar-wrap[data-v-9745d76c]{height:72px;width:72px}}@media(max-width:767px){.user-avatar-wrap[data-v-9745d76c]{height:50px;width:50px}}.user-meta[data-v-9745d76c]{display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}@media(max-width:767px){.user-meta[data-v-9745d76c]{gap:6px}}.user-name[data-v-9745d76c]{color:#fff;font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1280px){.user-name[data-v-9745d76c]{font-size:20px}}@media(max-width:767px){.user-name[data-v-9745d76c]{font-size:15px}}.user-stats[data-v-9745d76c]{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:20px}@media(max-width:767px){.user-stats[data-v-9745d76c]{flex-wrap:wrap;font-size:12px;gap:14px}}.user-btn-group[data-v-9745d76c]{align-items:flex-end;display:flex;flex-direction:column;gap:8px;margin-top:4px}@media(min-width:1280px){.user-btn-group[data-v-9745d76c]{align-items:center;flex-direction:row;gap:16px}}.btn-reward[data-v-9745d76c]{align-items:center;background:var(--btn-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;height:32px;justify-content:center;padding:0 18px;transition:opacity .2s}@media(max-width:767px){.btn-reward[data-v-9745d76c]{border-radius:14px;font-size:12px;height:28px;padding:0 12px}}.btn-reward[data-v-9745d76c]:hover{opacity:.9}.btn-reward img[data-v-9745d76c]{display:none}@media(min-width:1280px){.btn-reward img[data-v-9745d76c]{display:block}}.btn-follow[data-v-9745d76c]{background:var(--btn-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;height:32px;padding:0 18px;transition:opacity .2s}@media(max-width:767px){.btn-follow[data-v-9745d76c]{border-radius:14px;font-size:12px;height:28px;padding:0 12px}}.btn-follow[data-v-9745d76c]:hover{opacity:.9}.btn-follow--active[data-v-9745d76c]{background:var(--border-secondary);color:var(--text-secondary)}.user-bio[data-v-9745d76c]{align-items:center;border-top:1px solid var(--border-secondary);color:var(--text-primary);display:flex;font-size:14px;padding-top:10px}@media(min-width:1280px){.user-bio[data-v-9745d76c]{color:var(--text-secondary)}}.profile-tabs[data-v-9745d76c]{border-bottom:1px solid #333;margin-bottom:0}@media(min-width:1280px){.profile-tabs[data-v-9745d76c]{margin-bottom:20px}}.profile-tabs[data-v-9745d76c] .tab-item{color:#999;font-size:16px;font-weight:500;padding:15px 0}.profile-tabs[data-v-9745d76c] .tab-item.is-active{color:#fff}@media(max-width:767px){.profile-tabs[data-v-9745d76c] .tab-item{font-size:14px;padding:10px 0}}.pagination-wrap[data-v-9745d76c]{margin-top:40px;padding-bottom:40px}@media(max-width:767px){.pagination-wrap[data-v-9745d76c]{margin-top:20px;padding-bottom:24px}}