@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap);:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5341d6;--accent:#fd79a8;--accent-light:#fab1d0;--bg:#f8f9fe;--card:#fff;--text:#2d3436;--text-secondary:#636e72;--text-light:#b2bec3;--border:#eef0f8;--danger:#e17055;--success:#00b894;--shadow-sm:0 2px 8px #6c5ce714;--shadow-md:0 4px 20px #6c5ce71f;--shadow-lg:0 8px 40px #6c5ce729;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:50%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#2d3436;color:var(--text);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app,body{background:#f8f9fe;background:var(--bg)}.app{margin:0 auto;max-width:480px;min-height:100vh;position:relative}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #eef0f8;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;justify-content:space-between;min-height:56px;padding:12px 20px}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.btn-back{background:none;border:none;border-radius:8px;color:#6c5ce7;color:var(--primary);cursor:pointer;font-size:15px;font-weight:500;padding:4px 8px;transition:background .2s}.btn-back:hover{background:#6c5ce714}.btn-avatar{background:none;border:none;cursor:pointer;padding:0}.mini-avatar{align-items:center;background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;border-radius:var(--radius-full);box-shadow:0 2px 8px #6c5ce74d;display:flex;height:34px;justify-content:center;overflow:hidden;width:34px}.mini-avatar img{height:100%;object-fit:cover;width:100%}.mini-avatar span{color:#fff;font-size:14px;font-weight:700}.header-actions{display:flex;justify-content:flex-end;min-width:42px}.main{padding:16px 16px 80px}.composer-wrap{margin-bottom:20px}.composer-trigger{align-items:center;background:#fff;background:var(--card);border:2px dashed #eef0f8;border:2px dashed var(--border);border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:15px;gap:12px;padding:14px 18px;transition:all .3s ease;width:100%}.composer-trigger:hover{border-color:#a29bfe;border-color:var(--primary-light);box-shadow:0 2px 8px #6c5ce714;box-shadow:var(--shadow-sm)}.trigger-avatar{align-items:center;background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.trigger-avatar img{height:100%;object-fit:cover;width:100%}.trigger-avatar span{color:#fff;font-size:16px;font-weight:700}.trigger-text{color:#b2bec3;color:var(--text-light);flex:1 1;text-align:left}.trigger-icon{font-size:20px}.composer{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6c5ce71f;box-shadow:var(--shadow-md);overflow:hidden;padding:18px}.composer-input{background:#0000;border:none;color:#2d3436;color:var(--text);font-family:inherit;font-size:15px;line-height:1.6;outline:none;resize:none;width:100%}.composer-input::placeholder{color:#b2bec3;color:var(--text-light)}.composer-images{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:12px}.composer-img-wrap{aspect-ratio:1;border-radius:12px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.composer-img-wrap img{height:100%;object-fit:cover;width:100%}.remove-img{background:#00000080;border:none;border-radius:50%;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:14px;height:22px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:22px}.composer-actions,.remove-img{align-items:center;display:flex}.composer-actions{border-top:1px solid #eef0f8;border-top:1px solid var(--border);justify-content:space-between;margin-top:14px;padding-top:14px}.btn-icon{background:none;border:none;border-radius:8px;color:#636e72;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.btn-icon:hover{background:#f8f9fe;background:var(--bg)}.composer-btns{display:flex;gap:8px}.btn-cancel{background:none;border:1px solid #eef0f8;border:1px solid var(--border);border-radius:20px;color:#636e72;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-cancel:hover{background:#f8f9fe;background:var(--bg)}.btn-publish{background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 22px;transition:opacity .2s}.btn-publish:disabled{cursor:not-allowed;opacity:.5}.post-card{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #6c5ce714;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px;transition:box-shadow .3s}.post-card:hover{box-shadow:0 4px 20px #6c5ce71f;box-shadow:var(--shadow-md)}.post-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.post-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.post-avatar{align-items:center;background:linear-gradient(135deg,#a29bfe,#fab1d0);background:linear-gradient(135deg,var(--primary-light),var(--accent-light));border-radius:50%;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.post-avatar img{height:100%;object-fit:cover;width:100%}.post-avatar span{color:#fff;font-size:18px;font-weight:700}.post-meta{display:flex;flex:1 1;flex-direction:column}.post-author{background:none;border:none;color:#5341d6;color:var(--primary-dark);cursor:pointer;font-size:15px;font-weight:600;padding:0;text-align:left}.post-author:hover{text-decoration:underline}.post-time{color:#b2bec3;color:var(--text-light);font-size:12px;margin-top:2px}.btn-delete{background:none;border:none;cursor:pointer;font-size:16px;opacity:.5;padding:4px;transition:opacity .2s}.btn-delete:hover{opacity:1}.post-content{font-size:15px;line-height:1.7;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.post-images{grid-gap:6px;border-radius:12px;border-radius:var(--radius-sm);display:grid;gap:6px;margin-bottom:12px;overflow:hidden}.post-images.grid-1{grid-template-columns:1fr}.post-images.grid-2{grid-template-columns:1fr 1fr}.post-images.grid-3{grid-template-columns:1fr 1fr 1fr}.post-img{aspect-ratio:1;border-radius:8px;cursor:pointer;object-fit:cover;width:100%}.post-actions{border-bottom:1px solid #eef0f8;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:8px 0}.btn-action{align-items:center;background:none;border:none;border-radius:20px;color:#636e72;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 14px;transition:background .2s}.btn-action:hover{background:#f8f9fe;background:var(--bg)}.btn-action.liked{color:#e84393}.btn-action span,.post-likes{font-size:13px}.post-likes{border-bottom:1px solid #eef0f8;border-bottom:1px solid var(--border);color:#636e72;color:var(--text-secondary);padding:8px 0}.post-comments{overflow:hidden;padding-top:8px}.comment{font-size:14px;line-height:1.5;padding:8px 0}.comment-author{color:#5341d6;color:var(--primary-dark);font-weight:600;margin-right:8px}.comment-text{color:#2d3436;color:var(--text)}.comment-input-wrap{border-top:1px solid #eef0f8;border-top:1px solid var(--border);display:flex;gap:8px;margin-top:8px;padding-top:8px}.comment-input{background:#f8f9fe;background:var(--bg);border:1px solid #eef0f8;border:1px solid var(--border);border-radius:20px;flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:8px 16px;transition:border-color .2s}.comment-input:focus{border-color:#a29bfe;border-color:var(--primary-light)}.btn-send{background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;white-space:nowrap}.btn-send:disabled{cursor:not-allowed;opacity:.4}.image-viewer{align-items:center;background:#000000e6;cursor:pointer;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.image-viewer img{border-radius:8px;max-height:90vh;max-width:100%;object-fit:contain}.profile-cover{align-items:flex-end;background:linear-gradient(135deg,#6c5ce7,#fd79a8,#fdcb6e);background:linear-gradient(135deg,var(--primary),var(--accent),#fdcb6e);border-radius:24px;border-radius:var(--radius-lg);display:flex;height:160px;justify-content:center;margin-bottom:50px;position:relative}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));border:4px solid #fff;border-radius:50%;border-radius:var(--radius-full);bottom:-44px;box-shadow:0 8px 40px #6c5ce729;box-shadow:var(--shadow-lg);display:flex;height:88px;justify-content:center;overflow:hidden;position:absolute;width:88px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-avatar-large span{color:#fff;font-size:36px;font-weight:700}.profile-info{padding:0 20px;text-align:center}.profile-name{font-size:22px;font-weight:700;margin-bottom:4px}.profile-bio{color:#636e72;color:var(--text-secondary);font-size:14px;margin-bottom:20px}.profile-stats{display:flex;gap:32px;justify-content:center;margin-bottom:20px}.stat{align-items:center;cursor:default;display:flex;flex-direction:column}.stat-num{color:#6c5ce7;color:var(--primary);font-size:20px;font-weight:700}.stat-label{color:#b2bec3;color:var(--text-light);font-size:12px;margin-top:2px}.btn-edit-profile,.btn-follow{border:none;border-radius:24px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:all .2s}.btn-edit-profile{background:#f8f9fe;background:var(--bg);border:1px solid #eef0f8;border:1px solid var(--border);color:#2d3436;color:var(--text)}.btn-edit-profile:hover{background:#eef0f8;background:var(--border)}.btn-follow{background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.btn-follow.following{background:#f8f9fe;background:var(--bg);border:1px solid #eef0f8;border:1px solid var(--border);color:#636e72;color:var(--text-secondary)}.profile-follow-lists{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:24px;padding:0 4px}.follow-section h3{color:#636e72;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:12px}.follow-avatars{display:flex;flex-wrap:wrap;gap:12px}.follow-avatar-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px}.follow-avatar{align-items:center;background:linear-gradient(135deg,#a29bfe,#fab1d0);background:linear-gradient(135deg,var(--primary-light),var(--accent-light));border-radius:50%;border-radius:var(--radius-full);box-shadow:0 2px 8px #6c5ce714;box-shadow:var(--shadow-sm);display:flex;height:44px;justify-content:center;overflow:hidden;width:44px}.follow-avatar img{height:100%;object-fit:cover;width:100%}.follow-avatar span{color:#fff;font-size:16px;font-weight:700}.follow-name{color:#636e72;color:var(--text-secondary);font-size:11px}.empty-follow{color:#b2bec3;color:var(--text-light);font-size:13px}.profile-posts{margin-top:28px}.section-title{font-size:16px;font-weight:600;margin-bottom:16px;padding-left:4px}.edit-profile{padding:20px 0}.edit-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.edit-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.edit-avatar-preview{align-items:center;background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;border-radius:var(--radius-full);display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.edit-avatar-preview img{height:100%;object-fit:cover;width:100%}.edit-avatar-preview span{color:#fff;font-size:40px;font-weight:700}.edit-avatar-overlay{align-items:center;background:#0000004d;display:flex;font-size:28px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.edit-avatar-btn:hover .edit-avatar-overlay{opacity:1}.edit-hint{color:#b2bec3;color:var(--text-light);font-size:13px;margin-top:8px}.edit-form{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #6c5ce714;box-shadow:var(--shadow-sm);padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#636e72;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#f8f9fe;background:var(--bg);border:1px solid #eef0f8;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#a29bfe;border-color:var(--primary-light);box-shadow:0 0 0 3px #6c5ce71a}.form-group textarea{resize:none}.btn-save{background:linear-gradient(135deg,#6c5ce7,#fd79a8);background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px;transition:all .3s;width:100%}.btn-save:disabled{cursor:not-allowed;opacity:.5}.btn-save.saved{background:#00b894;background:var(--success)}.empty-state{color:#b2bec3;color:var(--text-light);padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:12px}.empty-state p{font-size:15px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#a29bfe;background:var(--primary-light);border-radius:4px}@media (max-width:500px){.app{max-width:100%}.main{padding:12px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
/*# sourceMappingURL=main.61247d20.css.map*/