.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px clamp(14px,4vw,24px);background:#ffffffd1;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #f0f1f3}.site-header__brand{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:1.06rem;letter-spacing:-.02em;color:var(--accent, #ff6f0f);text-decoration:none}.site-header__logo{font-size:1.15rem}.site-header__dot{color:#cdd0d6}.site-header__nav{display:flex;gap:4px}.site-header__nav a{padding:7px 14px;border-radius:999px;text-decoration:none;color:#4b5160;font-size:.88rem;font-weight:600;transition:background .12s,color .12s}.site-header__nav a:hover{background:#fff3ea;color:var(--accent, #ff6f0f)}.site-header__nav a.is-active{background:var(--accent, #ff6f0f);color:#fff}@media(max-width:560px){.site-header{padding:9px 12px}.site-header__brand{font-size:.98rem}.site-header__nav a{padding:6px 11px;font-size:.82rem}}.site-header__nav{align-items:center}.site-bell-wrap{position:relative;display:inline-flex}.site-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;background:none;border-radius:999px;cursor:pointer;font-size:1.05rem;text-decoration:none;line-height:1}.site-bell:hover{background:#fff3ea}.site-bell__badge{position:absolute;top:-1px;right:-1px;min-width:16px;height:16px;padding:0 4px;background:#e5484d;color:#fff;font-size:.62rem;font-weight:800;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.site-bell__menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-height:60vh;overflow-y:auto;background:#fff;border:1px solid var(--line, #e6e8ec);border-radius:14px;box-shadow:0 10px 30px #10182824;padding:6px;z-index:50}.site-bell__head{font-size:.78rem;font-weight:700;color:var(--muted, #6b7280);padding:8px 10px 6px}.site-bell__empty{padding:16px 10px;text-align:center;color:var(--muted, #6b7280);font-size:.85rem}.site-bell__item{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--ink, #1a1c1f)}.site-bell__item:hover{background:#fafbfc}.site-bell__room{font-weight:800;font-size:.85rem;grid-column:1}.site-bell__preview{grid-column:1;font-size:.78rem;color:var(--muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-bell__count{grid-row:1 / span 2;grid-column:2;align-self:center;background:var(--accent, #ff6f0f);color:#fff;font-weight:800;font-size:.7rem;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.site-bell__all{display:block;text-align:center;padding:9px;margin-top:4px;border-top:1px solid var(--line, #e6e8ec);color:var(--accent, #ff6f0f);font-size:.82rem;font-weight:700;text-decoration:none}