.platform-notice { position:fixed; z-index:140; right:20px; bottom:20px; display:flex; align-items:flex-start; gap:12px; width:min(410px,calc(100vw - 40px)); max-height:min(300px,40dvh); overflow:auto; padding:16px 12px 16px 19px; border:1px solid #c9d4c7; border-left:4px solid #547c60; border-radius:8px; background:#fffef8; color:#233b2e; box-shadow:0 8px 28px #15302520; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; font-size:12px; line-height:1.7; text-align:left; }
.platform-notice--maintenance { border-left-color:#ad4e30; }
.platform-notice__copy { min-width:0; flex:1; overflow-wrap:anywhere; }
.platform-notice__copy strong { display:block; font-size:13px; margin:0 0 5px; }
.platform-notice__copy p { margin:0; color:inherit; font:inherit; white-space:pre-wrap; }
.platform-notice__copy p+p { margin-top:7px; }
.platform-notice__close { display:grid; place-items:center; flex:none; min-width:36px; min-height:36px; padding:0; border:1px solid #dbe2d5; border-radius:5px; background:transparent; color:inherit; font:22px/1 sans-serif; cursor:pointer; }
.platform-notice__close:focus-visible { outline:3px solid #b55735; outline-offset:3px; }
html[data-theme=dark] .platform-notice { background:#20382b; color:#edf1e6; border-color:#4b6653; border-left-color:#92b58c; box-shadow:0 8px 28px #0004; }
html[data-theme=dark] .platform-notice--maintenance { border-left-color:#e4a582; }
html[data-theme=dark] .platform-notice__close { border-color:#59705b; }
@media(max-width:760px) { .platform-notice { right:14px; bottom:calc(86px + env(safe-area-inset-bottom,0px)); width:calc(100vw - 28px); max-height:30dvh; padding:14px 9px 14px 15px; } .platform-notice__close { min-width:44px; min-height:44px; } }