:root{--notice-ink:#32190e;--notice-red:#8f2f22;--notice-paper:#f2dfb6}
.notice-body{min-height:100vh;color:var(--notice-ink);background:#251207;font-family:Outfit,"Noto Sans SC",system-ui,sans-serif}
.notice-background{position:fixed;inset:0;z-index:-2;background:url('../media/notice-board-bg.jpg') center/cover no-repeat}
.notice-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,2,.3),transparent 15%,transparent 82%,rgba(14,6,2,.32)),radial-gradient(circle at center,transparent 45%,rgba(21,7,1,.18));pointer-events:none}
.notice-topbar{height:68px;padding:0 clamp(18px,4vw,66px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff3d6;background:linear-gradient(180deg,rgba(31,13,5,.8),rgba(31,13,5,.28));border-bottom:1px solid rgba(255,226,178,.22);position:relative;z-index:5;text-shadow:0 2px 5px #1c0902}
.notice-brand,.notice-back{color:inherit;text-decoration:none;font-weight:800;font-size:.86rem;letter-spacing:.04em}
.notice-brand span{color:#f0bd65;margin-right:7px}.notice-back{justify-self:end}
.notice-count{margin:0;display:flex;align-items:center;gap:9px;font-size:.62rem;letter-spacing:.18em}
.notice-count b{display:grid;place-items:center;min-width:30px;height:24px;padding:0 7px;border:1px solid rgba(255,235,198,.5);border-radius:99px;font-size:.7rem}
.notice-stage{min-height:calc(100vh - 68px);display:flex;justify-content:center;padding:clamp(92px,12vh,148px) 23vw clamp(70px,10vh,110px)}
.notice-board{width:min(980px,100%);display:flex;flex-direction:column;min-height:0}
.notice-board__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px;padding:0 10px;color:#f8dfb4;text-shadow:0 2px 5px rgba(30,8,0,.85)}
.notice-kicker{font-size:.64rem;font-weight:900;letter-spacing:.19em;margin:0 0 4px}
.notice-board__lead{font-family:"Noto Serif SC",serif;font-size:clamp(.95rem,1.25vw,1.16rem);font-weight:800;margin:0}
.notice-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.notice-filter{border:1px solid rgba(255,225,179,.52);border-radius:999px;background:rgba(48,18,6,.58);color:#ffe6bd;padding:7px 11px;font:700 .72rem/1 inherit;cursor:pointer;box-shadow:0 3px 8px rgba(23,7,1,.2);transition:.18s}
.notice-filter:hover,.notice-filter.is-active{background:#f0d49f;color:#3d1b0c;border-color:#fff0cd;transform:translateY(-1px)}
.notice-list{overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:9px 12px 26px;max-height:57vh;scrollbar-width:thin;scrollbar-color:#e2bc7a rgba(54,22,7,.34)}
.notice-paper{--paper-turn:0deg;position:relative;display:flex;flex-direction:column;min-height:172px;padding:25px 25px 19px;border:0;color:var(--notice-ink);text-align:left;cursor:pointer;background:linear-gradient(135deg,rgba(255,249,226,.96),rgba(230,203,148,.96));box-shadow:0 7px 14px rgba(30,9,1,.4),inset 0 0 28px rgba(117,72,29,.12);clip-path:polygon(1% 1%,98% 0,100% 96%,96% 99%,52% 98%,2% 100%,0 48%);transform:rotate(var(--paper-turn));transition:.2s}
.notice-paper:nth-child(3n+2){background:linear-gradient(145deg,rgba(247,231,195,.98),rgba(221,190,132,.98))}
.notice-paper:hover,.notice-paper:focus-visible{transform:rotate(0) translateY(-4px) scale(1.01);box-shadow:0 14px 24px rgba(24,7,1,.5);outline:0}
.notice-paper:focus-visible{box-shadow:0 0 0 4px #f3c973,0 14px 24px rgba(24,7,1,.5)}
.notice-paper__pin,.notice-dialog__pin{position:absolute;top:8px;left:50%;width:13px;height:13px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#ffdaa0,#9e5c24 62%,#4c250e);box-shadow:0 2px 3px rgba(41,15,2,.55)}
.notice-paper__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.63rem;font-weight:800;letter-spacing:.1em;color:#755037}
.notice-paper__type{color:var(--notice-red);border-bottom:2px solid currentColor;padding-bottom:3px}
.notice-paper strong{font-family:"Noto Serif SC",serif;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.4}
.notice-paper__summary{font-size:.76rem;line-height:1.65;color:#664936;margin:9px 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notice-paper__foot{margin-top:auto;display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:.67rem;font-weight:900;color:#77401d}
.notice-paper__foot i{font-size:1rem;font-style:normal}
.notice-paper[data-type="voyage"] .notice-paper__type{color:#1f5c70}.notice-paper[data-type="guide"] .notice-paper__type{color:#536c31}
.notice-empty{margin:auto;padding:50px;text-align:center;color:#ffe1ae;text-shadow:0 2px 6px #240b02}.notice-empty span{font-size:2rem}
.notice-dialog{width:min(670px,calc(100% - 32px));max-height:min(760px,calc(100vh - 38px));padding:49px clamp(28px,6vw,62px) 42px;border:0;color:var(--notice-ink);background:linear-gradient(135deg,#fbefce,#e6c991);box-shadow:0 30px 90px rgba(15,4,0,.75),inset 0 0 55px rgba(118,72,28,.14);clip-path:polygon(1% 0,99% 1%,100% 96%,96% 100%,3% 99%,0 5%)}
.notice-dialog::backdrop{background:rgba(21,8,2,.72);backdrop-filter:blur(6px)}
.notice-dialog__close{position:absolute;right:15px;top:13px;width:42px;height:42px;border:0;background:transparent;color:#5a321d;font-size:1.8rem;cursor:pointer}
.notice-dialog__pin{top:12px;width:16px;height:16px}
.notice-dialog__type{display:inline-block;margin:0;color:var(--notice-red);font-size:.72rem;font-weight:900;letter-spacing:.16em;border-bottom:2px solid currentColor;padding-bottom:5px}
.notice-dialog[data-type="voyage"] .notice-dialog__type{color:#1f5c70}.notice-dialog[data-type="guide"] .notice-dialog__type{color:#536c31}
.notice-dialog h2{font-family:"Noto Serif SC",serif;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.3;margin:19px 0 8px}
.notice-dialog time{font-size:.72rem;font-weight:700;color:#816043;letter-spacing:.1em}
.notice-dialog__rule{height:1px;background:rgba(91,49,19,.28);margin:24px 0}
.notice-dialog__content{font-family:"Noto Serif SC",serif;font-size:.94rem;line-height:2;color:#533a2b}.notice-dialog__content p{margin:0 0 13px}
.notice-dialog__sign{text-align:right;margin:28px 0 0;color:#795537;font-size:.74rem;font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.notice-stage{padding-inline:18vw}.notice-list{max-height:61vh}.notice-board__head{align-items:start;flex-direction:column}.notice-filters{justify-content:flex-start}}
@media(max-width:760px){.notice-background{background-position:center top}.notice-background:after{background:rgba(39,16,5,.42)}.notice-topbar{grid-template-columns:1fr auto}.notice-count{display:none}.notice-stage{padding:88px 16px 40px;align-items:flex-start}.notice-board{padding:16px;background:rgba(66,27,9,.7);border:1px solid rgba(255,222,168,.32);backdrop-filter:blur(5px);box-shadow:0 12px 36px rgba(18,5,0,.35)}.notice-list{grid-template-columns:1fr;max-height:none;overflow:visible;padding-inline:4px}.notice-paper{min-height:158px}.notice-board__head{padding-inline:4px}.notice-filter{padding:8px 10px}}
@media(max-width:440px){.notice-brand{font-size:.75rem}.notice-back{font-size:0}.notice-back:after{content:"← 大厅";font-size:.76rem}.notice-topbar{padding-inline:14px}.notice-stage{padding-top:70px}.notice-board__lead{font-size:.9rem}}