.beup-community-hub-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin:0 0 12px;border-bottom:1px solid #e5eef1;font:12px/1.5 system-ui;color:#708591}.beup-community-hub-bar>div{display:flex;gap:8px;flex-shrink:0}
.beup-community-hub-bar button,.beup-community-hub-dialog button{font:600 13px/1.4 system-ui;color:#3f7786;background:#fff;border:1px solid #d8e7ed;border-radius:8px;padding:8px 13px;cursor:pointer}.beup-community-hub-bar button:hover,.beup-community-hub-dialog button:hover{background:#eef7f8;border-color:#8bbdc6}.beup-community-hub-bar b{display:inline-flex;background:#bd5368;color:#fff;border-radius:20px;font-size:10px;padding:1px 5px}.beup-community-hub-bar [hidden]{display:none}
.beup-community-hub-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-width:760px;height:min(760px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #dbe7eb;border-radius:18px;color:#233744;background:#fff;box-shadow:0 24px 90px #142f413b;font:14px/1.6 system-ui;overflow:hidden;overscroll-behavior:contain}.beup-community-hub-dialog[open]{display:flex;flex-direction:column}.beup-community-hub-dialog::backdrop{background:#122b4266;backdrop-filter:blur(3px)}
.beup-community-hub-dialog *{box-sizing:border-box}.beup-community-hub-dialog header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;background:linear-gradient(115deg,#f1f8f8,#fff)}.beup-community-hub-dialog small{font-size:10px;letter-spacing:2px;font-weight:700;color:#6096a4}.beup-community-hub-dialog h2{font:700 24px/1.4 system-ui;margin:3px 0}.beup-community-hub-dialog header p{font-size:12px;color:#798e9a;margin:4px 0}.beup-community-hub-dialog .beup-community-hub-close{font-size:25px;line-height:1;background:transparent;padding:6px 10px;border:0}
.beup-community-hub-dialog nav{display:flex;gap:6px;padding:0 24px 14px;border-bottom:1px solid #eaf0f3}.beup-community-hub-dialog nav button{border-color:transparent;background:#f5f8fa;color:#6b7f8a}.beup-community-hub-dialog nav button[aria-pressed=true]{color:#fff;background:#5798a8}.beup-community-hub-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 24px 8px;font-size:12px;color:#7a8b94}.beup-community-hub-tools form{display:flex;gap:8px;flex:1;min-width:0}.beup-community-hub-dialog input,.beup-community-hub-dialog select,.beup-community-hub-dialog textarea{font:13px/1.5 system-ui;border:1px solid #d8e7ed;border-radius:8px;padding:9px 10px;background:#fff;color:#263f4e;min-width:0}.beup-community-hub-tools input{flex:1;width:100%}.beup-community-hub-dialog :focus-visible,.beup-community-hub-bar :focus-visible{outline:2px solid #3e889e;outline-offset:3px}.beup-community-hub-dialog button:disabled{opacity:.45;cursor:default}
.beup-community-hub-notice{margin:0 24px;font-size:12px;color:#3e856c;flex-shrink:0}.beup-community-hub-notice:not(:empty){padding:8px 10px;background:#eff8f3;border-radius:8px}.beup-community-hub-notice.is-error{color:#a3414c;background:#fff1f1}.beup-community-hub-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:14px 24px 24px}.beup-community-hub-item{border:1px solid #e1eaee;border-radius:12px;margin-bottom:10px;padding:16px 18px;background:#fff}.beup-community-hub-item.is-unread{border-left:3px solid #609eaf;background:#f9fcfd}.beup-community-hub-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.beup-community-hub-dialog h3{font:650 15px/1.6 system-ui;margin:0 0 6px;overflow-wrap:anywhere}.beup-community-hub-item p{margin:8px 0 12px;color:#6f828d;font-size:13px;overflow-wrap:anywhere}.beup-community-hub-status{white-space:nowrap;font:600 11px/1.6 system-ui;padding:2px 7px;background:#edf3f6;color:#64808c;border-radius:5px;flex-shrink:0}.beup-community-hub-status[data-status=pending]{color:#9c752e;background:#fff6e1}.beup-community-hub-status[data-status=published],.beup-community-hub-status[data-status=resolved]{color:#368668;background:#eaf6ef}.beup-community-hub-status[data-status=hidden],.beup-community-hub-status[data-status=dismissed]{color:#a26874;background:#fbf0f2}.beup-community-hub-item-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#8a9da7}.beup-community-hub-item-foot button{font-size:12px;padding:5px 10px}.beup-community-hub-item blockquote{margin:12px 0;padding:12px;border-left:2px solid #81b9c5;background:#f5f9fa;font-size:12px}.beup-community-hub-item blockquote p{margin:5px 0 0}
.beup-community-hub-dialog footer:not(:empty){display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #e8eff3;font-size:12px;color:#748a96;gap:8px}.beup-community-hub-dialog footer>div{display:flex;gap:8px}.beup-community-hub-empty{padding:60px 20px;text-align:center;color:#7e929d;font-size:13px}.beup-community-hub-empty button{display:block;margin:16px auto}.beup-community-hub-detail h3{font-size:21px;margin:22px 0 12px}.beup-community-hub-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px;margin:20px 0}.beup-community-hub-report-form{display:flex;flex-direction:column;gap:10px}.beup-community-hub-report-form p{color:#7b8f99;font-size:12px}.beup-community-hub-report-form label{font-size:13px;font-weight:600}.beup-community-hub-report-form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.beup-community-hub-dialog .beup-community-hub-primary{background:#5798a8;color:white;border-color:#5798a8}.beup-community-hub-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.beup-community-hub-bar{align-items:flex-start;flex-direction:column}.beup-community-hub-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:14px}.beup-community-hub-dialog header{padding:18px}.beup-community-hub-dialog nav{padding:0 12px 12px;gap:4px;justify-content:space-between}.beup-community-hub-dialog nav button{font-size:12px;padding:8px}.beup-community-hub-tools{padding:12px 14px 8px;flex-wrap:wrap}.beup-community-hub-tools form{flex-wrap:wrap}.beup-community-hub-tools input{flex:1 1 100%}.beup-community-hub-body{padding:12px}.beup-community-hub-item{padding:14px}.beup-community-hub-item-head{gap:8px}.beup-community-hub-dialog footer:not(:empty){padding:12px}.beup-community-hub-notice{margin:0 14px}}