.com-grid { display: grid; grid-template-columns: 1fr 320px; gap: 24px; }
  .tab-bar { display:flex; gap:4px; border-bottom:1px solid var(--color-border); padding:0; margin-bottom:20px; }
  .tab { padding:12px 16px; font-size:15px; color:var(--color-text-sub); cursor:pointer; border-bottom:2px solid transparent; transition: all 0.15s; }
  .tab.active { color:var(--color-primary); font-weight:600; border-bottom-color:var(--color-primary); }
  .post-list { display:flex; flex-direction:column; gap:0; background:#fff; border:1px solid var(--color-border); border-radius:14px; overflow:hidden; }
  .post-row { display:flex; gap:16px; padding:20px 24px; border-bottom:1px solid var(--color-border); cursor:pointer; transition: background 0.12s; }
  .post-row:last-child { border-bottom:none; }
  .post-row:hover { background: var(--color-bg); }
  .post-thumb { width:64px; height:64px; border-radius:10px; flex-shrink:0; background:linear-gradient(135deg,#004077,#0097cc); }
  .post-body { flex:1; min-width:0; }
  .post-tags { display:flex; gap:6px; margin-bottom:6px; }
  .tag-pill { padding: 2px 8px; background: var(--color-bg); color:var(--color-text-sub); font-size:11px; border-radius:4px; font-weight:600; }
  .tag-pill.notice { background: var(--color-primary-light); color:var(--color-primary); }
  .tag-pill.hot { background: #FEE2E2; color: #991B1B; }
  .post-title { font-size:16px; font-weight:600; margin-bottom:4px; line-height:1.4; }
  .post-excerpt { font-size:13px; color:var(--color-text-sub); line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
  .post-meta { display:flex; gap:12px; font-size:12px; color:var(--color-text-sub); margin-top:8px; }
  .post-meta-item { display:flex; align-items:center; gap:4px; }
  .post-meta-item svg { width:13px; height:13px; }

  .side-card { background:#fff; border:1px solid var(--color-border); border-radius:14px; padding:20px; margin-bottom:16px; }
  .side-title { font-size:14px; font-weight:600; margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; }
  .side-link { color:var(--color-text-sub); font-size:12px; }
  .hot-list { display:flex; flex-direction:column; gap:10px; }
  .hot-row { display:flex; gap:8px; align-items:center; font-size:13px; }
  .hot-num { width:18px; height:18px; border-radius:4px; background:var(--color-bg); display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:11px; color:var(--color-text-sub); flex-shrink:0; }
  .hot-row.top .hot-num { background:var(--color-primary); color:#fff; }
  .hot-text { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

  .write-fab {
    background: var(--color-primary);
    color: #fff;
    padding: 12px 18px;
    border-radius: 9999px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  @media (max-width: 1100px) { .com-grid { grid-template-columns: 1fr; } }