/* 资料、图片查看与关注列表：与 X 式内容布局保持同一套组件。 */
.image-crop-dialog,.connections-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--line-strong);border-radius:18px}.details-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.details-dialog-heading h2{font-size:19px;font-weight:700;margin:0;line-height:1.5}.icon-close{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:25px;cursor:pointer}.icon-close:hover{background:color-mix(in srgb,var(--fg) 6.3%,transparent)}.crop-hint{color:var(--text-2);font-size:13px;line-height:1.8;margin:0 20px 20px}.crop-canvas{display:block;width:min(320px,calc(100% - 40px));height:auto;aspect-ratio:1;margin:0 auto;background:var(--surface-2);border-radius:50%;touch-action:none;cursor:grab;outline-offset:4px}.crop-canvas:active{cursor:grabbing}.crop-canvas.wide{width:calc(100% - 40px);aspect-ratio:3;border-radius:8px}.crop-zoom{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-2);margin:25px 24px}.crop-zoom input{flex:1;min-width:0;appearance:none;background:var(--surface-3);height:4px;border-radius:9px;accent-color:var(--accent);cursor:pointer}.crop-zoom input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9.4%,transparent)}.crop-zoom input::-moz-range-thumb{width:17px;height:17px;border:0;border-radius:50%;background:var(--accent)}.crop-actions{display:flex;justify-content:space-between;gap:12px;padding:0 20px 20px}.crop-actions .button{border-radius:999px;font-size:13px}.settings-banner-preview{aspect-ratio:3;height:auto!important;position:relative}.settings-banner-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.settings-banner-actions .text-button{font-size:12px}.settings-banner-row .field-label{display:block;margin-bottom:10px}.settings-banner-row .field-error:empty,.avatar-editor .field-error:empty{display:none}.settings-avatar{border-radius:50%!important}.settings-main .settings-actions .button{min-width:105px}.settings-avatar img{border-radius:50%}.media-trigger{cursor:zoom-in}.media-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.media-dialog{padding:0;border:1px solid var(--line-strong);border-radius:18px;background:var(--bg);width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;color:var(--text)}.media-dialog .details-dialog-heading{padding:12px 16px}.media-dialog h2{font-size:15px}.media-dialog>img{display:block;max-width:100%;max-height:calc(100dvh - 100px);margin:0 auto;object-fit:contain}.media-dialog.avatar-view>img{width:min(520px,100%);aspect-ratio:1;object-fit:cover}.media-dialog::backdrop{background:color-mix(in srgb,var(--shadow) 80%,transparent);backdrop-filter:blur(12px)}.profile-cover{aspect-ratio:3;height:auto!important}.profile-cover.media-trigger{border-radius:0}.profile-counts button:hover{text-decoration:underline;text-underline-offset:3px}.profile-message[aria-disabled=true]{cursor:pointer}.social-follow{transition:background .16s,color .16s,border-color .16s;white-space:nowrap}.social-follow:disabled{opacity:.6;cursor:wait}.social-follow.is-following:hover,.social-follow.is-following:focus-visible{background:color-mix(in srgb,var(--danger) 4.7%,transparent);color:var(--danger);border-color:var(--danger)}.connections-dialog .details-dialog-heading{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 96.1%,transparent);backdrop-filter:blur(12px);z-index:2}.connections-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid color-mix(in srgb,var(--fg) 9.4%,transparent)}.connections-tab{font-size:14px;color:var(--muted);background:none;border:0;padding:14px 8px;position:relative}.connections-tab[aria-selected=true]{color:var(--text);font-weight:700}.connections-tab[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:35%;right:35%;height:4px;border-radius:9px;background:var(--accent)}.connections-row{display:flex;align-items:flex-start;gap:12px;padding:17px 20px;border-bottom:1px solid color-mix(in srgb,var(--fg) 5.1%,transparent)}.connections-row:hover{background:color-mix(in srgb,var(--fg) 1.6%,transparent)}.connections-row>.avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;text-decoration:none}.connection-info{flex:1;min-width:0}.connection-info .verified-name{max-width:100%;font-size:14px}.connection-info .username-text{overflow-wrap:anywhere}.connection-info>small{display:block;font-size:13px;color:var(--muted)}.connection-info>p{font-size:13px;line-height:1.7;margin:7px 0 0;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere}.connections-row>.button{flex-shrink:0;font-size:12px;min-height:32px;padding:0 15px;background:var(--fg);border-radius:99px;color:var(--bg)}.connections-row>.button.is-following{background:transparent;border-color:var(--accent);color:var(--text)}.connections-dialog .load-more{padding:16px;text-align:center}.connections-loading{padding:18px 20px}.connections-loading>div{height:54px;margin-bottom:18px}.connections-dialog .refined-empty{padding:36px 22px}.connections-dialog .refined-empty h2{font-size:19px}.profile-post-byline>.profile-post-avatar{width:27px;height:27px;border-radius:50%;flex-shrink:0}.profile-post-byline>.verified-name{margin-right:auto}.profile-post-byline{justify-content:flex-start}.x-topbar .x-profile-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.x-topbar .x-profile-subtitle{font-size:12px;color:var(--muted)}.x-app .profile-avatar{cursor:zoom-in}.x-app .profile-actions{max-width:calc(100% - 140px)}.x-app .profile-names,.x-app .profile-bio{overflow-wrap:anywhere}.suggestions-track>.refined-empty{min-width:100%}.suggest-card .suggest-avatar-link{display:flex;width:48px;height:48px;margin-top:-24px;position:relative}.suggest-card .suggest-avatar-link .avatar{width:48px;height:48px;border-radius:50%;border:4px solid var(--line)}.suggestions-heading .text-button{font-size:12px}.settings-unsaved{font-size:12px;color:var(--text-2);margin:13px 0 0}.settings-unsaved:empty{display:none}.profile-counts-error{color:var(--danger);font-size:12px;margin:8px 0 0}.profile-counts-error button{color:var(--accent);border:0;background:none;font-size:12px;margin-left:9px}.profile-counts-error[hidden]{display:none}
@media(max-width:640px){.x-app .profile-actions{max-width:calc(100% - 100px);gap:7px}.connections-row{padding:15px 16px;gap:10px}.connections-row>.button{padding:0 12px;min-width:66px}.connection-info>p{font-size:12px}.image-crop-dialog,.connections-dialog{max-height:calc(100dvh - 20px)}.details-dialog-heading{padding:15px 16px}.crop-hint{margin:0 16px 18px}.x-topbar .x-profile-title{max-width:180px}.settings-main .avatar-editor{gap:15px}.settings-main .settings-avatar{width:66px;height:66px;flex-shrink:0}.settings-main .avatar-actions{gap:12px;flex-wrap:wrap}.x-app .profile-message{font-size:0;padding:0;width:34px;min-width:34px;display:grid;place-items:center}.profile-message svg{width:16px;height:16px}.crop-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.social-follow{transition:none}}