.ghhui-wrap{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:inherit;direction:rtl}
.ghhui-bell,.ghhui-cta{border:none;outline:none;text-decoration:none;cursor:pointer;transition:.2s ease}
.ghhui-bell{position:relative;width:42px;height:42px;border-radius:12px;background:#eef6f8;color:#1E6678;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(16,55,68,.08)}
.ghhui-bell:hover{background:#e1f0f4;transform:translateY(-1px)}
.ghhui-bell-icon{font-size:18px;line-height:1}
.ghhui-badge{position:absolute;top:-5px;left:-5px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#F9733A;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(249,115,58,.28)}
.ghhui-cta{height:42px;padding:0 16px;border-radius:12px;background:linear-gradient(135deg,#1E6678,#2F7F93);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(30,102,120,.18)}
.ghhui-cta:hover{background:linear-gradient(135deg,#1b5d6d,#2b7386);color:#fff;transform:translateY(-1px)}
.ghhui-dropdown{position:absolute;top:54px;left:0;z-index:9999;width:380px;max-width:min(92vw,380px);background:#fff;border:1px solid #e7eef1;border-radius:18px;box-shadow:0 24px 60px rgba(17,46,56,.16);overflow:hidden}
.ghhui-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;background:linear-gradient(135deg,#f7fbfc,#edf5f7);border-bottom:1px solid #edf2f4}
.ghhui-dropdown-head strong{display:block;color:#16323D;font-size:15px}
.ghhui-dropdown-head small{display:block;color:#5C7380;margin-top:4px;font-size:12px}
.ghhui-dashboard-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#fff;color:#1E6678;font-size:12px;font-weight:700;text-decoration:none;border:1px solid #dbe8ec}
.ghhui-dashboard-link:hover{background:#f4fbfd}
.ghhui-sections{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}
.ghhui-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f4f8fa;color:#47616d;font-size:12px}
.ghhui-pill b{color:#1E6678}
.ghhui-list{max-height:420px;overflow:auto;padding:12px}
.ghhui-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;text-decoration:none;color:inherit;border:1px solid transparent;background:#fff}
.ghhui-item + .ghhui-item{margin-top:8px}
.ghhui-item:hover{background:#f8fbfc;border-color:#e3edf0}
.ghhui-dot{flex:0 0 10px;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#1E6678;box-shadow:0 0 0 6px rgba(30,102,120,.08)}
.ghhui-item.is-request .ghhui-dot{background:#F9733A;box-shadow:0 0 0 6px rgba(249,115,58,.10)}
.ghhui-item.is-log .ghhui-dot{background:#2F7F93;box-shadow:0 0 0 6px rgba(47,127,147,.10)}
.ghhui-item-body{display:flex;flex-direction:column;min-width:0}
.ghhui-item-body strong{font-size:13px;color:#16323D;line-height:1.7}
.ghhui-code{font-size:11px;color:#1E6678;font-weight:700;margin-top:2px}
.ghhui-meta{font-size:12px;color:#5C7380;line-height:1.8;margin-top:3px}
.ghhui-time{font-size:11px;color:#8598a2;margin-top:4px}
.ghhui-empty{padding:22px 16px;text-align:center;color:#5C7380;font-size:13px}
@media (max-width:767px){.ghhui-dropdown{left:auto;right:0;width:calc(100vw - 24px)}.ghhui-cta{padding:0 12px;font-size:13px}}
.ghhui-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ghhui-mark-all{height:33px;padding:0 10px;border-radius:10px;border:1px solid #dbe8ec;background:#fff;color:#5C7380;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease;font-family:inherit}
.ghhui-mark-all:hover{background:#f4fbfd;color:#1E6678}
.ghhui-mark-all:disabled{opacity:.55;cursor:wait}
.ghhui-item.is-unread{background:#fff8f4;border-color:#ffe0d0;box-shadow:0 8px 22px rgba(249,115,58,.07)}
.ghhui-item.is-read{opacity:.82}
.ghhui-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ghhui-new-label{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;background:#F9733A;color:#fff;font-size:10px;font-style:normal;font-weight:800;line-height:1.6}
.ghhui-status{display:inline-flex;width:max-content;margin-top:5px;padding:3px 8px;border-radius:999px;background:#eef6f8;color:#1E6678;font-size:11px;font-weight:700}