.tf-profile-page{--tfp-blue:#2f72e7;--tfp-blue2:#5f9af4;--tfp-ink:#12263b;--tfp-soft:#5c7188;--tfp-muted:#8a9bad;--tfp-line:#e2eaf3;--tfp-card:#fff;--tfp-bg:#f5f8fc;padding:18px 0 46px}
.tf-profile-page *{box-sizing:border-box}.tf-profile-page a{text-decoration:none}.tf-profile-layout{align-items:start}.tf-profile-main{min-width:0}.tf-profile-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#8091a4;font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden}.tf-profile-breadcrumb a{color:#60758e}.tf-profile-breadcrumb b{overflow:hidden;text-overflow:ellipsis;color:#52687f}.tf-profile-hero{overflow:hidden;border:1px solid var(--tfp-line);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(31,63,98,.07)}
.tf-profile-cover{height:166px;position:relative;background:linear-gradient(120deg,#dfeaff 0%,#eef5ff 46%,#d6e6ff 100%);background-size:cover;background-position:center}.tf-profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(38,91,160,.07))}.tf-profile-cover-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(47,114,231,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(47,114,231,.12) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 70%,transparent)}
.tf-profile-card{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:18px;align-items:end;min-height:126px;padding:22px 24px 22px 26px}.tf-profile-avatar{width:118px;height:118px;margin-top:-74px;align-self:start;display:grid;place-items:center;overflow:hidden;border:5px solid #fff;border-radius:30px;background:linear-gradient(145deg,#2f72e7,#79aaf2);box-shadow:0 12px 30px rgba(32,72,116,.17);color:#fff;font-size:30px;font-weight:900}.tf-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tf-profile-identity{min-width:0}.tf-profile-name{display:flex;align-items:center;gap:7px}.tf-profile-name h1{margin:0;color:var(--tfp-ink);font-size:26px;line-height:1.08;letter-spacing:-.025em}.tf-profile-verified{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2f72e7;color:#fff;box-shadow:0 4px 12px rgba(47,114,231,.2)}.tf-profile-verified .tf-profile-icon{width:14px;height:14px}.tf-profile-handle{margin-top:4px;color:#8b9daf;font-size:11px;font-weight:700}.tf-profile-role{display:flex;align-items:center;gap:6px;margin-top:8px;color:#71869b;font-size:11px}.tf-profile-role b{color:#2f68c7}.tf-profile-role em{font-style:normal}.tf-profile-identity p{max-width:760px;margin:10px 0 0;color:#5e7389;font-size:12px;line-height:1.6}.tf-profile-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.tf-profile-btn{min-height:39px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8e3ef;border-radius:11px;background:#fff;color:#516a82;font-size:11px;font-weight:800;cursor:pointer}.tf-profile-btn.primary{border-color:transparent;background:linear-gradient(135deg,#2f72e7,#5e96ee);color:#fff;box-shadow:0 8px 18px rgba(47,114,231,.17)}.tf-profile-btn.is-following{background:#eaf2ff;color:#2763bc;border-color:#cfe0f7;box-shadow:none}.tf-profile-btn .tf-profile-icon{width:16px;height:16px}
.tf-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tfp-line);background:#fbfdff}.tf-profile-stats span{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--tfp-line)}.tf-profile-stats span:last-child{border-right:0}.tf-profile-stats b{color:#294760;font-size:18px}.tf-profile-stats small{margin-top:3px;color:#92a1b0;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.tf-profile-tabs{display:flex;gap:4px;padding:8px;border-top:1px solid var(--tfp-line);background:#f6f9fd;overflow:auto;scrollbar-width:none}.tf-profile-tabs::-webkit-scrollbar{display:none}.tf-profile-tabs button{flex:0 0 auto;min-height:36px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#71869b;font-size:10.5px;font-weight:800;cursor:pointer}.tf-profile-tabs button span{margin-left:4px;color:#9ba9b7}.tf-profile-tabs button.is-active{background:#fff;color:#245fc5;box-shadow:0 3px 10px rgba(28,61,99,.08)}
.tf-profile-panels{margin-top:12px}.tf-profile-view{display:grid;gap:12px}.tf-profile-view[hidden]{display:none!important}.tf-profile-panel,.tf-profile-list{overflow:hidden;border:1px solid var(--tfp-line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(37,68,101,.045)}.tf-profile-panel{padding:17px}.tf-profile-panel>header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.tf-profile-panel>header>.tf-profile-icon{width:29px;height:29px;padding:6px;border-radius:9px;background:#edf4ff;color:#2f72e7}.tf-profile-panel>header span{display:block;color:#91a0af;font-size:8px;font-weight:900;letter-spacing:.09em}.tf-profile-panel>header h2{margin:2px 0 0;color:#27425b;font-size:15px}.tf-profile-about{margin:0;color:#596f85;font-size:12px;line-height:1.65}.tf-profile-empty-copy{margin:0;color:#8d9cac;font-size:11.5px}.tf-profile-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.tf-profile-meta-grid span{min-width:0;padding:10px;border:1px solid #e8eef5;border-radius:11px;background:#f8fbff}.tf-profile-meta-grid small,.tf-profile-hardware small{display:block;color:#94a2b1;font-size:8.5px;font-weight:750}.tf-profile-meta-grid b,.tf-profile-meta-grid a,.tf-profile-hardware b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#405c76;font-size:10.5px;font-weight:800}.tf-profile-meta-grid a{color:#2f68c7;white-space:nowrap}.tf-profile-interests{margin-top:14px}.tf-profile-interests>b{display:block;margin-bottom:7px;color:#5e7489;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.tf-profile-interests>div{display:flex;gap:6px;flex-wrap:wrap}.tf-profile-interests span{padding:6px 9px;border-radius:999px;background:#edf4ff;color:#3b6db4;font-size:9.5px;font-weight:750}.tf-profile-hardware{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tf-profile-hardware span{padding:11px;border:1px solid #e8eef5;border-radius:11px;background:#f9fbfe}.tf-profile-guide-list{display:grid;gap:7px}.tf-profile-guide{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:9px;border:1px solid #e8eef5;border-radius:11px;background:#fbfdff;color:#405b74}.tf-profile-guide>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:#2f72e7}.tf-profile-guide>span .tf-profile-icon{width:17px;height:17px}.tf-profile-guide div{min-width:0}.tf-profile-guide b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.tf-profile-guide small{display:block;margin-top:3px;color:#96a4b2;font-size:8.5px}.tf-profile-guide>.tf-profile-icon{width:15px;height:15px;color:#9aa8b6}
.tf-profile-activity,.tf-profile-content-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:78px;padding:11px 13px;border-bottom:1px solid #edf2f7;color:#405b74}.tf-profile-activity:last-child,.tf-profile-content-row:last-child{border-bottom:0}.tf-profile-activity>span,.tf-profile-content-row>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eef5ff;color:#2f72e7}.tf-profile-activity>span .tf-profile-icon,.tf-profile-content-row>span .tf-profile-icon{width:18px;height:18px}.tf-profile-activity div,.tf-profile-content-row div{min-width:0}.tf-profile-activity b,.tf-profile-content-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334f69;font-size:11px}.tf-profile-activity p,.tf-profile-content-row p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#73869a;font-size:9.5px}.tf-profile-activity small,.tf-profile-content-row small{display:block;margin-top:4px;color:#9aa8b6;font-size:8.5px}.tf-profile-activity>.tf-profile-icon{width:15px;height:15px;color:#a0adba}.tf-profile-content-row em{font-style:normal;color:#8293a5;font-size:9px;font-weight:750}.tf-profile-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;border:1px solid var(--tfp-line);border-radius:17px;background:#fff;color:#8496a8}.tf-profile-empty b{color:#526a82;font-size:12px}.tf-profile-empty p{margin:5px 0 0;font-size:10px}.tf-profile-rail-slot{min-width:0}.tf-profile-toast{position:fixed;left:50%;bottom:30px;z-index:200;transform:translateX(-50%);padding:10px 14px;border-radius:10px;background:#18324b;color:#fff;box-shadow:0 10px 26px rgba(20,45,72,.2);font-size:11px;font-weight:750}.tf-profile-toast[hidden]{display:none!important}.tf-profile-icon{width:18px;height:18px;display:block}
@media(max-width:1100px){.tf-profile-card{grid-template-columns:112px minmax(0,1fr)}.tf-profile-actions{grid-column:2;justify-content:flex-start}.tf-profile-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tf-profile-page{padding:8px 0 96px}.tf-profile-breadcrumb{margin:0 3px 8px;font-size:9px}.tf-profile-hero{border-radius:16px}.tf-profile-cover{height:112px}.tf-profile-card{display:block;min-height:0;padding:58px 13px 14px}.tf-profile-avatar{position:absolute;left:14px;top:-44px;width:92px;height:92px;margin:0;border-radius:24px;font-size:22px}.tf-profile-name{padding-right:2px;flex-wrap:wrap}.tf-profile-name h1{font-size:21px}.tf-profile-verified{width:19px;height:19px}.tf-profile-handle{font-size:9.5px}.tf-profile-role{margin-top:6px;font-size:9.5px;flex-wrap:wrap}.tf-profile-identity p{margin-top:8px;font-size:10px;line-height:1.5}.tf-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.tf-profile-actions>.tf-profile-btn:only-child{grid-column:1/-1}.tf-profile-btn{min-height:37px;padding:0 9px;font-size:9.5px}.tf-profile-stats span{min-height:56px}.tf-profile-stats b{font-size:15px}.tf-profile-stats small{font-size:7.7px}.tf-profile-tabs{padding:6px}.tf-profile-tabs button{min-height:33px;padding:0 10px;font-size:9px}.tf-profile-panels{margin-top:8px}.tf-profile-panel{padding:13px;border-radius:14px}.tf-profile-panel>header{margin-bottom:11px}.tf-profile-panel>header h2{font-size:13px}.tf-profile-about{font-size:10.5px}.tf-profile-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.tf-profile-meta-grid span{padding:8px}.tf-profile-meta-grid small,.tf-profile-hardware small{font-size:7.6px}.tf-profile-meta-grid b,.tf-profile-meta-grid a,.tf-profile-hardware b{font-size:9px}.tf-profile-hardware{grid-template-columns:1fr 1fr;gap:6px}.tf-profile-hardware span{padding:9px}.tf-profile-activity,.tf-profile-content-row{grid-template-columns:35px minmax(0,1fr);min-height:70px;padding:9px}.tf-profile-activity>span,.tf-profile-content-row>span{width:32px;height:32px}.tf-profile-activity>.tf-profile-icon,.tf-profile-content-row>em{display:none}.tf-profile-activity b,.tf-profile-content-row b{font-size:10px}.tf-profile-activity p,.tf-profile-content-row p{font-size:9px}.tf-profile-guide{grid-template-columns:32px minmax(0,1fr) 16px;padding:8px}.tf-profile-guide b{font-size:9.8px}.tf-profile-rail-slot{display:none}.tf-profile-toast{bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);white-space:nowrap}}
@media(max-width:420px){.tf-profile-cover{height:102px}.tf-profile-actions{grid-template-columns:1fr 1fr}.tf-profile-meta-grid{grid-template-columns:1fr 1fr}.tf-profile-hardware{grid-template-columns:1fr}.tf-profile-tabs button{padding:0 9px}}