.community-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}
.community-card,.community-board{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}
.community-card{padding:28px;position:sticky;top:100px}
.community-card h2,.community-board h2{margin:0;font-size:1.45rem;letter-spacing:-.03em}
.community-card>p,.community-board-head p{margin:8px 0 0;color:var(--ink-soft)}
.community-form{display:grid;gap:18px;margin-top:24px}
.community-field{display:grid;gap:8px}
.community-field label{font-size:.84rem;font-weight:800;color:#354c68}
.community-field label span{font-weight:650;color:var(--muted)}
.community-field input,.community-field textarea{width:100%;border:1px solid var(--line-strong);border-radius:14px;background:#fbfdff;color:var(--ink);outline:none;transition:.18s ease}
.community-field input{height:48px;padding:0 14px}
.community-field textarea{min-height:150px;padding:13px 14px;resize:vertical;line-height:1.55}
.community-field input:focus,.community-field textarea:focus{border-color:#78aae2;box-shadow:0 0 0 3px rgba(15,111,255,.09);background:#fff}
.community-form-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.community-counter{color:var(--muted);font-size:.76rem;font-weight:700}
.community-status{min-height:24px;margin:12px 0 0;color:var(--ink-soft);font-size:.84rem}
.community-status.is-error{color:#b83c32}
.community-status.is-success{color:#17866d}
.community-rules{margin-top:22px;padding:16px;border-radius:14px;background:var(--canvas);color:#617389;font-size:.8rem;line-height:1.6}
.community-rules b{color:var(--ink)}
.community-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.community-board{overflow:hidden}
.community-board-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid var(--line)}
.community-board-head .btn{flex:0 0 auto}
.community-list{display:grid}
.community-message{padding:22px 26px;border-bottom:1px solid #e8eef5}
.community-message:last-child{border-bottom:0}
.community-message-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.community-author{display:flex;align-items:center;gap:10px;min-width:0}
.community-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-size:.8rem;font-weight:900}
.community-author b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}
.community-message time{color:var(--muted);font-size:.72rem;white-space:nowrap}
.community-message p{margin:0;color:#415875;white-space:pre-wrap;overflow-wrap:anywhere}
.community-empty{padding:54px 28px;text-align:center;color:var(--muted)}
.community-empty b{display:block;margin-bottom:6px;color:var(--ink);font-size:1rem}
.community-note{margin-bottom:24px}
@media(max-width:820px){
  .community-shell{grid-template-columns:1fr;gap:18px}
  .community-card{position:static;padding:20px}
  .community-board-head{padding:20px;align-items:flex-start}
  .community-board-head p{font-size:.84rem}
  .community-message{padding:19px 20px}
  .community-message-head{align-items:flex-start}
  .community-message time{font-size:.66rem}
  .community-form-row{align-items:flex-start;flex-direction:column}
  .community-form-row .btn{width:100%}
}