/* Public profiles share the forum's navy, blue and quiet white surfaces. */
body.forum-user { --text-color:#182941; --text-secondary:#69798e; --accent-color:#2463cb; --border-color:#e8edf3; color:#182941; background:#f5f7fa; }
html { overflow-y:scroll; }
.forum-user [hidden] { display:none !important; }
.forum-user .container { max-width:1200px; padding-inline:24px; }
.forum-user :is(a,button):focus-visible { outline:2px solid #6792db; outline-offset:3px; }
.forum-user button { font-family:inherit; cursor:pointer; }
.user-skip-link { position:fixed; top:-90px; left:20px; z-index:2000; padding:10px 16px; border-radius:4px; background:white; color:#2463cb; }.user-skip-link:focus { top:10px; }
.forum-user .main { display:grid; grid-template-columns:minmax(0,1fr) 278px; gap:16px; max-width:none; align-items:start; margin:20px auto 40px; opacity:0; transition:opacity .2s; scroll-margin-top:84px; }
.forum-user .main.loaded { opacity:1; }
.forum-user .content { width:auto; min-width:0; }
.forum-user .sidebar { display:flex; flex-direction:column; gap:14px; width:auto; min-width:0; }
.user-profile-card,.user-activity,.user-side-card,.user-page-status { background:#fff; border:1px solid #e5ebf3; border-radius:7px; box-shadow:0 1px 3px #15274b03; }
.user-profile-card { overflow:hidden; margin-bottom:14px; }
.user-profile-cover { position:relative; height:132px; overflow:hidden; background:#edf4fc; }
.user-cover-art { position:absolute; right:0; top:50%; transform:translateY(-50%); width:470px; height:235px; max-width:none; object-fit:contain; }
.user-cover-copy { position:relative; padding:20px 26px; width:58%; }
.user-cover-copy>span { color:#55779e; font-size:11px; letter-spacing:1.4px; }
.user-cover-copy>p { color:#294e7a; font-size:22px; line-height:1.5; font-weight:650; letter-spacing:.5px; margin:7px 0 0; }
.user-profile-header { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; position:relative; padding:17px 26px 20px; }
.user-profile-avatar { width:78px; height:78px; flex:0 0 78px; border:4px solid #fff; border-radius:14px; object-fit:cover; background:#eff4fb; box-shadow:0 2px 9px #18395d0e; margin-top:-38px; align-self:flex-start; }
.user-profile-info { flex:1; min-width:130px; }
.user-profile-name { display:flex; flex-wrap:wrap; gap:7px 10px; align-items:center; font-size:22px; font-weight:650; line-height:1.45; margin:0 0 8px; color:#1b304c; overflow-wrap:anywhere; }
.user-profile-signature { margin:0; font-size:13px; line-height:1.8; color:#718096; overflow-wrap:anywhere; white-space:pre-line; }
.forum-user .role-badge { padding:2px 7px; border:1px solid #d9e6f7; border-radius:4px; font-size:11px; line-height:1.5; font-weight:500; color:#426daa; background:#eef4fd; white-space:nowrap; }
.forum-user .role-owner { background:#fcf6e8; border-color:#ead9ac; color:#896827; }
.user-action-buttons { gap:8px; align-items:center; flex-wrap:wrap; }
.forum-user .action-btn { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:35px; padding:7px 12px; font-size:12px; line-height:1.4; border:1px solid #dae5f5; border-radius:5px; background:#fff; color:#47709f; white-space:nowrap; text-decoration:none; transition:background .15s,border-color .15s; }
.forum-user .action-btn:hover { background:#edf4fe; border-color:#aac5e8; color:#245fae; }
.forum-user .action-btn.follow-btn { background:#eaf2ff; border-color:#cbdcf5; color:#245fae; }
.forum-user .action-btn.following,.forum-user .action-btn.blocked { background:#f3f6fa; color:#657b98; border-color:#e0e7f1; }
.forum-user .action-btn:disabled { cursor:wait; opacity:.6; }
.user-ui-icon { display:inline-block; width:24px; height:24px; object-fit:contain; flex:0 0 auto; vertical-align:middle; }
.action-btn .user-ui-icon { width:19px; height:19px; }
.user-profile-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:16px 20px; border-top:1px solid #eef2f7; }
.user-stat-item { display:flex; align-items:center; justify-content:center; gap:10px; color:#687e9a; padding:1px 7px; min-width:0; border-right:1px solid #ecf0f6; }.user-stat-item:last-child { border:0; }
.user-stat-item>.user-ui-icon { width:32px; height:32px; }
.user-stat-copy { display:flex; align-items:baseline; gap:7px; min-width:0; }
.user-stat-copy strong { font-size:21px; font-weight:650; line-height:1.35; color:#29476e; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.user-stat-copy>span { font-size:12px; white-space:nowrap; }
a.user-stat-item:hover .user-stat-copy>span { color:#2463cb; }
.user-activity { overflow:hidden; }
.user-tabs { display:flex; align-items:stretch; gap:30px; padding:0 24px; margin:0; background:#fff; border-bottom:1px solid #e8edf4; }
.user-tab-item { display:flex; align-items:center; gap:6px; position:relative; color:#6d7e94; font-size:14px; padding:16px 0; line-height:1.5; white-space:nowrap; }
.user-tab-item.active { font-weight:600; color:#2463cb; }.user-tab-item:hover { color:#2463cb; }
.user-tab-item.active::after { content:""; height:3px; background:#3978ca; position:absolute; bottom:-1px; left:0; right:0; }
.user-tab-item .user-ui-icon { width:24px; height:24px; }
.user-tab-item .tab-count { color:#8496af; font-size:11px; font-weight:400; }
.user-tab-content { display:none; }.user-tab-content.active { display:block; }
.user-content { padding:0 24px; }
.user-section-note { margin:0; padding:15px 0 12px; font-size:12px; color:#7a8ba1; border-bottom:1px solid #eef2f7; }
.forum-user .user-thread-item { background:transparent; border:0; border-bottom:1px solid #edf1f6; border-radius:0; padding:20px 0; margin:0; }.forum-user .user-thread-item:last-child { border:0; }.forum-user .user-thread-item:hover { background:transparent; }
.forum-user .user-thread-title { display:block; overflow:visible; white-space:normal; height:auto; font-size:17px; line-height:1.65; color:#213853; font-weight:600; margin:0; overflow-wrap:anywhere; }
.forum-user .user-thread-title:hover { color:#2463cb; }
.forum-user .user-thread-flag { display:inline-block; vertical-align:2px; margin-right:5px; padding:1px 5px; border:0; border-radius:3px; font-size:10px; line-height:1.7; font-weight:500; white-space:nowrap; }
.forum-user .tag-original { background:#edf4fe; color:#3972b7; }.forum-user .tag-essence { background:#faf4e5; color:#917232; }
.forum-user .user-thread-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-top:12px; font-size:12px; color:#7d8da3; }
.forum-user .user-thread-category { display:inline-flex; height:auto; padding:4px 7px; border:0; border-radius:3px; font-size:11px; font-weight:400; color:#5277a5; background:#f0f5fb; white-space:normal; overflow-wrap:anywhere; }
.user-thread-stat { display:inline-flex; align-items:center; gap:5px; color:#75869d; font-variant-numeric:tabular-nums; white-space:nowrap; }.user-thread-stat:hover { color:#2463cb; }.user-thread-stat .user-ui-icon { width:21px; height:21px; }
.user-thread-date { margin-left:auto; font-size:11px; white-space:nowrap; }
.forum-user .reward-item { padding:19px 0; border-bottom:1px solid #edf1f6; }.forum-user .reward-item:last-child { border:0; }
.reward-header { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:12px; color:#7b8ba0; margin-bottom:10px; }.reward-header .user-ui-icon { width:24px; height:24px; }.reward-amount { color:#9a7634; font-weight:600; }
.reward-content { padding:14px 16px; border:1px solid #edf1f6; border-radius:5px; background:#f8fafd; }.reward-title { color:#273e5c; font-size:15px; font-weight:550; line-height:1.7; overflow-wrap:anywhere; }.reward-title:hover { color:#2463cb; }
.reward-author { display:flex; align-items:center; gap:7px; margin-top:10px; }.reward-author-avatar { width:24px; height:24px; border-radius:50%; object-fit:cover; }.reward-author-name { color:#7486a0; font-size:12px; }
#following-list,#followers-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
.user-list-item { padding:20px 0; min-width:0; border-bottom:1px solid #edf1f6; }.user-list-info { display:flex; gap:12px; align-items:center; }.user-list-avatar { width:45px; height:45px; flex:0 0 45px; border-radius:9px; object-fit:cover; }.user-list-detail { flex:1; min-width:0; }.user-list-name { color:#304d70; font-size:14px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }.user-list-signature { color:#8291a5; font-size:12px; line-height:1.7; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-empty,.user-loading { grid-column:1 / -1; text-align:center; padding:28px 12px 34px; color:#7b8ba0; }
.user-empty>img { display:block; width:156px; height:114px; object-fit:contain; margin:0 auto 9px; }
.user-empty h3 { font-size:16px; font-weight:550; color:#4b6484; margin:0 0 8px; }.user-empty p { font-size:13px; line-height:1.8; margin:0 0 16px; }.user-empty>a { font-size:12px; color:#3975c0; }
.user-loading { padding:55px 12px; font-size:13px; }.load-more-container { align-items:center; justify-content:center; gap:10px; padding:20px; color:#7c8ba0; font-size:12px; }.load-more-spinner { width:17px; height:17px; border:2px solid #dce7f6; border-top-color:#5286ca; border-radius:50%; animation:user-loading-spin .8s linear infinite; }
.no-more-text { padding:18px 0 22px; text-align:center; font-size:12px; color:#95a2b4; border-top:1px solid #f1f4f8; }
.user-load-next { display:block; width:100%; padding:13px 8px; margin-bottom:12px; background:#f5f8fc; border:1px solid #e8eff7; border-radius:5px; font-size:12px; color:#577ca8; }
.user-side-card { padding:18px; margin:0; }.user-side-heading { display:flex; align-items:center; gap:8px; }.user-side-heading .user-ui-icon { width:29px; height:29px; }
.user-side-card h2 { margin:0; color:#2b4567; font-size:15px; font-weight:600; line-height:1.6; }.user-connect-card>p { color:#788aa2; font-size:13px; line-height:1.85; margin:11px 0 16px; }.user-connect-card { background:#fbfcff; }
.user-compose-link { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; border:1px solid #2463cb; border-radius:5px; background:#2463cb; color:#fff; font-size:14px; }.user-compose-link:hover { color:#fff; background:#1c50a8; }
.user-home-link { display:flex; align-items:center; justify-content:center; gap:7px; color:#6b84a5; font-size:12px; margin:14px 0 0; }.user-home-link:hover { color:#2463cb; }.user-home-link .user-ui-icon { width:22px; height:22px; }
.user-support-card h2 { font-size:14px; }.user-support-body { display:flex; gap:12px; align-items:center; margin-top:14px; }.user-support-body>#user-support-open { flex:0 0 92px; padding:0; border:0; background:#fff; cursor:zoom-in; }.user-support-body img { width:92px; height:92px; display:block; }.user-support-body strong { color:#476382; font-weight:600; font-size:13px; }.user-support-body p { margin:5px 0; color:#8291a5; font-size:11px; line-height:1.8; }.user-qr-enlarge { color:#437ac0; background:none; padding:0; border:0; font-size:11px; }
.user-community-stats h2 { font-size:13px; color:#6b819e; margin-bottom:12px; }.user-community-stats p { display:flex; justify-content:space-between; gap:10px; margin:9px 0 0; color:#8997aa; font-size:12px; }.user-community-stats strong { color:#5d7799; font-weight:550; font-variant-numeric:tabular-nums; }
#ad-content { overflow-wrap:anywhere; }#ad-content img { max-width:100%; height:auto; }
.user-support-dialog { position:fixed; width:min(352px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:26px 24px 22px; overflow:auto; border:1px solid #e3eaf5; border-radius:10px; background:white; color:#23364f; box-shadow:0 18px 65px #10244335; text-align:center; }.user-support-dialog::backdrop { background:#10244370; }.user-support-dialog h2 { margin:0 0 8px; font-size:19px; }.user-support-dialog p { margin:0; color:#718099; font-size:13px; }.user-support-dialog>img { display:block; width:252px; max-width:100%; height:auto; margin:20px auto 18px; }.user-support-dialog>a { display:inline-block; padding:8px 22px; border:1px solid #dce7f8; border-radius:4px; color:#2463cb; background:#eef4ff; font-size:13px; }.user-dialog-close { position:absolute; top:8px; right:8px; width:30px; height:30px; background:transparent; border:0; color:#7c8aa0; font-size:24px; }
.user-page-status { padding:40px 24px; text-align:center; }.user-page-status>img { width:180px; height:132px; object-fit:contain; }.user-page-status h1 { color:#304d70; font-size:22px; margin:16px 0 10px; }.user-page-status p { font-size:14px; line-height:1.8; color:#7a8ba2; margin:0 0 22px; }
@keyframes user-loading-spin { to { transform:rotate(360deg); } }
@media(max-width:1050px) {
 .forum-user .main { grid-template-columns:minmax(0,1fr) 250px; }.user-profile-header { padding-inline:20px; }.user-profile-name { font-size:20px; }.user-action-buttons { width:100%; justify-content:flex-end; }.user-cover-copy { padding-left:22px; }.user-cover-art { right:-60px; }.user-tabs { gap:20px; padding-inline:20px; }.user-content { padding-inline:20px; }.user-stat-item { gap:6px; padding-inline:4px; }.user-stat-copy { flex-direction:column; gap:1px; }.user-stat-item>.user-ui-icon { width:28px; height:28px; }.user-side-card { padding:16px; }.user-support-body { gap:8px; }.user-support-body>#user-support-open { flex-basis:82px; }.user-support-body img { width:82px; height:82px; }
}
@media(max-width:820px) {
 .forum-user .main { grid-template-columns:minmax(0,1fr); }.forum-user .sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.user-action-buttons { width:auto; }.user-stat-copy { flex-direction:row; gap:7px; }.user-cover-art { right:0; }.user-tabs { gap:32px; }.user-side-card { padding:18px; }.user-support-body { gap:14px; }.user-support-body>#user-support-open { flex-basis:92px; }.user-support-body img { width:92px; height:92px; }.user-support-body p { font-size:12px; }
}
@media(max-width:600px) {
 .forum-user .container { padding-inline:12px; }.forum-user .header>.container { padding-inline:16px; }.forum-user .main { margin:12px 0 28px; gap:12px; }.user-profile-cover { height:120px; }.user-cover-art { width:370px; height:185px; right:-70px; }.user-cover-copy { width:63%; padding:17px 17px; }.user-cover-copy>span { font-size:10px; letter-spacing:.6px; }.user-cover-copy>p { font-size:19px; line-height:1.55; }.user-profile-header { padding:16px; gap:10px 12px; }.user-profile-avatar { width:65px; height:65px; flex-basis:65px; margin-top:-30px; border-radius:12px; }.user-profile-info { min-width:0; }.user-profile-name { font-size:19px; margin-bottom:6px; gap:5px 7px; }.user-profile-signature { font-size:12px; }.user-action-buttons { width:100%; justify-content:flex-end; }.user-profile-header>#own-profile-link { margin-left:auto; }.user-profile-stats { padding:13px 7px; }.user-stat-item { flex-direction:column; gap:4px; padding:0 4px; }.user-stat-item>.user-ui-icon { width:27px; height:27px; }.user-stat-copy { flex-direction:row; gap:5px; }.user-stat-copy strong { font-size:19px; }.user-stat-copy>span { font-size:11px; }.user-tabs { padding:0 15px; gap:0; justify-content:space-between; }.user-tab-item { padding:14px 0; font-size:13px; gap:4px; }.user-tab-item .user-ui-icon { width:21px; height:21px; }.user-tab-item .tab-count { font-size:10px; }.user-content { padding:0 16px; }.forum-user .user-thread-item { padding:17px 0; }.forum-user .user-thread-title { font-size:16px; }.forum-user .user-thread-meta { gap:7px 10px; font-size:11px; margin-top:10px; }.user-thread-date { margin-left:0; }.user-thread-stat .user-ui-icon { width:19px; height:19px; }.user-empty { padding:24px 4px 28px; }.user-empty p { font-size:12px; }.forum-user .sidebar { grid-template-columns:minmax(0,1fr); gap:12px; }.user-connect-card>p br { display:none; }.user-connect-card { display:none; }.user-support-body p { font-size:12px; }.user-community-stats #stats { display:flex; justify-content:space-between; gap:10px; }.user-community-stats p { display:flex; flex-direction:column; gap:7px; margin-top:3px; font-size:11px; }.user-community-stats strong { font-size:16px; }#following-list,#followers-list { grid-template-columns:minmax(0,1fr); }.user-list-item { padding:16px 0; }.user-list-signature { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.user-section-note { font-size:11px; }.user-page-status { padding:28px 16px; }.user-page-status h1 { font-size:20px; }
}
@media(max-width:600px) { .user-profile-info { flex:1 0 calc(100% - 77px); } }
@media(max-width:360px) { .user-tabs { padding-inline:12px; }.user-tab-item { gap:3px; font-size:12px; }.user-tab-item .user-ui-icon { width:18px; height:18px; }.user-tab-item .tab-count { font-size:9px; }.user-cover-art { right:-90px; }.user-cover-copy>p { font-size:18px; }.user-stat-copy { flex-direction:column; gap:0; }.user-profile-name { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { .forum-user * { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }