.square-page{min-height:100dvh;background:#fff;padding-bottom:calc(85px + env(safe-area-inset-bottom))}.square-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 19px 14px;background:linear-gradient(125deg,#eafcfc,#fff 50%,#fbf1fa);gap:12px;border-bottom:1px solid #f5f4f8}.square-header>button{font-size:28px;color:#6c6578}.square-brand{font-size:29px;color:#8d6db9}.square-header nav{display:flex;gap:25px;align-items:center}.square-header nav button{font-size:18px;color:#a6a1ad;position:relative;padding:8px 0}.square-header nav .selected{font-weight:700;color:#3d354a}.square-header nav .selected:after{content:'';position:absolute;height:4px;width:22px;bottom:0;left:calc(50% - 11px);border-radius:4px;background:linear-gradient(90deg,#42d9d4,#e5daff)}.square-city{font-size:11px;color:#58adae;padding:8px 20px;margin:0;background:#f7fcfc}.square-post{display:flex;gap:11px;padding:21px 15px;border-bottom:1px solid #f2f0f5}.square-author-avatar{align-self:flex-start;padding:0;flex-shrink:0}.square-author-avatar .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.square-post-body{min-width:0;flex:1}.square-post-body header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.square-name{padding:0;font-size:16px;color:#3e3746;text-align:left;overflow-wrap:anywhere}.square-post-body header p{font-size:10px;color:#65b9b8;margin:6px 0;line-height:1.6}.square-follow{font-size:12px;border:1px solid #b6b0bd;border-radius:18px;padding:4px 12px;color:#8c8496;white-space:nowrap}.square-copy{font-size:16px;line-height:1.7;color:#41394b;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 14px}.square-photo{display:block;width:100%;max-height:540px;object-fit:contain;background:#f7f5f9;border-radius:18px}.square-post-body footer{display:flex;align-items:center;gap:14px;margin-top:17px;color:#b4aebc}.square-post-body footer span{flex:1}.square-post-body footer button{font-size:12px;padding:4px 0;white-space:nowrap}.square-post-body footer .liked{color:#b47dd7}.tabbar button .square-publish-icon{display:grid;place-items:center;width:39px;height:39px;background:linear-gradient(130deg,#5ed5d1,#a988df);color:#fff;font-size:27px;border-radius:50%;margin-top:-10px}.square-stream .empty{padding-top:60px}@media(max-width:360px){.square-header nav{gap:17px}.square-post{gap:8px;padding:18px 11px}.square-author-avatar .avatar{width:36px;height:36px}.square-post-body footer{gap:9px}}