.pf-main{min-width:0;background:#F5F5F5;border-radius:14px 14px 0 0;overflow:hidden;padding-bottom:32px}
.pf-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#1e293b;color:#fff;padding:10px 16px;font-size:14px}
.pf-banner .mi{color:#93c5fd}.pf-sep{opacity:.5}
.pf-exit{border:0;background:#3B82F6;color:#fff;border-radius:6px;padding:5px 12px;font:inherit;font-weight:500;cursor:pointer}
.pf-head{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.pf-cover{position:relative;height:320px;background:#cbd5e1}
.pf-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pf-cbtn{position:absolute;right:24px;bottom:16px}
.pf-cbtn,.pf-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;background:#E8EBF0;color:#1e293b;font:inherit;font-weight:500;font-size:14px;padding:8px 14px;cursor:pointer}
.pf-cbtn{background:rgba(255,255,255,.92)}
.pf-btn .mi,.pf-cbtn .mi{font-size:18px;color:inherit}
.pf-btn:hover{background:#dde2ea}.pf-primary{background:#3B82F6;color:#fff}.pf-primary:hover{background:#2f6fe0}
.pf-idrow{display:flex;align-items:flex-start;gap:24px;padding:0 40px 18px;position:relative}
.pf-avwrap{position:relative;flex:none;margin-top:-84px}
.pf-av{width:176px;height:176px;border-radius:50%;border:5px solid #fff;object-fit:cover;display:block;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.pf-avbtn{position:absolute;right:8px;bottom:10px;width:38px;height:38px;border-radius:50%;border:0;background:#E8EBF0;cursor:pointer;display:grid;place-items:center}
.pf-id{flex:1;min-width:0;padding-top:18px}
.pf-id h1{margin:0;font-size:32px;font-weight:700;color:#1A1A1A}
.pf-tag{color:#4B5B7A;margin-top:4px;font-size:15px}
.pf-fr{margin-top:8px;color:#4B5B7A;display:flex;align-items:center;gap:6px}
.pf-frav{display:inline-flex;margin-left:6px}
.pf-frav img{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-7px;object-fit:cover}
.pf-acts{display:flex;gap:8px;padding-top:54px;flex-wrap:wrap}
.pf-tabs{display:flex;gap:4px;padding:0 32px;border-top:1px solid #E5E7EB}
.pf-tabs button{border:0;background:none;font:inherit;font-weight:500;font-size:15px;color:#4B5B7A;padding:16px 16px 13px;border-bottom:3px solid transparent;cursor:pointer}
.pf-tabs button:hover{background:#F5F7FA}
.pf-tabs button.on{color:#3B82F6;border-bottom-color:#3B82F6}
.pf-body{padding:20px 24px 0}
.pf-grid{display:grid;grid-template-columns:minmax(300px,2fr) minmax(0,3fr);gap:20px;align-items:start}
.pf-left{display:flex;flex-direction:column;gap:20px;position:sticky;top:12px}
.pf-center{display:flex;flex-direction:column;gap:20px;min-width:0}
.pf-posts{display:flex;flex-direction:column;gap:20px}
.pf-card{padding:16px 18px}
.pf-card h2{margin:0 0 12px;font-size:20px;font-weight:700}
.pf-ch{display:flex;justify-content:space-between;align-items:baseline}.pf-ch a{color:#3B82F6;text-decoration:none;font-size:14px}
.pf-bio{text-align:center;margin:0 0 12px;color:#334155;line-height:1.5}
.pf-facts{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:12px}
.pf-facts li{display:flex;align-items:center;gap:10px;color:#334155}
.pf-facts .mi{color:#8a94a6;font-size:20px}.pf-facts .pf-lock{margin-left:auto;font-size:15px}
.pf-facts-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pf-wbtn{width:100%;border:0;border-radius:8px;background:#E8EBF0;font:inherit;font-weight:500;padding:9px;cursor:pointer}
.pf-muted{color:#8a94a6;font-size:13px}
.pf-photos,.pf-friends{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:10px;overflow:hidden}
.pf-friends{gap:12px 8px;margin-top:10px;border-radius:0}
.pf-photos img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.pf-fc{text-decoration:none;color:#1A1A1A;font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:5px}
.pf-fc img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.pf-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.pf-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.pf-pgrid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.pf-vgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pf-vc{position:relative}.pf-vc img{aspect-ratio:16/9}
.pf-vc .mi{position:absolute;inset:0;margin:auto;width:56px;height:56px;font-size:56px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.pf-ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.pf-gc{text-decoration:none;color:#1A1A1A;display:flex;flex-direction:column;gap:4px;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;padding-bottom:10px}
.pf-gc img{width:100%;aspect-ratio:2/1;object-fit:cover}.pf-gc b,.pf-gc span{padding:0 12px}
.pf-comp{padding:14px 16px}.pf-comprow{display:flex;gap:10px;align-items:center}
.pf-inp{flex:1;background:#F0F2F5;border-radius:20px;padding:10px 16px;color:#65676b;cursor:text}
.pf-compacts{display:flex;justify-content:space-around;border-top:1px solid #E5E7EB;margin-top:12px;padding-top:8px}
.pf-compacts span{display:inline-flex;align-items:center;gap:6px;color:#4B5B7A;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:8px}
.pf-compacts span:hover{background:#F0F2F5}
.pf-post .media{width:calc(100% - 26px);height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;display:block;margin:0 13px 12px}
.pf-ptext{margin:0;padding:4px 16px 12px;font-size:15px;line-height:1.45}
.pf-vis{font-size:13px!important}
body.pf-public .pf-own,body.pf-public .pf-priv{display:none!important}
@media(max-width:900px){.pf-grid{grid-template-columns:1fr}.pf-left{position:static}.pf-idrow{flex-direction:column;align-items:center;text-align:center;padding:0 16px 16px}.pf-tabs{overflow-x:auto;padding:0 8px}}
.pf-banner[hidden]{display:none}
@media(max-width:900px){.pf-avwrap{margin-top:-84px}.pf-id,.pf-acts{padding-top:0}}