/* 【2026-10-29】使用者通知：首頁上方卡片＋設定裡的通知列表。沿用小助手的暗色暖紙調性，不用 emoji。 */
.mn-banner{position:absolute;top:64px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 32px));z-index:9;display:flex;flex-direction:column;gap:10px}
.mn-card{padding:16px 18px 12px;border:1px solid #c6ad7b4a;border-radius:14px;background:radial-gradient(ellipse at 10% 0,#3b3327 0,transparent 60%),rgba(20,17,13,.94);color:#ede5d8;box-shadow:0 12px 40px #0006}
.mn-card.mn-resolved{border-color:#a9bf8f55}
.mn-kicker{margin:0 0 6px;font-size:calc(11px * var(--user-font-scale,1));letter-spacing:.18em;color:#cdb78c}
.mn-resolved .mn-kicker{color:#b9caa0}
.mn-title{margin:0 0 6px;font-family:var(--font-serif,'Noto Serif TC',serif);font-weight:400;font-size:calc(15px * var(--user-font-scale,1));line-height:1.7}
.mn-body{margin:0;font-size:calc(13px * var(--user-font-scale,1));line-height:1.85;color:#d9cfbf;white-space:pre-line;overflow-wrap:anywhere}
.mn-close{display:block;margin:8px 0 0 auto;min-height:44px;padding:0 6px;border:0;background:transparent;color:#d4b784;font:inherit;font-size:calc(12px * var(--user-font-scale,1));cursor:pointer}
.mn-overlay{position:fixed;inset:0;z-index:990;background:rgba(10,13,18,.9);display:flex;align-items:center;justify-content:center;padding:16px}
.mn-panel{width:min(100%,560px);max-height:88dvh;overflow:auto;background:radial-gradient(ellipse at 15% 0,#3b3327 0,transparent 50%),#211d18;border:1px solid #c6ad7b42;border-radius:18px;color:#ede5d8;padding:20px 22px 26px}
.mn-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.mn-head h2{margin:0;font-family:var(--font-serif,'Noto Serif TC',serif);font-weight:400;font-size:calc(18px * var(--user-font-scale,1));letter-spacing:.08em}
.mn-x{min-width:44px;min-height:44px;border:0;background:transparent;color:#d6c4aa;font-size:calc(26px * var(--user-font-scale,1));cursor:pointer}
.mn-item{border-top:1px solid #b8a27826;padding:14px 0}
.mn-item.is-unread .mn-title::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#d4b784;margin-right:8px;vertical-align:middle}
.mn-meta{margin:0 0 4px;font-size:calc(11px * var(--user-font-scale,1));color:#bfae90}
.mn-empty{font-size:calc(13px * var(--user-font-scale,1));color:#cfc3ae;line-height:1.9}
.mn-close:focus-visible,.mn-x:focus-visible{outline:2px solid #dcc291;outline-offset:3px}
@media(max-width:600px){.mn-banner{top:58px}}