.site-notice{width:min(590px,calc(100vw - 30px));max-width:none;max-height:none;padding:0;border:1px solid #4f414b;border-radius:24px;background:#1b1b22;color:#f7f3f4;box-shadow:0 28px 90px #000b,0 0 45px #f48cb318;overflow:visible;box-sizing:border-box}
.site-notice::backdrop{background:rgba(4,5,9,.78);backdrop-filter:blur(7px)}
.site-notice-mascot{position:absolute;z-index:3;left:50%;top:-101px;transform:translateX(-50%);width:210px;height:150px;overflow:hidden;pointer-events:none}
.site-notice-mascot img{display:block;width:210px;max-width:none;height:auto}
.site-notice-shell{position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 126px);min-height:0;overflow:hidden;border-radius:23px;background:radial-gradient(circle at 50% 0,#45303d 0,#24212a 31%,#1b1b22 70%)}
.site-notice-close{position:absolute;z-index:4;top:17px;right:17px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #63565d;border-radius:50%;background:#302a33;color:#f4e8ec;font:27px/1 Arial,sans-serif;cursor:pointer}
.site-notice-close:hover{background:#483943}
.site-notice-head{padding:67px 32px 21px;text-align:center;border-bottom:1px solid #ffffff1b;flex:none}
.site-notice-kicker{display:inline-block;color:#f8aaaf;font-size:12px;font-weight:700;letter-spacing:.15em}
.site-notice-head h2{margin:9px 0 7px;color:#fff;font-size:clamp(23px,4vw,29px);line-height:1.3;letter-spacing:.02em}
.site-notice-head p{margin:0;color:#b9adb5;font-size:14px;line-height:1.5}
.site-notice-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 27px 5px;scrollbar-width:thin;scrollbar-color:#73606c transparent}
.site-notice-item{display:grid;grid-template-columns:31px minmax(0,1fr);gap:12px;padding:15px 15px 16px;border:1px solid #ffffff17;border-radius:15px;background:#ffffff08}
.site-notice-item+.site-notice-item{margin-top:10px}
.site-notice-index{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ee9dac22;color:#ffb2b5;font:800 12px/1 Arial,sans-serif}
.site-notice-item h3{margin:1px 0 6px;color:#f6edf1;font-size:15px;line-height:1.45}
.site-notice-item p{margin:0;color:#bcb5bb;font-size:13px;line-height:1.65}
.site-notice-item strong{color:#ffb9b3;font-weight:800}
.site-notice-feature{border-color:#f69bb330;background:linear-gradient(130deg,#3a2836a8,#231e28)}
.site-notice-model-image{display:block;width:min(100%,340px);height:auto;margin-top:10px;border:1px solid #ffffff18;border-radius:11px;background:#101015}
.site-notice-foot{flex:none;padding:13px 27px 21px;background:#1b1b22;border-top:1px solid #ffffff15}
.site-notice-ok{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:45px;border:0;border-radius:12px;background:linear-gradient(100deg,#ffa694,#f5a9ca);color:#33232b;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #d8669c2a}
.site-notice-ok:hover{filter:brightness(1.06)}
@media(max-width:600px){.site-notice{width:calc(100vw - 26px);border-radius:20px}.site-notice-mascot{top:-79px;width:170px;height:121px}.site-notice-mascot img{width:170px}.site-notice-shell{max-height:calc(100dvh - 100px);border-radius:19px}.site-notice-head{padding:54px 48px 16px}.site-notice-kicker{font-size:11px}.site-notice-head h2{font-size:22px}.site-notice-head p{font-size:12px}.site-notice-scroll{padding:12px 14px 4px}.site-notice-item{grid-template-columns:26px minmax(0,1fr);gap:9px;padding:12px;border-radius:12px}.site-notice-index{width:25px;height:25px;font-size:10px}.site-notice-item h3{font-size:14px}.site-notice-item p{font-size:12px}.site-notice-model-image{width:min(100%,280px)}.site-notice-foot{padding:10px 14px 14px}}
@media(max-width:600px){.site-notice{transform:translateY(28px)}}