.cms-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr}.cms-layout.with-side{grid-template-columns:minmax(0,1fr) 240px}.cms-layout.v-dir{grid-template-rows:auto 1fr}.page-tabs{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media(min-width:1025px){.page-tabs{margin-top:-24px;height:56px}}.page-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13.5px;color:#555;text-decoration:none;background:#fff;border:1px solid #e3e7ee;border-radius:8px;white-space:nowrap;box-shadow:0 2px 6px #0000000a}.page-tab:hover{color:var(--brand);text-decoration:none;border-color:#cfd6e0}.page-tab.on{color:var(--brand);font-weight:700;border-color:var(--brand);background:#fff7f0}.forum-dir{grid-row:2;grid-column:1;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0;overflow-y:auto;padding-right:2px}.dir-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#6b7280;padding:0 2px}.dir-all{font-size:13px;color:var(--brand);text-decoration:none;font-weight:600;white-space:nowrap}.dir-all:hover{text-decoration:underline}.dir-panel{background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;overflow:hidden}.dir-panel-h{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f7f8fa;border-bottom:1px solid #eef0f3}.dir-panel-h b{font-size:14.5px;color:var(--dark)}.dir-panel-t{text-decoration:none;color:inherit}.dir-panel-t:hover b{color:var(--brand)}.dir-panel-n{font-size:12px;color:#98a0ad}.dir-fold{margin-left:auto;width:24px;height:24px;line-height:22px;text-align:center;border:1px solid #dcdfe4;border-radius:5px;background:#fff;color:#8a90a0;font-size:12px;cursor:pointer;padding:0;flex:none;transition:transform .15s}.dir-fold:hover{color:var(--brand);border-color:var(--brand)}.dir-panel.collapsed .dir-fold{transform:rotate(-90deg)}.dir-panel.collapsed .dir-grid{display:none}.dir-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#eef0f3}@media(max-width:768px){.dir-grid{grid-template-columns:1fr}}.dir-cell{display:flex;gap:10px;padding:12px 14px;text-decoration:none;color:inherit;background:#fff;min-width:0}.dir-cell:hover{background:#fafbfd;text-decoration:none}.dir-cell:hover .dir-cell-t{color:var(--brand)}.dir-icon{width:40px;height:40px;border-radius:50%;flex:none;background:var(--brand);color:#fff;font-size:17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.dir-cell-main{display:flex;flex-direction:column;gap:2px;min-width:0}.dir-cell-t{font-size:14.5px;font-weight:700;color:var(--dark)}.dir-cell-s{font-size:12px;color:#98a0ad}.dir-desc,.dir-last{font-size:12px;color:#8a90a0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dir-last i{font-style:normal;color:#b3b9c4}.dir-last.muted{color:#c3c8d1}.crumb-bar{grid-row:2;grid-column:1 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#98a0ad;padding:0 2px}.crumb-link{color:#6b7280;text-decoration:none}.crumb-link:hover{color:var(--brand);text-decoration:none}.crumb-sep{color:#c3c8d1}.crumb-cur{color:var(--dark);font-weight:600}.forum-side{grid-row:3;grid-column:2;display:none;min-width:0;min-height:0;overflow-y:auto}.cms-layout.v-dir .forum-side{grid-row:2}.cms-layout.with-side .forum-side{display:flex;flex-direction:column;gap:12px}.side-panel{background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;overflow:hidden;flex:none}.side-panel-h{padding:9px 13px;font-size:13px;font-weight:600;color:#6b7280;background:#f7f8fa;border-bottom:1px solid #eef0f3}.side-panel-b{padding:8px 6px;display:grid;grid-template-columns:1fr 1fr;gap:2px 6px}.side-cat{font-size:12.5px;color:#555;text-decoration:none;padding:4px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-cat:before{content:"• ";color:#c3c8d1}.side-cat:hover{background:#f7f8fa;color:var(--brand);text-decoration:none}.forum-board{grid-row:3;grid-column:1;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.board-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:12px 16px}.board-head h1{font-size:17px;color:var(--dark)}.board-stats{font-size:12.5px;color:#98a0ad}.board-head .pub-btn{margin-left:auto}.forum-board .feed-tabs{flex:none;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:0 6px}.thread-table{background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;overflow:hidden;flex:none}.th-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 96px 140px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #f2f4f7}.th-row:last-child{border-bottom:none}.th-row:hover{background:#fafbfd}.th-row.top{background:#fffaf3}.th-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--dark);font-weight:600;line-height:1.5;text-decoration:none}.th-title:hover{color:var(--brand);text-decoration:none}.th-author,.th-nums,.th-last{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#98a0ad;min-width:0}.th-author b,.th-nums b,.th-last b{color:#555;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-author i,.th-nums i,.th-last i{font-style:normal}.board-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:10px 14px}.pg-num{padding:4px 10px;border:1px solid #e3e7ee;border-radius:8px;background:#fff;color:#555;font-size:12.5px;text-decoration:none}.pg-num:hover{color:var(--brand);border-color:var(--brand);text-decoration:none}.pg-num.on{color:#fff;background:var(--brand);border-color:var(--brand);font-weight:700}.pg-num.off{opacity:.4;pointer-events:none}.pg-total{font-size:12px;color:#98a0ad;margin:0 4px}@media(max-width:768px){.th-row{grid-template-columns:minmax(0,1fr) 96px}.th-last{display:none}}.forum-guide{grid-row:2;grid-column:1;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.forum-guide .feed-tabs{flex:none;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:0 6px}.gd-row{grid-template-columns:minmax(0,1fr) 130px 120px 96px 150px}.gd-board{font-size:12.5px;color:#6b7280;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-board:hover{color:var(--brand);text-decoration:none}@media(max-width:768px){.gd-row{grid-template-columns:minmax(0,1fr) 96px}.gd-board,.gd-row .th-author,.gd-row .th-last{display:none}}.forum-thread{grid-row:3;grid-column:1;min-width:0;min-height:0;overflow-y:auto;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:20px 22px}.forum-thread h1{font-size:22px;margin-bottom:12px;color:var(--dark)}.t-content{margin:14px 0;line-height:1.8;color:#333;word-wrap:break-word;white-space:pre-wrap}.group-dir{grid-row:2;grid-column:1;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:2px}.dir-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.dir-top h1{font-size:18px;color:var(--dark)}.gd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:4px 16px;flex:none}@media(max-width:768px){.gd-cards{grid-template-columns:1fr}}.gd-card{display:flex;gap:10px;padding:14px 2px;border-bottom:1px solid #f0f2f5;min-width:0}.gd-card:nth-last-child(-n+2){border-bottom:none}.gd-icon{width:48px;height:48px;border-radius:8px;background:#f0f2f5;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:26px;text-decoration:none}.gd-body{min-width:0;display:flex;flex-direction:column;gap:3px}.gd-name{font-size:14.5px;font-weight:700;color:var(--dark);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-name:hover{color:var(--brand);text-decoration:none}.gd-meta{font-size:12px;color:#9aa0a6}.gd-desc{font-size:12.5px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gd-foot{margin-top:2px}.gd-join{border:none;background:none;padding:0;cursor:pointer;font-size:12.5px;color:var(--brand);text-align:left}.gd-join:hover{text-decoration:underline}.gd-joined{font-size:12.5px;color:#b6bec9}.gh-icon{width:44px;height:44px;border-radius:8px;background:#f0f2f5;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:24px}.gh-main{flex:1;min-width:0}.gh-main h1{font-size:17px;color:var(--dark)}.gh-join{flex:none;display:flex;align-items:center;gap:8px}.gh-join .muted{font-size:12.5px}.board-desc{flex:none;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 4px 14px #0000000f;padding:10px 16px;font-size:13px;color:#666;line-height:1.7}.group-side{grid-row:3;grid-column:2;display:none;min-width:0;min-height:0;overflow-y:auto}.cms-layout.v-dir .group-side{grid-row:2}.cms-layout.with-side .group-side{display:flex;flex-direction:column;gap:12px}
