.notice-demo{background:#f0e5e9;border-top:1px solid #e3d1d8;border-bottom:1px solid #decbd3;color:#634650;font-family:'Segoe UI',Arial,sans-serif}
.notice-demo-inner{width:88%;margin:auto;display:flex;align-items:center;gap:24px;min-height:62px}
.notice-tag{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:2px;flex-shrink:0}
.notice-dot{width:6px;height:6px;background:#9b5b72;border-radius:50%;box-shadow:0 0 0 4px #9b5b7212;animation:notice-pulse 2.8s ease-in-out infinite}
@keyframes notice-pulse{50%{box-shadow:0 0 0 7px #9b5b7200;opacity:.55}}
.notice-open{display:flex;align-items:center;gap:25px;flex:1;min-width:0;padding:15px 0;background:none;border:0;text-align:left;color:inherit;cursor:pointer}
.notice-window{overflow:hidden;flex:1;min-width:0}.notice-line{display:block;font-size:14px;line-height:1.5;font-weight:400;transition:transform .35s ease,opacity .35s ease}.notice-line.out{transform:translateY(-120%);opacity:0}.notice-line.enter{transform:translateY(120%);opacity:0;transition:none}
.notice-date{font-size:11px;color:#876c77;white-space:nowrap}.notice-arrow{font-size:20px;font-weight:300}.notice-pause{border:1px solid #cdb7c0;border-radius:50%;width:28px;height:28px;background:transparent;color:#795c68;font-size:11px;flex-shrink:0}
.notice-open:hover .notice-line{text-decoration:underline;text-underline-offset:4px}.notice-demo button:focus-visible{outline:2px solid #795c68;outline-offset:4px}
.notice-modal{box-sizing:border-box;width:560px;max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto;border:1px solid #dfccd4;border-radius:16px;background:#fcf8fa;color:#634650;padding:36px;font-family:'Segoe UI',Arial,sans-serif;box-shadow:0 24px 90px #36212e30}
.notice-modal::backdrop{background:#392c3655;backdrop-filter:blur(5px)}.notice-modal .notice-close{float:right;border:0;background:none;width:36px;height:36px;font-size:25px;color:inherit}.notice-modal h2{clear:both;font-weight:300;font-size:30px;margin:28px 0 20px}.notice-modal p{font-size:14px;line-height:1.9}.notice-modal small{font-size:10px;letter-spacing:2px}.notice-modal .notice-sign{margin-top:28px;border-top:1px solid #e4d4db;padding-top:20px}
@media(max-width:600px){.notice-demo-inner{gap:12px;min-height:68px}.notice-tag{font-size:9px;letter-spacing:1px;gap:8px}.notice-open{gap:8px}.notice-line{font-size:12px}.notice-date{display:none}.notice-modal{padding:24px}.notice-modal h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.notice-dot{animation:none}.notice-line{transition:none}}

.notice-modal .notice-body{white-space:pre-wrap;overflow-wrap:anywhere}.notice-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-modal h2{overflow-wrap:anywhere}