.forum-page{background:#f5f7fb;min-height:70vh;padding-bottom:52px}.forum-hero{display:flex;justify-content:space-between;align-items:end;padding:34px 0 18px}.forum-hero span{font-size:11px;letter-spacing:.18em;color:#1265d7;font-weight:850}.forum-hero h1{font-size:36px;margin:8px 0 0;color:#172033}.forum-topic-category-wrap{margin-bottom:14px;overflow:hidden}.forum-topic-categories{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.forum-topic-categories::-webkit-scrollbar{display:none}.forum-topic-category{display:inline-flex;flex:0 0 auto;align-items:center;min-height:30px;padding:4px 8px;border:1px solid #d5dde8;border-radius:999px;background:#fff;color:#364152;text-decoration:none;font-size:9.5px;font-weight:750}.forum-topic-category:hover,.forum-topic-category.active{border-color:#0d67d7;background:#eef5ff;color:#075fc8}.forum-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px}.forum-sidebar,.forum-main,.forum-thread,.forum-comments{background:#fff;border:1px solid #dce3ed;border-radius:14px}.forum-sidebar{padding:18px;height:max-content;position:sticky;top:92px}.forum-sidebar h2{font-size:18px;margin:0 0 12px}.forum-board-list{display:grid;gap:5px}.forum-board-scroll{max-height:min(68vh,720px);overflow:auto;padding-right:5px;scrollbar-width:thin}.forum-board-scroll::-webkit-scrollbar{width:7px}.forum-board-scroll::-webkit-scrollbar-thumb{background:#ccd6e4;border-radius:8px}.forum-board{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:9px;color:#253247;text-decoration:none;border:1px solid transparent}.forum-board:hover,.forum-board.active{background:#eef5ff;border-color:#cbdffb;color:#075fc8}.forum-board small{color:#8993a2}.forum-main{padding:20px;min-height:500px}.forum-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf4;padding-bottom:16px;margin-bottom:4px}.forum-toolbar h2{margin:0;font-size:22px}.forum-toolbar p{margin:4px 0 0;color:#8a94a3}.forum-topic{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;padding:18px 4px;border-bottom:1px solid #edf0f4}.forum-topic:last-child{border-bottom:0}.forum-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:0;user-select:none;text-shadow:0 1px 1px rgba(0,0,0,.12)}.forum-avatar-initial{display:block;line-height:1;font-size:19px;transform:translateY(-.5px)}.forum-avatar.avatar-0{background:linear-gradient(135deg,#2368c4,#3f8ee8)}.forum-avatar.avatar-1{background:linear-gradient(135deg,#6a4bc3,#8b68df)}.forum-avatar.avatar-2{background:linear-gradient(135deg,#087f88,#25a7ab)}.forum-avatar.avatar-3{background:linear-gradient(135deg,#c25d22,#e48a3c)}.forum-avatar.avatar-4{background:linear-gradient(135deg,#ae3f68,#d45f83)}.forum-avatar.avatar-5{background:linear-gradient(135deg,#3f7f52,#63a56f)}.forum-avatar.avatar-6{background:linear-gradient(135deg,#a26a16,#d69a32)}.forum-avatar.avatar-7{background:linear-gradient(135deg,#3b6f8f,#5c97b9)}.forum-avatar.avatar-8{background:linear-gradient(135deg,#8b4c99,#ad70b9)}.forum-avatar.avatar-9{background:linear-gradient(135deg,#9b4e35,#c77455)}.forum-avatar.avatar-10{background:linear-gradient(135deg,#4d667a,#72899b)}.forum-avatar.avatar-11{background:linear-gradient(135deg,#28726b,#4a9990)}.forum-topic h3{font-size:18px;margin:0 0 7px}.forum-topic h3 a{color:#152033;text-decoration:none}.forum-topic p{margin:0 0 8px;color:#3d4858;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-meta{font-size:12px;color:#8590a0;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.forum-tag{display:inline-flex;padding:3px 7px;border-radius:999px;background:#f0f4f9;color:#506174;font-size:11px;font-weight:700}.forum-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.forum-mini-btn{border:1px solid #dbe2ea;background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer;color:#556273}.forum-mini-btn.active{background:#eaf4ff;color:#0867d7;border-color:#bcd6f7}.forum-dialog{border:0;padding:0;border-radius:16px;max-width:680px;width:calc(100% - 32px);box-shadow:0 24px 70px rgba(7,24,48,.28)}.forum-dialog::backdrop{background:rgba(6,24,48,.5)}.forum-dialog-card{padding:26px;display:grid;gap:14px;position:relative}.forum-dialog-card h2{margin:0 40px 2px 0}.forum-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.forum-dialog-card label,.forum-comment-form label{display:grid;gap:7px;font-weight:700}.forum-dialog-card input,.forum-dialog-card textarea,.forum-dialog-card select,.forum-comment-form input,.forum-comment-form textarea{width:100%;border:1px solid #cfd8e5;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}.forum-dialog-close{position:absolute;right:14px;top:10px;z-index:5;width:38px;height:38px;border:1px solid #dfe5ed;border-radius:50%;background:#fff;font-size:24px;line-height:1;cursor:pointer;color:#39475a}.forum-dialog-close:hover{background:#f3f6fa}.form-note,.form-message{font-size:13px;color:#7b8797;margin:0}.forum-thread-wrap{max-width:940px;padding-top:32px}.forum-thread{padding:26px}.forum-thread-head{display:flex;gap:14px}.forum-thread h1{font-size:30px;line-height:1.35;margin:0 0 10px}.forum-thread-body{white-space:pre-wrap;font-size:17px;line-height:1.85;margin:24px 0}.forum-thread-actions{display:flex;gap:9px;border-top:1px solid #edf0f4;padding-top:16px;flex-wrap:wrap}.forum-comments{margin-top:18px;padding:22px}.forum-comments-head{display:flex;justify-content:space-between;align-items:center}.forum-comment-form{background:#f8fafc;border:1px solid #e3e9f1;border-radius:12px;padding:16px;display:grid;gap:12px;margin:14px 0 18px}.forum-comment-actions{display:flex;gap:8px}.forum-comment{display:flex;gap:12px;padding:17px 0;border-top:1px solid #edf0f4}.forum-comment-content{flex:1;min-width:0}.forum-comment-content p{white-space:pre-wrap;margin:7px 0 10px;line-height:1.7}.forum-comment-reply{margin-left:56px;border-left:3px solid #edf1f6;padding-left:14px}.forum-empty{padding:50px 20px;text-align:center;color:#8390a1}.forum-share-status{font-size:13px;color:#16825d;margin-left:5px}.community-footer-link{font-weight:700}
@media(max-width:930px){.forum-shell{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:800px){.forum-hero{padding:24px 14px 15px;align-items:center}.forum-hero h1{font-size:28px}.forum-topic-category-wrap{padding:0 12px;overflow:hidden}.forum-topic-categories{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.forum-topic-category{flex:0 0 auto;min-width:auto;min-height:29px;padding:4px 7px;justify-content:center;text-align:center;white-space:nowrap;overflow:visible;text-overflow:clip;font-size:9px}.forum-shell{grid-template-columns:1fr;padding:0 12px}.forum-sidebar{position:static}.forum-board-scroll{max-height:255px}.forum-board-list{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-main{padding:14px}.forum-topic{grid-template-columns:42px minmax(0,1fr)}.forum-topic>.forum-actions{grid-column:2}.forum-thread-wrap{padding:18px 12px 0}.forum-thread,.forum-comments{padding:16px}.forum-thread h1{font-size:24px}.forum-comment-reply{margin-left:28px}}
@media(max-width:520px){.forum-hero{align-items:flex-start;gap:12px}.forum-hero .button{white-space:nowrap}.forum-board-list{grid-template-columns:1fr}.forum-dialog-card{padding:20px 16px}.forum-dialog-grid{grid-template-columns:1fr}.forum-toolbar{align-items:flex-start;gap:12px}.forum-toolbar .button{white-space:nowrap}.forum-topic{padding:15px 0}.forum-actions{gap:5px}.forum-mini-btn{padding:6px 8px}.forum-comment-actions{flex-direction:column}.forum-comment-actions .button{width:100%}}

/* 2026-09 community guide strip */
.forum-guide-strip{margin-top:14px;margin-bottom:18px;display:flex;gap:18px;align-items:center;padding:14px 16px;border:1px solid #e3e9ef;border-radius:14px;background:#fff}.forum-guide-strip>div{min-width:120px}.forum-guide-strip strong{display:block;font-size:16px}.forum-guide-strip span{font-size:12px;color:#687386}.forum-guide-strip nav{display:flex;gap:8px;flex-wrap:wrap}.forum-guide-strip a{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f3f6f9;color:#243248;text-decoration:none;font-size:13px}.forum-guide-strip a:hover{background:#e7eef7}.forum-dialog-tip{margin:-4px 0 14px;color:#667085;font-size:13px}@media(max-width:720px){.forum-guide-strip{align-items:flex-start;flex-direction:column;gap:10px}.forum-guide-strip>div{min-width:0}}

.forum-source-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.55;vertical-align:middle}.forum-source-ai{background:#eef5ff;color:#075dcc;border:1px solid #cfe0fb}.forum-source-official{background:#f3f7f2;color:#2f6b3b;border:1px solid #d5e6d7}


/* 2026-09-28 topic detail: shared header + Reddit-inspired threaded discussion */
.forum-thread-wrap{max-width:none;padding-top:28px}
.forum-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.forum-thread-main{min-width:0}
.forum-thread-rail{position:sticky;top:96px;display:grid;gap:16px;min-width:0}
.forum-rail-card{overflow:hidden;border:1px solid #dce3ed;border-radius:12px;background:#fff}
.forum-rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:15px 16px 12px;border-bottom:1px solid #edf1f5}
.forum-rail-head h2{margin:0;color:#172033;font-size:17px}
.forum-rail-head span{color:#8a94a3;font-size:11px}
.forum-related-list{display:grid}
.forum-related-item{display:grid;gap:5px;padding:13px 15px;border-bottom:1px solid #eef1f5;text-decoration:none}
.forum-related-item:last-child{border-bottom:0}
.forum-related-item>span{color:#7b8797;font-size:10px}
.forum-related-item strong{color:#26364a;font-size:14px;line-height:1.45;font-weight:760}
.forum-related-item small{color:#8d98a7;font-size:10px}
.forum-related-item:hover{background:#f7faff}.forum-related-item:hover strong{color:#0867d7}
.forum-rail-empty{padding:20px 15px;color:#8a94a3;font-size:12px;text-align:center}
.forum-comments-sub{display:block;margin-top:3px;color:#8a94a3;font-size:12px}
.forum-comments-head>div{min-width:0}.forum-comments-head h2{margin:0}
.forum-comment-list{margin-top:2px}
.forum-comment-node{min-width:0}
.forum-comment-reddit{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 0 0;border-top:0}
.forum-comment-avatar-col{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:100%}
.forum-comment-reddit .forum-avatar{width:32px;height:32px;position:relative;z-index:2;box-shadow:0 0 0 3px #fff,inset 0 0 0 1px rgba(255,255,255,.35)}
.forum-comment-reddit .forum-avatar svg{width:19px;height:19px}
.forum-comment-thread-line{position:absolute;top:35px;bottom:0;left:50%;width:1px;background:#d7dde5;transform:translateX(-50%)}
.forum-comment-content{padding-bottom:3px}
.forum-comment-author{display:flex;align-items:center;gap:6px;min-height:24px;flex-wrap:wrap}
.forum-comment-author strong{font-size:13px;color:#253247}
.forum-comment-author small{font-size:11px;color:#8a94a3}
.forum-comment-content>p{margin:5px 0 8px;color:#293548;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.forum-comment-toolbar{gap:4px;margin-bottom:2px}
.forum-comment-toolbar .forum-mini-btn{border-color:transparent;background:transparent;padding:5px 7px;border-radius:999px;color:#617083;font-size:12px}
.forum-comment-toolbar .forum-mini-btn:hover{background:#eef3f8;color:#26364a}.forum-comment-toolbar .forum-mini-btn.active{background:#eaf4ff;color:#0867d7}
.forum-comment-children{margin-left:0;padding-left:14px;border-left:1px solid #d7dde5}
.forum-comment-children>.forum-comment-node>.forum-comment-reddit{padding-top:10px}
.forum-thread,.forum-comments{border-radius:12px}
.forum-thread{padding:24px 26px}.forum-comments{padding:20px 22px}
.forum-comment-form{margin:12px 0 8px}
@media(max-width:1020px){.forum-thread-layout{grid-template-columns:minmax(0,1fr) 285px}.forum-thread-rail{top:86px}}
@media(max-width:840px){.forum-thread-layout{grid-template-columns:1fr}.forum-thread-rail{position:static;grid-template-columns:1fr 1fr;order:2}.forum-thread-main{order:1}.forum-thread-wrap{padding-top:18px}}
@media(max-width:620px){.forum-thread-rail{grid-template-columns:1fr}.forum-thread,.forum-comments{padding:15px}.forum-thread h1{font-size:24px}.forum-comment-reddit{grid-template-columns:32px minmax(0,1fr);gap:7px}.forum-comment-reddit .forum-avatar{width:28px;height:28px}.forum-comment-thread-line{top:31px}.forum-comment-children{padding-left:8px}.forum-comment-content>p{font-size:13px}.forum-comment-form{padding:13px}}

/* 2026-10-03 novel category and readable community controls */
@media(min-width:801px){.forum-topic-category{font-size:9.5px;min-height:30px;padding:4px 8px}}
@media(max-width:800px){.forum-topic-categories{display:flex;flex-wrap:nowrap;grid-template-columns:none}.forum-topic-category{font-size:9px}}


/* 2026-10-03 compact forum directory: topic / board / views / updated */
@media(min-width:801px){
  .forum-shell{grid-template-columns:205px minmax(0,1fr);gap:18px}
  .forum-sidebar{padding:14px 12px}
  .forum-sidebar h2{font-size:16px;margin-bottom:9px}
  .forum-board{padding:8px 9px;font-size:12px;gap:7px}
  .forum-board small{font-size:10px}
  .forum-main{padding:16px 18px}
}
.forum-topic-table{width:100%;min-width:0}
.forum-topic-table-head,.forum-topic-row{display:grid;grid-template-columns:minmax(280px,1fr) minmax(180px,240px) 88px 132px;align-items:center;column-gap:14px}
.forum-topic-table-head{min-height:39px;padding:0 10px;border-bottom:2px solid #253247;color:#6c7787;font-size:12px;font-weight:800;letter-spacing:.03em}
.forum-topic-row{min-height:48px;padding:7px 10px;border-bottom:1px solid #e8edf3;color:#536173;font-size:12px;transition:background .15s ease}
.forum-topic-row:nth-child(odd){background:#fbfcfe}
.forum-topic-row:hover{background:#f3f7fc}
.forum-topic-title{min-width:0}
.forum-topic-title a{display:block;color:#182437;text-decoration:none;font-size:15px;font-weight:720;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-topic-title a:hover{color:#0867d7;text-decoration:underline;text-underline-offset:3px}
.forum-topic-board{min-width:0;color:#5b6879;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-topic-views{font-variant-numeric:tabular-nums;color:#667386;text-align:right}
.forum-topic-updated{font-variant-numeric:tabular-nums;color:#7d8999;white-space:nowrap}
.forum-pin{display:inline-flex;margin-right:7px;padding:1px 5px;border-radius:4px;background:#fff1f1;color:#c3262e;font-size:10px;line-height:1.6;vertical-align:1px}
@media(max-width:930px) and (min-width:801px){
  .forum-shell{grid-template-columns:185px minmax(0,1fr);gap:14px}
  .forum-topic-table-head,.forum-topic-row{grid-template-columns:minmax(240px,1fr) minmax(135px,190px) 68px 118px;column-gap:10px}
}
@media(max-width:800px){
  .forum-topic-table-head{display:none}
  .forum-topic-row{grid-template-columns:minmax(0,1fr) auto auto;gap:5px 13px;min-height:0;padding:12px 3px}
  .forum-topic-title{grid-column:1/-1}
  .forum-topic-title a{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .forum-topic-board,.forum-topic-views,.forum-topic-updated{font-size:11px;text-align:left;white-space:nowrap}
  .forum-topic-board{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .forum-topic-views::before{content:'浏览 ';color:#9aa4b2}
  .forum-topic-updated::before{content:'更新 ';color:#9aa4b2}
}
@media(max-width:520px){
  .forum-topic-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}
  .forum-topic-board{grid-column:1;max-width:100%}
  .forum-topic-views{grid-column:2}
  .forum-topic-updated{grid-column:1/-1}
}

/* 2026-10-03 community homepage: category directory + latest/popular right rail */
.forum-home-rail[hidden]{display:none!important}
@media(min-width:1001px){
  .forum-shell-home{grid-template-columns:170px minmax(0,1fr) 286px;gap:16px;align-items:start}
  .forum-shell-home .forum-sidebar{padding:13px 10px}
  .forum-shell-home .forum-board{padding:7px 8px;font-size:12px}
  .forum-shell-home .forum-main{padding:16px}
}
.forum-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.forum-category-panel{min-width:0;border:1px solid #dfe5ed;border-radius:12px;background:#fff;overflow:hidden}
.forum-category-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #edf1f5;background:linear-gradient(180deg,#fff,#fafbfd)}
.forum-category-panel-head h3{margin:0;color:#172033;font-size:17px;line-height:1.2}
.forum-category-panel-head h3:before{content:"";display:inline-block;width:4px;height:16px;margin-right:7px;border-radius:3px;background:#d9232e;vertical-align:-3px}
.forum-category-panel-head a{color:#7c8795;text-decoration:none;font-size:12px;white-space:nowrap}
.forum-category-panel-head a:hover{color:#0867d7}
.forum-category-panel-list{display:grid;padding:1px 12px 3px}
.forum-category-topic{display:grid;gap:2px;padding:6px 0;border-bottom:1px solid #edf1f5;text-decoration:none;min-width:0}
.forum-category-topic:last-child{border-bottom:0}
.forum-category-title{color:#1c2a3d;font-size:14px;font-weight:720;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-category-topic:hover .forum-category-title{color:#0867d7}
.forum-category-meta{display:flex;gap:7px;align-items:center;color:#909aaa;font-size:9.5px;line-height:1.25;min-width:0}
.forum-category-meta em{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718094}
.forum-category-meta i{font-style:normal;white-space:nowrap}
.forum-category-meta time{margin-left:auto;white-space:nowrap}
.forum-home-rail{position:sticky;top:92px;display:grid;gap:14px;min-width:0}
.forum-home-rail-card{overflow:hidden;border:1px solid #dce3ed;border-radius:12px;background:#fff}
.forum-home-rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 14px 11px;border-bottom:2px solid #18263a}
.forum-home-rail-hot .forum-home-rail-head{border-bottom-color:#d9232e}
.forum-home-rail-head h2{margin:0;font-size:18px;color:#172033}
.forum-home-rail-head span{font-size:9px;letter-spacing:.15em;font-weight:850;color:#9aa4b2}
.forum-home-rail-list{display:grid;padding:0 13px 5px}
.forum-home-rail-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid #edf1f5;text-decoration:none}
.forum-home-rail-item:last-child{border-bottom:0}
.forum-home-rail-item>b{width:24px;color:#e2232d;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}
.forum-home-rail-item>span{min-width:0;display:grid;gap:4px}
.forum-home-rail-item strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#253247;font-size:13px;line-height:1.45;font-weight:720}
.forum-home-rail-item small{color:#929cab;font-size:9.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-home-rail-item:hover strong{color:#0867d7}
@media(max-width:1180px) and (min-width:1001px){
  .forum-shell-home{grid-template-columns:160px minmax(0,1fr) 250px;gap:13px}
  .forum-category-grid{grid-template-columns:1fr}
}
@media(max-width:1000px) and (min-width:801px){
  .forum-shell-home{grid-template-columns:170px minmax(0,1fr);gap:14px}
  .forum-shell-home .forum-home-rail{grid-column:2;position:static;grid-template-columns:1fr 1fr}
  .forum-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .forum-category-grid{grid-template-columns:1fr;gap:11px}
  .forum-category-panel-head{padding:9px 11px}
  .forum-category-panel-head h3{font-size:16px}
  .forum-category-panel-list{padding:1px 11px 3px}
  .forum-category-topic{padding:7px 0}
  .forum-category-title{font-size:13.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .forum-home-rail{position:static;grid-template-columns:1fr 1fr;gap:12px}
}
@media(max-width:560px){.forum-home-rail{grid-template-columns:1fr}.forum-category-meta time{display:none}}

/* 2026-10-03 deterministic username initial avatars */
.forum-comment-reddit .forum-avatar-initial{font-size:14px}
.forum-thread-head>.forum-avatar .forum-avatar-initial{font-size:19px}
@media(max-width:620px){.forum-comment-reddit .forum-avatar-initial{font-size:12px}.forum-thread-head>.forum-avatar .forum-avatar-initial{font-size:17px}}


/* 2026-10-03 compact latest/popular community rail */
.forum-home-rail{gap:10px}
.forum-home-rail-card{border-radius:10px}
.forum-home-rail-head{align-items:center;padding:9px 11px 8px;min-height:0}
.forum-home-rail-head h2{font-size:16px;line-height:1.2}
.forum-home-rail-head span{font-size:8px;letter-spacing:.12em}
.forum-home-rail-list{padding:0 10px 3px}
.forum-home-rail-item{gap:7px;padding:6px 0;min-height:0}
.forum-home-rail-item.is-latest{grid-template-columns:minmax(0,1fr)}
.forum-home-rail-item.is-hot{grid-template-columns:20px minmax(0,1fr)}
.forum-home-rail-item>b{width:20px;font-size:10px;line-height:1.35}
.forum-home-rail-item>span{gap:2px}
.forum-home-rail-item strong{font-size:12px;line-height:1.32;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}
.forum-home-rail-item small{font-size:8.5px;line-height:1.25}
@media(max-width:1000px){
  .forum-home-rail-head{padding:8px 10px 7px}
  .forum-home-rail-head h2{font-size:15px}
  .forum-home-rail-list{padding-inline:9px}
  .forum-home-rail-item{padding:5px 0}
}

/* 2026-10-03 hottest topic filter */
.forum-topic-category-hot{border-color:#ffd5c2;background:#fff8f3;color:#b54708}
.forum-topic-category-hot:hover,.forum-topic-category-hot.active{border-color:#f79009;background:#fff1e6;color:#b54708;box-shadow:0 0 0 1px rgba(247,144,9,.08) inset}
/* 2026-10-03 hot-period + recommendation + account publishing */
.forum-topic-category-recommend{border-color:#c9bdf7!important}.forum-topic-category-recommend.active{background:#6d5bd0!important;border-color:#6d5bd0!important;color:#fff!important}.forum-sort-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.forum-period-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid #d6deea;border-radius:999px;background:#fff;color:#536176;text-decoration:none;font-size:12px;font-weight:700}.forum-period-chip:hover{border-color:#93a4bb;color:#172033}.forum-period-chip.active{background:#172033;border-color:#172033;color:#fff}.forum-account-publish-note{padding:10px 12px;border-radius:8px;background:#f4f7fb;color:#667085;font-size:13px;line-height:1.6}.forum-account-publish-note a{color:#075dcc;font-weight:700}.forum-account-publish-note strong{color:#172033}.forum-toolbar>div{min-width:0}
@media(max-width:700px){.forum-sort-tools{gap:6px}.forum-period-chip{font-size:11px;min-height:28px;padding:0 9px}}

/* 2026-10-03 Hot / Recommended discovery pages: card feed inspired by modern community portals */
@media(min-width:1001px){
  .forum-shell-feed{grid-template-columns:164px minmax(0,1fr);gap:16px;align-items:start}
  .forum-shell-feed .forum-sidebar{padding:12px 9px}
  .forum-shell-feed .forum-board{padding:7px 8px;font-size:11.5px}
  .forum-shell-feed .forum-main{padding:18px 18px 22px}
}
.forum-shell-feed .forum-toolbar{align-items:flex-start;padding:2px 2px 14px;margin-bottom:14px}
.forum-shell-feed .forum-toolbar h2{font-size:24px;line-height:1.25;letter-spacing:-.02em}
.forum-shell-feed .forum-toolbar p{font-size:12px;line-height:1.45;color:#7d8796}
.forum-shell-feed .forum-sort-tools{margin-top:10px}
.forum-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.forum-feed-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:224px;padding:16px 16px 13px;border:1px solid #dce3ec;border-radius:13px;background:#fff;color:#1d2939;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.forum-feed-card:hover{transform:translateY(-2px);border-color:#c9d5e5;box-shadow:0 10px 24px rgba(23,39,66,.08)}
.forum-feed-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.forum-feed-tag{display:inline-flex;align-items:center;max-width:72%;min-height:25px;padding:3px 8px;border-radius:7px;background:#edf4ff;color:#2467c7;font-size:11px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-feed-rank{font-size:11px;font-weight:900;letter-spacing:.05em;color:#ea4335;font-variant-numeric:tabular-nums}
.forum-feed-recommend-mark{font-size:10px;font-weight:800;color:#7b61d8;background:#f4f0ff;border-radius:999px;padding:3px 7px;white-space:nowrap}
.forum-feed-card h3{margin:0;color:#172033;font-size:18px;line-height:1.38;font-weight:800;letter-spacing:-.015em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.forum-feed-card:hover h3{color:#075fc8}
.forum-feed-card p{margin:9px 0 8px;color:#667085;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:64px}
.forum-feed-context{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:3px;color:#98a2b3;font-size:10px;min-width:0}
.forum-feed-context span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-feed-context time{white-space:nowrap;font-variant-numeric:tabular-nums}
.forum-feed-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:10px;border-top:1px solid #edf1f5}
.forum-feed-author{display:flex;align-items:center;gap:7px;min-width:0}
.forum-feed-author .forum-avatar{width:27px;height:27px;box-shadow:none}
.forum-feed-author .forum-avatar-initial{font-size:11px}
.forum-feed-author strong{min-width:0;max-width:108px;color:#667085;font-size:11.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forum-feed-stats{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#6f7b8c;font-size:11px;font-variant-numeric:tabular-nums}
.forum-feed-stats span{white-space:nowrap}
.forum-feed-view::first-letter,.forum-feed-comment::first-letter{color:#8ea0b5}

/* distinct category chips; restrained palette like large community products */
.forum-feed-tag.tag-local{background:#fff0ee;color:#d64545}.forum-feed-tag.tag-jobs{background:#f2edff;color:#6941c6}.forum-feed-tag.tag-immigration{background:#edf5ff;color:#175cd3}.forum-feed-tag.tag-education{background:#eaf3ff;color:#1570ef}.forum-feed-tag.tag-housing{background:#fff0f5;color:#c11574}.forum-feed-tag.tag-auto{background:#eff8ff;color:#026aa2}.forum-feed-tag.tag-family{background:#ecfdf3;color:#027a48}.forum-feed-tag.tag-consumer{background:#fff6ed;color:#c4320a}.forum-feed-tag.tag-social{background:#f4f3ff;color:#5925dc}.forum-feed-tag.tag-guide{background:#eff8ff;color:#175cd3}.forum-feed-tag.tag-novel{background:#fdf2fa;color:#c11574}.forum-feed-tag.tag-chat{background:#f2f4f7;color:#475467}.forum-feed-tag.tag-general{background:#f2f4f7;color:#475467}

.forum-topic-category-recommend{border-color:#d9d0ff!important;background:#faf8ff;color:#6547c7}
.forum-topic-category-recommend:hover,.forum-topic-category-recommend.active{border-color:#7f6bdc!important;background:#6d5bd0!important;color:#fff!important;box-shadow:0 0 0 1px rgba(109,91,208,.08) inset}
.forum-shell-feed .forum-period-chip{min-height:31px;padding:0 12px;background:#fff}
.forum-shell-feed .forum-period-chip.active{background:#1677ff;border-color:#1677ff;color:#fff}

@media(max-width:1180px) and (min-width:801px){
  .forum-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .forum-shell-feed{grid-template-columns:1fr}
  .forum-shell-feed .forum-sidebar{display:none}
  .forum-shell-feed .forum-main{padding:12px}
  .forum-shell-feed .forum-toolbar{padding:2px 1px 12px;margin-bottom:11px}
  .forum-shell-feed .forum-toolbar h2{font-size:20px}
  .forum-feed-grid{grid-template-columns:1fr;gap:10px}
  .forum-feed-card{min-height:0;padding:13px 13px 11px;border-radius:11px}
  .forum-feed-card h3{font-size:16px;line-height:1.42}
  .forum-feed-card p{font-size:12.5px;line-height:1.6;min-height:0;-webkit-line-clamp:3}
  .forum-feed-card footer{margin-top:8px;padding-top:9px}
}

/* 2026-10-03 unified community browse cards */
.forum-feed-grid-browse .forum-feed-card-top{justify-content:flex-start}
.forum-feed-card-browse .forum-feed-tag{max-width:100%}

/* 2026-10-03 tighter related/recommended topic rail */
.forum-thread-rail{gap:10px}
.forum-rail-card{border-radius:10px}
.forum-rail-head{align-items:center;padding:9px 14px 8px}
.forum-rail-head h2{font-size:15px;line-height:1.2}
.forum-rail-head span{font-size:9.5px;line-height:1.2}
.forum-related-item{gap:2px;padding:8px 14px}
.forum-related-item>span{font-size:9px;line-height:1.2}
.forum-related-item strong{font-size:12px;line-height:1.32;font-weight:750;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.forum-related-item small{font-size:9px;line-height:1.2}
.forum-rail-card .forum-related-list{max-height:888px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}
.forum-rail-card:hover .forum-related-list{scrollbar-color:#c3ccd8 transparent}
.forum-rail-card .forum-related-list::-webkit-scrollbar{width:6px}
.forum-rail-card .forum-related-list::-webkit-scrollbar-track{background:transparent}
.forum-rail-card .forum-related-list::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.forum-rail-card:hover .forum-related-list::-webkit-scrollbar-thumb{background:#c3ccd8}
.forum-rail-empty{padding:14px 12px;font-size:11px}
@media(max-width:840px){
  .forum-thread-rail{gap:10px}
  .forum-rail-head{padding:8px 12px 7px}
  .forum-related-item{padding:7px 12px}
}

.forum-comment-toolbar .comment-vote-icon{font-size:15px;line-height:1;display:inline-block;vertical-align:-1px}


/* 2026-10-03 latest/popular rail on community topic-category browse pages only */
@media(min-width:1181px){
  .forum-shell-feed.forum-shell-feed-has-rail{grid-template-columns:164px minmax(0,1fr) 250px;gap:14px;align-items:start}
  .forum-shell-feed.forum-shell-feed-has-rail .forum-home-rail{display:grid;position:sticky;top:92px;grid-column:auto}
}
@media(max-width:1180px) and (min-width:801px){
  .forum-shell-feed.forum-shell-feed-has-rail{grid-template-columns:164px minmax(0,1fr);gap:14px}
  .forum-shell-feed.forum-shell-feed-has-rail .forum-home-rail{display:grid;grid-column:2;position:static;grid-template-columns:1fr 1fr;margin-top:0}
}
@media(max-width:800px){
  .forum-shell-feed.forum-shell-feed-has-rail .forum-home-rail{display:grid;position:static;grid-template-columns:1fr 1fr;gap:10px}
}
@media(max-width:560px){
  .forum-shell-feed.forum-shell-feed-has-rail .forum-home-rail{grid-template-columns:1fr}
}


/* 2026-10-03 community home: let the city rail use the full category-directory height, never taller */
@media(min-width:801px){
  .forum-shell-home .forum-sidebar{
    height:var(--forum-home-sidebar-height,auto);
    max-height:var(--forum-home-sidebar-height,none);
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .forum-shell-home .forum-sidebar h2{flex:0 0 auto}
  .forum-shell-home .forum-board-scroll{
    flex:1 1 auto;
    min-height:0;
    max-height:none!important;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

/* 2026-10-03 community topic-nav: readable labels with normal compact spacing */
@media(min-width:1101px){
  .forum-topic-category-wrap{overflow:hidden}
  .forum-topic-categories{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .forum-topic-categories::-webkit-scrollbar{display:none}
  .forum-topic-category{
    flex:0 0 auto;
    min-height:32px;
    padding:5px 10px;
    font-size:10.8px;
    line-height:1.1;
    white-space:nowrap;
  }
}
@media(min-width:801px) and (max-width:1100px){
  .forum-topic-categories{gap:6px;justify-content:flex-start;overflow-x:auto}
  .forum-topic-category{font-size:10.2px;min-height:31px;padding:5px 9px}
}

/* 2026-10-03 comment vote icons: always show thumbs in comment rows */
.forum-comment-toolbar .comment-vote-icon{display:inline-block!important;font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;font-size:16px!important;line-height:1!important;vertical-align:-2px!important}
.forum-comment-toolbar .forum-mini-btn{display:inline-flex!important;align-items:center!important;gap:4px!important}


/* 2026-10-03 final community-home compact city rail */
@media(min-width:1001px){
  .forum-shell-home .forum-sidebar{
    height:max-content!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
    padding:12px 10px!important;
  }
  .forum-shell-home .forum-sidebar h2{
    margin:0 0 8px!important;
    font-size:17px!important;
    line-height:1.2!important;
  }
  .forum-shell-home .forum-board-scroll{
    display:block!important;
    max-height:min(66vh,640px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:4px!important;
  }
  .forum-shell-home .forum-board-list{
    display:grid!important;
    gap:1px!important;
  }
  .forum-shell-home .forum-board{
    min-height:0!important;
    padding:5px 7px!important;
    border-radius:7px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
  }
  .forum-shell-home .forum-board small{
    font-size:10px!important;
  }
}

/* normal compact topic-category spacing; never stretch buttons across the row */
@media(min-width:801px){
  .forum-topic-categories{
    justify-content:flex-start!important;
    gap:5px!important;
  }
  .forum-topic-category{
    flex:0 0 auto!important;
    min-height:31px!important;
    padding:5px 9px!important;
    font-size:10.8px!important;
    line-height:1.1!important;
  }
}

/* comment thumbs must remain visible */
.forum-comment-toolbar .forum-comment-vote{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:46px!important;
}
.forum-comment-toolbar .forum-comment-vote .comment-vote-icon{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  font-size:16px!important;
  line-height:1!important;
  font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;
}


/* 2026-10-03: community home city rail - show every metro area, compact natural height */
@media(min-width:801px){
  .forum-shell-home .forum-sidebar{
    height:max-content!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:12px 10px!important;
    align-self:start!important;
  }
  .forum-shell-home .forum-sidebar h2{
    margin:0 0 7px!important;
    font-size:17px!important;
    line-height:1.2!important;
  }
  .forum-shell-home .forum-board-scroll{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    padding-right:0!important;
    scrollbar-width:none!important;
  }
  .forum-shell-home .forum-board-scroll::-webkit-scrollbar{display:none!important}
  .forum-shell-home .forum-board-list{display:grid!important;gap:1px!important}
  .forum-shell-home .forum-board{
    min-height:0!important;
    padding:5px 7px!important;
    gap:6px!important;
    border-radius:6px!important;
    font-size:11.5px!important;
    line-height:1.22!important;
  }
  .forum-shell-home .forum-board small{font-size:9.5px!important;line-height:1.2!important}
}


/* 2026-10-03 topic body vote icons */
.forum-thread-actions .forum-topic-vote{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:48px!important;justify-content:center!important}
.forum-thread-actions .forum-topic-vote .comment-vote-icon{display:inline-block!important;visibility:visible!important;opacity:1!important;font-size:17px!important;line-height:1!important;font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif!important}