.bottom-nav{height:var(--nav-height);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;transition:background .3s,border-color .3s;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:.68rem;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-item svg{transition:transform .2s}.nav-item.active svg{transform:scale(1.08)}.post-btn{position:relative;top:-8px}.post-icon{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #6c5ce766}.post-btn:hover .post-icon,.post-btn.active .post-icon{transform:scale(1.05);box-shadow:0 6px 16px #6c5ce780}.nav-icon-wrap{position:relative}.nav-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:600;display:flex;position:absolute;top:-6px;right:-10px}.comment-section{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.comment-section.fade-in{animation:.3s forwards fadeIn}.comment-section.fade-out{animation:.3s forwards fadeOut}.comment-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.comment-title{font-size:.9rem;font-weight:600}.comment-close{width:28px;height:28px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:background .2s;display:flex}.comment-close:hover{background:var(--bg-hover)}.comment-list{max-height:300px;margin-bottom:12px;overflow-y:auto}.comment-item{gap:10px;padding:8px 0;animation:.3s both slideUp;display:flex}.comment-body{flex:1;min-width:0}.comment-user{color:var(--text-primary);font-size:.82rem;font-weight:600}.comment-text{color:var(--text-primary);margin-top:2px;font-size:.85rem;line-height:1.5}.comment-time{color:var(--text-tertiary);margin-top:2px;font-size:.72rem;display:block}.comment-input-wrap{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:8px;display:flex}.comment-input{flex:1;border-radius:var(--radius-full)!important;padding:8px 12px!important;font-size:.85rem!important}.comment-send{border-radius:var(--radius-full);background:var(--accent);color:#fff;white-space:nowrap;padding:8px 16px;font-size:.82rem;font-weight:500;transition:opacity .2s}.comment-send:disabled{opacity:.4;cursor:not-allowed}.comment-send:not(:disabled):hover{opacity:.85}.video-preview{border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:16/9;background:#000;margin-bottom:12px;position:relative;overflow:hidden}.video-preview video{object-fit:cover;width:100%;height:100%}.video-play-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-preview:hover .video-play-btn{transform:translate(-50%,-50%)scale(1.08)}.post-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px;transition:background .3s;animation:.4s fadeIn;position:relative;overflow:hidden}.post-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.post-header-info{flex-direction:column;display:flex}.post-author{font-size:.95rem;font-weight:600}.post-time{color:var(--text-tertiary);font-size:.78rem}.post-content{margin-bottom:10px}.post-text{color:var(--text-primary);word-break:break-word;font-size:.92rem;line-height:1.6}.post-text.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.expand-btn{color:var(--accent);cursor:pointer;margin-top:4px;font-size:.85rem}.expand-btn:hover{opacity:.8}.post-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.post-images{border-radius:var(--radius-sm);gap:4px;margin-bottom:12px;display:grid;overflow:hidden}.post-images.grid-1{grid-template-columns:1fr}.post-images.grid-2,.post-images.grid-3{grid-template-columns:1fr 1fr}.post-images.grid-3 .post-img-wrap:first-child{grid-row:span 2}.post-img-wrap{aspect-ratio:1;overflow:hidden}.post-images.grid-1 .post-img-wrap{aspect-ratio:16/10}.post-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-img-wrap img:hover{transform:scale(1.03)}.heart-float{pointer-events:none;z-index:10;font-size:64px;animation:.8s forwards heartFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.like-icon{display:inline-block}.like-btn.liked .like-icon{animation:.6s heartBeat}.post-actions{border-top:1px solid var(--border);gap:16px;padding-top:8px;display:flex}.action-btn{color:var(--text-secondary);border-radius:var(--radius-full);align-items:center;gap:5px;padding:6px 10px;font-size:.85rem;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-hover)}.like-btn.liked{color:var(--danger)}.like-btn.liked:hover{background:var(--danger-bg)}.feed-list{flex-direction:column;display:flex}.feed-empty{text-align:center;color:var(--text-tertiary);padding:60px 20px}.feed-empty-icon{margin-bottom:12px;font-size:48px;display:block}.feed-empty p{margin-bottom:4px;font-size:1rem}.feed-empty-hint{font-size:.85rem}.post-creator{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.creator-header{align-items:flex-start;gap:12px;display:flex}.creator-textarea{resize:none;background:0 0;border:none;flex:1;min-height:60px;padding:4px 0;font-size:.92rem;line-height:1.5}.creator-textarea:focus{border:none;outline:none}.creator-media{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.creator-media-item{border-radius:var(--radius-sm);width:80px;height:80px;position:relative;overflow:hidden}.creator-media-item img,.creator-media-item video{object-fit:cover;width:100%;height:100%}.media-remove{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex;position:absolute;top:4px;right:4px}.media-uploading{color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;inset:0}.creator-tags{flex-wrap:wrap;gap:6px;max-height:120px;margin:10px 0;display:flex;overflow-y:auto}.creator-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.creator-tools{gap:8px;display:flex}.tool-btn{border-radius:var(--radius-full);color:var(--text-secondary);padding:6px 14px;font-size:.82rem;transition:all .2s}.tool-btn:hover{background:var(--bg-hover)}.creator-submit{border-radius:var(--radius-full);background:var(--accent);color:#fff;padding:8px 24px;font-size:.88rem;font-weight:600;transition:opacity .2s}.creator-submit:disabled{opacity:.4;cursor:not-allowed}.creator-submit:not(:disabled):hover{opacity:.85}.tag-filter{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.tag-filter::-webkit-scrollbar{display:none}.top-bar{background:var(--bg-primary);z-index:40;justify-content:space-between;align-items:center;padding:12px 0;transition:background .3s;display:flex;position:sticky;top:0}.top-logo{background:linear-gradient(135deg, var(--accent), #fd79a8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.theme-toggle{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--accent)}.chat-list{height:100%}.chat-list-header{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.chat-list-header h2{font-size:1.3rem;font-weight:700}.ws-status{font-size:.78rem;font-weight:500}.ws-status.online{color:var(--success)}.ws-status.offline{color:var(--text-tertiary)}.chat-empty{text-align:center;color:var(--text-tertiary);padding:60px 20px}.chat-empty span{margin-bottom:8px;font-size:40px;display:block}.chat-conv-list{flex-direction:column;display:flex}.chat-conv-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:14px 12px;transition:background .2s;display:flex}.chat-conv-item:hover{background:var(--bg-hover)}.chat-conv-info{flex:1;min-width:0}.chat-conv-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-conv-name{font-size:.92rem;font-weight:600}.chat-conv-time{color:var(--text-tertiary);font-size:.72rem}.chat-conv-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.chat-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:600;display:flex}.chat-window{flex-direction:column;height:100%;display:flex;position:relative}.chat-window-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 0;display:flex}.chat-back{color:var(--accent);padding:4px 8px;font-size:1.2rem}.chat-partner-name{font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px 0;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;max-width:75%;display:flex}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-msg.theirs{align-self:flex-start;align-items:flex-start}.msg-bubble{word-break:break-word;border-radius:18px;padding:10px 14px;font-size:.9rem;line-height:1.5}.chat-msg.mine .msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-msg.theirs .msg-bubble{background:var(--bg-input);color:var(--text-primary);border-bottom-left-radius:4px}.msg-meta{align-items:center;gap:6px;margin-top:3px;padding:0 4px;display:flex}.msg-time,.msg-status{color:var(--text-tertiary);font-size:.68rem}.msg-status.read{color:var(--accent)}.msg-recalled{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.chat-input-bar{border-top:1px solid var(--border);gap:10px;padding-top:12px;display:flex}.chat-input{flex:1;border-radius:var(--radius-full)!important;padding:10px 16px!important;font-size:.88rem!important}.chat-send-btn{border-radius:var(--radius-full);background:var(--accent);color:#fff;white-space:nowrap;padding:10px 20px;font-size:.85rem;font-weight:600;transition:opacity .2s}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn:not(:disabled):hover{opacity:.85}.context-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;min-width:120px;position:fixed;overflow:hidden}.context-menu button{text-align:left;width:100%;padding:10px 16px;font-size:.85rem;transition:background .2s;display:block}.context-menu button:hover{background:var(--bg-hover)}.context-menu button:first-child{color:var(--danger)}.cropper-container{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;inset:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (width>=768px){.cropper-point.point-se{width:15px;height:15px}}@media (width>=992px){.cropper-point.point-se{width:10px;height:10px}}@media (width>=1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.profile-editor{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.profile-avatar-section{justify-content:center;margin-bottom:16px;display:flex}.profile-avatar-wrap{display:inline-block;position:relative}.avatar-edit-btn{background:var(--accent);color:#fff;border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex;position:absolute;bottom:2px;right:2px}.profile-info{text-align:center}.profile-username{margin-bottom:6px;font-size:1.2rem;font-weight:700}.profile-bio{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem}.profile-stats{justify-content:center;gap:32px;margin-bottom:16px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat strong{font-size:1.1rem;font-weight:700}.stat span{color:var(--text-tertiary);font-size:.78rem}.profile-interests{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.profile-edit-btn{margin-top:8px}.profile-form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.interest-selector{flex-wrap:wrap;gap:6px;display:flex}.form-actions{justify-content:flex-end;gap:12px;display:flex}.btn-primary{border-radius:var(--radius-full);background:var(--accent);color:#fff;padding:10px 24px;font-size:.88rem;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-secondary{border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-primary);padding:10px 24px;font-size:.88rem;font-weight:500;transition:background .2s}.btn-secondary:hover{background:var(--bg-hover)}.crop-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.crop-modal{background:var(--bg-card);border-radius:var(--radius);width:90%;max-width:500px;box-shadow:var(--shadow-lg);padding:24px}.crop-modal h3{margin-bottom:16px;font-size:1.1rem}.crop-container{border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}.crop-actions{justify-content:flex-end;gap:12px;display:flex}:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#fff;--bg-input:#f0f0f3;--bg-hover:#e8e8ec;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--border:#e5e5ea;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-bg:#6c5ce71a;--danger:#ff6b6b;--danger-bg:#ff6b6b1a;--success:#51cf66;--shadow:0 2px 12px #0000000f;--shadow-lg:0 8px 30px #0000001a;--radius:16px;--radius-sm:10px;--radius-full:9999px;--nav-height:60px;--max-width:640px}[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#1c1c1e;--bg-card:#1c1c1e;--bg-input:#2c2c2e;--bg-hover:#3a3a3c;--text-primary:#f5f5f7;--text-secondary:#98989d;--text-tertiary:#636366;--border:#38383a;--accent:#a29bfe;--accent-light:#6c5ce7;--accent-bg:#a29bfe1f;--danger:#ff6b6b;--danger-bg:#ff6b6b26;--success:#51cf66;--shadow:0 2px 12px #0000004d;--shadow-lg:0 8px 30px #0006}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.page-container{max-width:var(--max-width);padding:16px;padding-bottom:calc(var(--nav-height) + 24px);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes heartFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-40px)scale(1.5)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.3s forwards fadeIn}.fade-out{animation:.3s forwards fadeOut}.slide-up{animation:.3s forwards slideUp}.tag{border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent);cursor:pointer;white-space:nowrap;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.tag:hover,.tag.active{background:var(--accent);color:#fff}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}