header .header-actions .notice-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;padding:0;border:1px solid #3d5055;border-radius:50%;background:#172125;color:#d6e0e0}header .notice-bell[hidden]{display:none}header .notice-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.notice-count{position:absolute;top:-5px;right:-5px;background:#f35b21;color:white;border-radius:999px;padding:2px 5px;font-size:10px;line-height:14px;min-width:14px}.notice-dialog,.chat-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);padding:26px;margin:auto;border:1px solid #42565d;background:#152126;color:#ecf0ef;border-radius:24px;overflow:auto}.notice-dialog::backdrop,.chat-dialog::backdrop{background:#040a0dd9;backdrop-filter:blur(5px)}.notice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.notice-heading h2{font-size:24px;margin:0}.notice-close{height:40px;width:40px;min-width:40px;padding:0;background:#ffffff08;border:1px solid #ffffff25;color:white;font-size:23px;border-radius:50%}.notice-row{display:flex;flex-direction:column;gap:7px;padding:16px;margin-bottom:10px;border-radius:16px;border:1px solid #456069;background:#1d3037;text-decoration:none;color:#ecf1f1;overflow-wrap:anywhere}.notice-row.read{background:#172327;color:#9fb0b6;border-color:#293e45}.notice-row span{font-size:13px}.notice-row small{font-size:11px;color:#91a9b3}.notice-read{width:100%;min-height:44px;margin-top:12px;background:#f35b21;border:0;color:#fff;border-radius:999px}.notice-status{font-size:13px;color:#ffad83}.notice-toast{position:fixed;z-index:1000;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);padding:14px 24px;border-radius:999px;border:1px solid #f57740;background:#1b2b30;color:#fff;box-shadow:0 8px 30px #0008;font-size:14px;overflow-wrap:anywhere}@media(max-width:359px){header .brand{font-size:16px}header .header-actions button{padding:0 8px}header .header-actions .notice-bell{width:32px;min-width:32px;min-height:36px}header .account-button{min-width:48px}.language-switch .ui-icon{display:none}.notice-dialog,.chat-dialog{padding:20px}}
