:root{--notice-navy:#07182f;--notice-navy-2:#0a203b;--notice-teal:#1ab9b0;--notice-blue:#2b78d0;--notice-line:rgba(116,220,224,.24);--notice-text:#f5fbff;--notice-muted:rgba(232,245,251,.78)}
        *{box-sizing:border-box}
        body{margin:0;min-height:100vh;color:var(--notice-text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(900px 420px at 50% -12%,rgba(43,120,208,.26),transparent 62%),linear-gradient(180deg,var(--notice-navy-2),var(--notice-navy))}
        .official-notice-shell{min-height:clamp(430px,62vh,650px);display:grid;place-items:center;padding:48px 16px 64px}
        .official-notice-wrap{width:min(860px,100%)}
        .official-notice-heading{text-align:center;margin:0 0 22px;font-size:clamp(1.45rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em}
        .official-notice-card{position:relative;overflow:hidden;border:1px solid var(--notice-line);border-radius:22px;padding:clamp(24px,5vw,42px);background:linear-gradient(135deg,rgba(13,43,72,.94),rgba(7,28,52,.96));box-shadow:0 26px 70px rgba(0,7,18,.38),inset 0 1px rgba(255,255,255,.04);animation:officialNoticeUp .5s ease-out both}
        .official-notice-card::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(26,185,176,.08),transparent 44%,rgba(43,120,208,.08));pointer-events:none}
        .official-notice-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--notice-teal),var(--notice-blue),transparent);opacity:.9}
        .official-notice-content{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
        .official-notice-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#8de7e3;background:rgba(26,185,176,.1);border:1px solid rgba(141,231,227,.26)}
        .official-notice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
        .official-notice-label{margin:1px 0 10px;color:#8de7e3;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
        .official-notice-main{margin:0;font-size:clamp(1.08rem,2.4vw,1.35rem);font-weight:750;line-height:1.55}
        .official-notice-detail{margin:14px 0 0;color:var(--notice-muted);font-size:.98rem;line-height:1.75}
        .official-notice-back{display:flex;justify-content:center;margin-top:20px}
        .official-notice-back a{display:inline-flex;align-items:center;gap:8px;color:#eaf9ff;text-decoration:none;font-weight:700;font-size:.9rem;padding:9px 16px;border:1px solid rgba(180,227,240,.25);border-radius:999px;background:rgba(255,255,255,.035);transition:background .18s ease,border-color .18s ease}
        .official-notice-back a:hover,.official-notice-back a:focus-visible{background:rgba(26,185,176,.11);border-color:rgba(141,231,227,.46)}
        .official-notice-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
        @keyframes officialNoticeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
        @media(max-width:560px){.official-notice-shell{padding:34px 14px 48px}.official-notice-content{grid-template-columns:1fr;gap:14px}.official-notice-icon{width:44px;height:44px}.official-notice-card{border-radius:18px}.official-notice-detail{font-size:.94rem}}
        @media(prefers-reduced-motion:reduce){.official-notice-card{animation:none}.official-notice-back a{transition:none}}