.comm-root{box-sizing:border-box;background-color:#fafafa;width:100%;min-height:100vh;font-family:Sora,sans-serif}.comm-main{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:0 32px 80px}.comm-header{margin-top:48px;margin-bottom:32px}.comm-page-title{color:#111;margin:0 0 12px;font-size:40px;font-weight:700;line-height:1.2;display:inline-block;position:relative}.comm-page-title:after{content:"";background-color:#f81927;border-radius:2px;width:40px;height:4px;position:absolute;bottom:-4px;left:0}.comm-page-desc{color:#5f5f5f;max-width:600px;margin:0;font-size:16px;line-height:1.6}.comm-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.comm-search-wrap{background:#fff;border:1px solid #cfcfcf;border-radius:14px;align-items:center;gap:12px;width:520px;height:58px;padding:0 20px;transition:border-color .2s,box-shadow .2s;display:flex}.comm-search-wrap:focus-within{border-color:#f81927;box-shadow:0 0 0 3px #f8192714}.comm-search-input{color:#111;background:0 0;border:none;outline:none;flex:1;font-family:Sora,sans-serif;font-size:16px}.comm-search-input::placeholder{color:#8a8a8a}.comm-search-actions{align-items:center;gap:12px;display:flex}.comm-filter-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:14px;align-items:center;gap:8px;height:58px;padding:0 20px;font-family:Sora,sans-serif;font-size:16px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.comm-filter-btn:hover{background:#f5f5f5}.comm-grid{grid-template-columns:1.8fr .8fr;align-items:start;gap:32px;display:grid}.comm-feed{flex-direction:column;display:flex}.comm-feed-card{background:#fff;border:1px solid #eaeaea;border-radius:20px;align-items:flex-start;gap:24px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 20px #0000000a}.comm-feed-user{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:180px;display:flex}.comm-avatar{object-fit:cover;border:1px solid #eaeaea;border-radius:50%;width:64px;height:64px;margin-bottom:12px}.comm-user-name{color:#111;margin:0 0 4px;font-size:18px;font-weight:600}.comm-user-handle{color:#5f5f5f;margin:0 0 12px;font-size:14px}.comm-level-badge{color:#f81927;background:#fff0f1;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.comm-user-stats{flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding-left:10px;display:flex}.comm-user-stat-row{color:#5f5f5f;align-items:center;gap:8px;font-size:14px;display:flex}.comm-feed-body{flex:1;gap:24px;min-width:0;display:flex}.comm-feed-img-wrap{border-radius:18px;flex-shrink:0;width:320px;height:240px;position:relative;overflow:hidden}.comm-feed-img{object-fit:cover;width:100%;height:100%}.comm-feed-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.comm-post-meta{color:#8a8a8a;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.comm-post-menu{cursor:pointer;color:#8a8a8a;background:0 0;border:none;padding:4px;position:absolute;top:0;right:0}.comm-post-title{color:#111;margin:0 0 12px;font-size:30px;font-weight:700;line-height:1.4}.comm-post-desc{color:#5f5f5f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:16px;line-height:1.8;display:-webkit-box;overflow:hidden}.comm-post-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.comm-tag{color:#f81927;background:#fff0f1;border-radius:999px;align-items:center;height:32px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.comm-post-interactions{align-items:center;gap:20px;margin-top:auto;display:flex}.comm-interact-item{color:#111;cursor:pointer;align-items:center;gap:6px;font-size:15px;font-weight:600;transition:opacity .2s;display:flex}.comm-interact-item:hover{opacity:.7}.comm-read-more{color:#f81927;align-items:center;gap:6px;margin-left:auto;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.comm-read-more:hover{color:#d9101e}.comm-pagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.comm-page-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.comm-page-btn:hover{background:#f5f5f5}.comm-page-btn--active{color:#fff;background:#f81927;border-color:#f81927}.comm-page-btn--active:hover{background:#d9101e;border-color:#d9101e}.comm-sidebar{flex-direction:column;gap:24px;display:flex}.comm-sidebar-card{background:#fff;border:1px solid #eaeaea;border-radius:20px;padding:28px;box-shadow:0 4px 20px #00000005}.comm-sidebar-title{color:#111;align-items:center;gap:10px;margin:0 0 24px;font-size:24px;font-weight:700;display:flex}.comm-about-desc{color:#5f5f5f;margin:0 0 24px;font-size:16px;line-height:1.6}.comm-stats-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.comm-stat-row{align-items:center;gap:16px;display:flex}.comm-stat-icon-wrap{background:#fafafa;border:1px solid #eaeaea;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.comm-stat-info{align-items:center;gap:12px;display:flex}.comm-stat-num{color:#111;min-width:90px;font-size:18px;font-weight:700}.comm-stat-label{color:#5f5f5f;font-size:14px}.comm-share-btn{color:#fff;cursor:pointer;background:#f81927;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:58px;font-family:Sora,sans-serif;font-size:16px;font-weight:600;transition:background .2s;display:flex}.comm-share-btn:hover{background:#d9101e}.comm-trending-list{flex-direction:column;display:flex}.comm-trending-item{justify-content:space-between;align-items:center;height:44px;display:flex}.comm-trending-name{color:#111;font-size:16px;font-weight:500}.comm-trending-count{color:#5f5f5f;font-size:14px}.comm-view-all{color:#f81927;justify-content:flex-end;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.comm-view-all:hover{color:#d9101e}.comm-contributors-list{flex-direction:column;gap:20px;display:flex}.comm-contributor-item{align-items:center;gap:12px;display:flex}.comm-contributor-avatar{object-fit:cover;border:1px solid #eaeaea;border-radius:50%;width:52px;height:52px}.comm-contributor-info{flex-direction:column;flex:1;display:flex}.comm-contributor-name-row{align-items:center;gap:8px;display:flex}.comm-contributor-name{color:#111;margin:0;font-size:16px;font-weight:600}.comm-contributor-handle{color:#5f5f5f;margin:0;font-size:14px}.comm-contributor-level{color:#f81927;background:#fff0f1;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.comm-contributor-points{color:#f81927;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}@media (max-width:1300px){.comm-feed-body{flex-direction:column}.comm-feed-img-wrap{width:100%;height:280px}}@media (max-width:992px){.comm-grid{grid-template-columns:1fr}.comm-search-wrap{width:100%}}@media (max-width:640px){.comm-feed-card{flex-direction:column;padding:20px}.comm-feed-user{text-align:left;flex-direction:row;align-items:center;gap:16px;width:100%}.comm-avatar,.comm-level-badge{margin-bottom:0}.comm-user-stats{display:none}.comm-search-actions{justify-content:space-between;width:100%}.comm-filter-btn{flex:1;justify-content:center}.comm-page-title{font-size:32px}}