:root{--bg-primary:#0b0b14;--bg-secondary:#12121e;--bg-card:#1a1a2e;--bg-hover:#222240;--accent:#7c3aed;--accent-light:#a78bfa;--accent-deep:#5b21b6;--accent-glow:rgba(124,58,237,.3);--text-primary:#f1f0f5;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:rgba(124,58,237,.2);--border-light:hsla(0,0%,100%,.08);--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;--font-serif:"Georgia","STSong",serif;--ease-out:cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}.nav{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:18px 56px;background:var(--bg-primary);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-light);transition:all .3s var(--ease-out)}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;text-decoration:none;color:var(--text-primary)}.logo-img{width:56px;height:56px;object-fit:contain;display:block;filter:drop-shadow(0 2px 8px var(--accent-glow));transition:transform .3s var(--ease-out);border-radius:12px}.nav-logo:hover .logo-img{transform:rotate(-4deg) scale(1.08)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-cn{font-family:var(--font-serif);font-size:19px;font-weight:700;letter-spacing:.12em;color:var(--text-primary)}.logo-en{font-size:10px;font-weight:500;letter-spacing:.32em;color:var(--accent-light);text-transform:uppercase;margin-top:2px}.nav-menu{display:flex;align-items:center;gap:38px;list-style:none}.nav-menu a{position:relative;color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:400;letter-spacing:.04em;padding:6px 0;transition:color .3s var(--ease-out)}.nav-menu a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--accent);transition:all .3s var(--ease-out);transform:translateX(-50%);border-radius:1px}.nav-menu a.active,.nav-menu a:hover{color:var(--text-primary)}.nav-menu a.active:after,.nav-menu a:hover:after{width:100%}.nav-menu a.active{color:var(--accent-light)}.nav-actions{display:flex;align-items:center;gap:14px}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:9px 22px;font-size:14px;font-family:inherit;font-weight:500;letter-spacing:.05em;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease-out)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-light);background:rgba(124,58,237,.08);box-shadow:0 0 16px var(--accent-glow)}.btn-gold{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border:1px solid var(--accent-deep);padding:9px 22px;font-size:14px;font-family:inherit;font-weight:600;letter-spacing:.05em;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease-out)}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow);filter:brightness(1.1)}.user-avatar-nav{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-deep));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;cursor:pointer}body.light-theme{--bg-primary:#faf8f5;--bg-secondary:#fff;--bg-tertiary:#f0ebe0;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#5c5a6e;--text-muted:#9b98ab;--border-light:rgba(124,58,237,.1);--border:rgba(124,58,237,.15);background:var(--bg-primary);color:var(--text-primary)}.icon-btn{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-out)}.icon-btn:hover{border-color:var(--accent);color:var(--accent-light);background:rgba(124,58,237,.08)}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.lang-wrapper{position:relative}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:140px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s var(--ease-out);z-index:110}.lang-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s}button.lang-option{width:100%;border:0;background:transparent;font-family:inherit;text-align:left}.lang-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.lang-option.active{color:var(--accent-light);background:rgba(124,58,237,.1)}.lang-tag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:hsla(0,0%,100%,.06);color:var(--text-secondary);font-size:11px;font-weight:700;flex-shrink:0}.lang-option.active .lang-tag{background:var(--accent);color:#fff}.lang-native{font-weight:500;font-size:13px;color:var(--text-primary)}.nav-user{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;cursor:pointer;transition:all .3s var(--ease-out)}.nav-user:hover{border-color:var(--accent)}.nav-user>span:first-child{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.nav-user-name{font-size:13px;color:var(--text-primary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-logout{width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;padding:0;border-radius:50%}.nav-logout:hover{color:var(--accent-light);background:rgba(124,58,237,.1)}.community-layout{display:flex;margin-top:92px;min-height:calc(100vh - 92px)}.sidebar-left{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-light);padding:24px 0;position:fixed;top:92px;bottom:0;left:0;z-index:50}.sidebar-item{display:flex;align-items:center;gap:12px;padding:14px 24px;color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .3s;border-left:3px solid transparent}button.sidebar-item{width:100%;border-top:0;border-right:0;border-bottom:0;background:transparent;font-family:inherit;text-align:left}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:rgba(124,58,237,.1);color:var(--accent-light);border-left-color:var(--accent)}.sidebar-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center}.main-area{flex:1 1;margin-left:220px;padding:32px;max-width:900px}.sidebar-right{width:300px;padding:32px 24px;position:-webkit-sticky;position:sticky;top:96px;height:-moz-fit-content;height:fit-content}.hot-topics{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px}.hot-topics-title{font-size:16px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}.hot-topics-title svg{width:20px;height:20px;color:var(--warning)}.hot-topic-list{display:flex;flex-direction:column;gap:8px}.hot-topic-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .3s}button.hot-topic-item{width:100%;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left}.hot-topic-item:hover{background:var(--bg-hover)}.hot-topic-rank{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.hot-topic-rank.top-1{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.hot-topic-rank.top-2{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.hot-topic-rank.top-3{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}.hot-topic-rank.normal{background:var(--bg-secondary);color:var(--text-muted)}.hot-topic-content{flex:1 1;min-width:0}.hot-topic-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-topic-views{font-size:11px;color:var(--text-muted)}.feed-container{display:flex;gap:24px}.feed-main{flex:1 1;min-width:0}.post-creator{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.post-creator-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.post-creator-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-deep));display:flex;align-items:center;justify-content:center;font-size:16px}.post-creator-input{flex:1 1;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:15px;font-family:var(--font-sans);resize:none;min-height:80px;transition:border-color .3s}.post-creator-input:focus{outline:none;border-color:var(--accent)}.post-creator-input::placeholder{color:var(--text-muted)}.post-creator-actions{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.post-creator-tools{display:flex;gap:8px}.tool-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .3s}.tool-btn:hover{border-color:var(--accent);color:var(--accent-light)}.tool-btn svg{width:16px;height:16px}.btn-publish{padding:10px 28px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));border:none;color:#fff;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s}.btn-publish:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px;gap:10px;margin-top:16px}.preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.preview-item img,.preview-item video{width:100%;height:100%;object-fit:cover}.preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-remove:hover{background:var(--danger)}.post-list{display:flex;flex-direction:column;gap:16px}.post-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;transition:border-color .3s}.post-card:hover{border-color:var(--border)}.post-header{gap:12px;margin-bottom:16px}.post-avatar,.post-header{display:flex;align-items:center}.post-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-deep));justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.post-user-info{flex:1 1}.post-username{font-size:15px;font-weight:600}.post-time{font-size:13px;color:var(--text-muted)}.post-title-text{font-size:17px;font-weight:700;margin-bottom:10px}.post-content{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:16px;white-space:pre-wrap;word-break:break-word}.post-media{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.post-media.grid-1{grid-template-columns:1fr;max-width:480px}.post-media.grid-2{grid-template-columns:repeat(2,1fr)}.post-media.grid-3{grid-template-columns:repeat(3,1fr)}.post-media.grid-4{grid-template-columns:repeat(2,1fr)}.post-media img,.post-media video{width:100%;border-radius:var(--radius-md);cursor:pointer;transition:transform .3s}.post-media-image{display:block;width:100%;padding:0;border:0;background:transparent}.post-media img:hover,.post-media video:hover{transform:scale(1.02)}.post-actions{gap:24px;padding-top:16px;border-top:1px solid var(--border-light)}.post-action-btn,.post-actions{display:flex;align-items:center}.post-action-btn{gap:6px;padding:6px 12px;background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .3s;border-radius:var(--radius-sm)}.post-action-btn:hover{color:var(--accent-light);background:rgba(124,58,237,.1)}.post-action-btn.liked{color:var(--danger)}.post-action-btn.liked svg{fill:var(--danger)}.post-action-btn svg{width:18px;height:18px}.btn-delete-post{margin-left:auto;padding:4px 12px;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);font-size:12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s}.btn-delete-post:hover{border-color:var(--danger);color:var(--danger)}.comments-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);display:none}.comments-section.show{display:block}.comment-input-wrapper{display:flex;gap:12px;margin-bottom:16px}.comment-input{flex:1 1;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:var(--font-sans)}.comment-input:focus{outline:none;border-color:var(--accent)}.btn-comment{padding:10px 20px;background:var(--accent);border:none;color:#fff;font-size:14px;border-radius:var(--radius-sm);cursor:pointer}.btn-comment:hover{background:var(--accent-deep)}.comment-list{display:flex;flex-direction:column;gap:12px}.comment-item{display:flex;gap:10px}.comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.comment-body{flex:1 1;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 14px}.comment-username{font-size:13px;font-weight:600;margin-bottom:4px}.comment-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.comment-time{font-size:12px;color:var(--text-muted);margin-top:4px}.messages-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px}.messages-header{font-size:20px;font-weight:700;margin-bottom:24px}.messages-tabs{display:flex;margin-bottom:24px;border-bottom:1px solid var(--border-light)}.messages-tab{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .3s}.messages-tab.active{color:var(--accent-light);border-bottom-color:var(--accent)}.messages-tab:hover{color:var(--text-primary)}.message-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--border-light)}.message-item:last-child{border-bottom:none}.message-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.message-icon.like{background:rgba(239,68,68,.15);color:var(--danger)}.message-icon.reply{background:rgba(124,58,237,.15);color:var(--accent-light)}.message-content{flex:1 1}.message-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.message-text strong{color:var(--text-primary);font-weight:600}.message-time{font-size:12px;color:var(--text-muted);margin-top:4px}.message-unread{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:6px}.my-page-header{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;display:flex;align-items:center;gap:20px}.my-page-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-deep));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.my-page-info h2{font-size:22px;font-weight:700;margin-bottom:4px}.my-page-info p{font-size:14px;color:var(--text-muted)}.my-page-stats{display:flex;gap:32px;margin-left:auto}.my-stat{text-align:center}.my-stat-num{font-size:22px;font-weight:700;color:var(--accent-light)}.my-stat-label{font-size:12px;color:var(--text-muted)}.my-tabs{display:flex;margin-bottom:24px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.my-tab{flex:1 1;padding:14px;background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .3s}.my-tab.active{color:var(--accent-light);background:rgba(124,58,237,.08)}.my-tab:hover{color:var(--text-primary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.4}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;position:relative}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover)}.modal-title{font-size:24px;font-weight:700;margin-bottom:8px}.modal-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;font-family:var(--font-sans)}.form-input:focus{outline:none;border-color:var(--accent)}.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));border:none;color:#fff;font-size:16px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;margin-top:8px}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.modal-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--text-muted)}.agreement-group{display:flex;align-items:flex-start;gap:8px;margin-top:4px;padding:0 4px}.agreement-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--text-muted);border-radius:4px;cursor:pointer;flex-shrink:0;margin-top:2px;position:relative;transition:all .2s;background:transparent}.agreement-checkbox:checked{background:var(--accent);border-color:var(--accent)}.agreement-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.agreement-label{font-size:12px;color:var(--text-muted);line-height:1.5;cursor:pointer}.agreement-label a{color:var(--accent-light);text-decoration:none}.agreement-label a:hover{text-decoration:underline}.modal-switch a{text-decoration:none}.modal-switch a,.modal-switch button{color:var(--accent-light);cursor:pointer}.modal-switch button{border:0;padding:0;background:transparent;font:inherit;font-weight:500}.toast{position:fixed;top:80px;right:24px;padding:14px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;z-index:2000;transform:translateX(120%);transition:transform .4s;box-shadow:0 8px 32px rgba(0,0,0,.3)}.toast.show{transform:translateX(0)}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.image-viewer{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:3000;display:none;align-items:center;justify-content:center;cursor:pointer}button.image-viewer{width:100%;border:0;padding:0}.image-viewer.show{display:flex}.image-viewer img{max-width:90%;max-height:90%;object-fit:contain;border-radius:var(--radius-md)}@media (max-width:1100px){.sidebar-right{display:none}}@media (max-width:768px){.sidebar-left{width:60px}.sidebar-badge,.sidebar-item span{display:none}.sidebar-item{justify-content:center;padding:14px}.main-area{margin-left:60px;padding:20px}.nav{padding:0 16px}.my-page-stats,.nav-actions .lang-wrapper,.nav-actions>.icon-btn,.nav-menu{display:none}}