:root{--ink:#111827;--muted:#4b5563;--navy:#123458;--green:#1b4d3e;--line:#e5e7eb;--paper:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);touch-action:manipulation;margin:0;font-family:Noto Sans HK,PingFang HK,sans-serif;font-size:1rem;line-height:1.6}a{color:inherit}img{max-width:100%}button,summary{font:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:70;background:#fff;padding:.4rem .7rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.5rem}.bar{z-index:50;background:#fff;transition:transform .7s cubic-bezier(.4,0,.2,1);position:fixed;inset:0 0 auto;box-shadow:0 4px 8px #00000014}.bar.is-hidden{transform:translateY(-100%)}.bar-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,80rem);margin:0 auto;padding:1rem;display:flex}.logo{display:flex}.logo img,.footer-brand img{width:auto;height:2rem;display:block}.bar-end{align-items:center;gap:.25rem;display:flex}.auth-buttons{align-items:center;display:flex}.auth-desktop{display:none}.auth-in,.auth-out{color:#111827;cursor:pointer;border:0;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;line-height:1.5}.auth-in.is-reserved{visibility:hidden;pointer-events:none}.auth-in{background:#f5ece0}.auth-in:hover{background:#f5e9e0}.auth-out{background:#c1d8c3}.auth-out:hover{background:#adc2af}.menu-toggle{color:#374151;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.icon{width:1.5rem;height:1.5rem}.site-nav{z-index:40;background:#f5f5f5;width:100%;height:calc(100vh - 4rem);padding:1rem 1rem 2rem;display:none;position:fixed;inset:4rem 0 0;overflow:auto}.site-nav.is-open{align-content:start;gap:.25rem;display:grid}.nav-text,.year-menu summary{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:.2rem;padding:.35rem .75rem;font-size:1rem;text-decoration:none;display:flex}.year-menu summary{list-style:none}.year-menu summary::-webkit-details-marker{display:none}.chevron{color:#9ca3af;width:1.15rem;height:1.15rem}.year-panel{gap:.15rem;padding:0 0 .5rem .75rem;display:none}.year-menu[open] .year-panel{display:grid}.year-label{margin:.4rem 0 .1rem;font-size:.95rem;font-weight:700}.year-link{color:var(--ink);border-radius:.375rem;padding:.5rem .65rem;font-size:.875rem;line-height:1.5;text-decoration:none;display:block}.year-link:hover{background:#f9fafb}.chevron{transition:transform .15s}.year-menu[open] .chevron{transform:rotate(180deg)}.banner{aspect-ratio:4000/1610;background:#111827;margin-top:4rem;position:relative;overflow:hidden}.banner img,.banner-fallback{object-fit:cover;width:100%;height:100%;display:block}.banner-copy{text-align:center;color:#fff;background:linear-gradient(#111827cc,#11182799);align-content:center;justify-items:center;padding:1rem;display:grid;position:absolute;inset:0}.banner h1{margin:0 0 .6rem;font-size:clamp(1.5rem,4vw,3.75rem);font-weight:700;line-height:1.15}.banner p{margin:0;font-size:clamp(1rem,2vw,1.5rem)}.band{background:linear-gradient(#f4f4f5,#fafafa);padding:3rem 0}.wrap{width:min(100% - 2rem,72rem);margin:0 auto}.wrap>h2,.center h2{text-align:center;margin:0 0 2rem;font-size:1.875rem;font-weight:700}.tone-navy{color:var(--navy)}.tone-green{color:var(--green)}.split{align-items:center;gap:2rem;margin-bottom:2rem;display:grid}.split img{aspect-ratio:4000/2667;object-fit:cover;border-radius:.5rem;width:100%;height:auto;display:block;box-shadow:0 10px 24px #0000001f}.split-copy p{color:#374151;margin:0 0 1rem;font-size:1.125rem}.cards{text-align:center;gap:1.5rem;display:grid}.cards article{background:#fffc;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 10px #00000014}.cards-navy article{color:var(--navy);border:1px solid #70859a}.cards-green article{color:var(--green);border:1px solid #76948b}.cards h3{margin:0 0 .5rem;font-size:1.25rem}.cards p{color:#374151;margin:0}.glyph{width:2.5rem;height:2.5rem}.center{text-align:center}.join p{max-width:40rem;margin:0 auto 2rem;font-size:1.25rem}.join-button{color:#fff;background:#111827;border-radius:999px;align-items:center;min-height:44px;padding:.75rem 2rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.join-button:hover{background:#374151}.cal{gap:2rem;display:grid}.cal-board,.cal-list{border:1px solid var(--line);background:#fff;border-radius:.5rem;box-shadow:0 4px 10px #0000000f}.cal-board{padding:1rem}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.cal-nav button{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.5rem}.cal-week,.cal-days{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.cal-week{font-size:.8rem;font-weight:700}.cal-days span{place-items:center;min-height:44px;display:grid}.cal-days .is-weekend{color:#d10000}.cal-days .is-today{font-weight:700;text-decoration:underline}.cal-days .has-activity{background:#e0e5ea;border-radius:50%;width:36px;height:36px;min-height:36px;margin:4px auto}.cal-list{background:linear-gradient(#fafafa,#f4f4f5);padding:1.25rem}.cal-list h3{border-bottom:1px solid #d1d5db;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.25rem}.cal-list ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.cal-list li{background:#fff;border:1px solid #f3f4f6;border-radius:.375rem;gap:.15rem;padding:.75rem;display:grid}.cal-file{align-items:center;gap:.4rem;display:flex}.cal-list a{color:#2563eb;font-size:.8rem}.muted{color:var(--muted);text-align:center}.page{width:min(100% - 2rem,64rem);margin:0 auto;padding:6.5rem 0 3.5rem}.page-wide{width:min(100% - 2rem,80%)}.page-title{border-bottom:1px solid var(--line);text-align:center;background:linear-gradient(90deg,#29323c,#485563);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 2rem;padding:2rem 0;font-size:1.875rem;font-weight:700}.notice-grid{gap:2rem;display:grid}.notice-archive{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.5rem}.notice-archive summary{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.85rem 1rem;font-size:1.125rem;font-weight:600;list-style:none;display:flex;box-shadow:0 4px 10px #00000014}.notice-archive summary::-webkit-details-marker{display:none}.notice-archive[open] .chevron{transform:rotate(180deg)}.notice-archive .notice-grid{margin-top:1.5rem}.notice-card{background:#fff;border:1px solid #f3f4f6;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 10px #00000014}.notice-card.is-past{opacity:.4}.notice-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:1rem;display:flex}.tone-blue{background:linear-gradient(90deg,#eff6ff,#dbeafe)}.tone-club-green{background:linear-gradient(90deg,#f0fdf4,#dcfce7)}.tone-purple{background:linear-gradient(90deg,#faf5ff,#f3e8ff)}.tone-gray{background:#f3f4f6}.notice-head h2{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.tone-gray h2{color:#6b7280}.notice-head small{margin-left:.5rem;font-size:.75rem;font-weight:400}.notice-icon{background:#fff;border-radius:.375rem;place-items:center;width:2.25rem;height:2.25rem;display:grid;box-shadow:0 1px 2px #00000014}.notice-icon svg{width:1.25rem;height:1.25rem}.icon-blue{color:#2563eb}.icon-green{color:#16a34a}.icon-purple{color:#9333ea}.icon-gray{color:#9ca3af}.notice-body{gap:1.25rem;padding:1rem;display:grid}.notice-title{color:#1f2937;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:500;display:flex}.notice-title svg{color:#3b82f6;flex:none;width:1rem;height:1rem}.notice-item.is-past{opacity:.4;color:#6b7280}.notice-item.is-past .notice-title,.notice-item.is-past .notice-title svg{color:#6b7280}.notice-files{gap:.5rem;padding-left:1.5rem;display:grid}.notice-range{color:#6b7280;margin:0;font-size:.875rem}.notice-item.is-past .notice-range{color:#9ca3af}.notice-file{align-items:center;gap:.75rem;display:flex}.notice-file a{color:#2563eb;text-underline-offset:4px;align-items:center;gap:.4rem;text-decoration:underline;display:inline-flex}.notice-file a:hover{color:#1e40af;text-underline-offset:2px}.notice-item.is-past .notice-file a{color:#6b7280}.notice-item.is-past .badge{color:#9ca3af;background:#f3f4f6}.notice-file svg,.file-icon{width:1rem;height:1rem}.badges{flex-wrap:wrap;gap:.35rem;display:flex}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.badge-green{color:#166534;background:#dcfce7}.badge-blue{color:#1e40af;background:#dbeafe}.badge-purple{color:#6b21a8;background:#f3e8ff}.badge-gray{color:#1f2937;background:#f3f4f6}.year-block{margin-top:2rem}.year-block h2{margin:0 0 .75rem;font-size:1.25rem}.album-grid,.photo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.album-card{color:inherit;gap:.35rem;text-decoration:none;display:grid}.album-card img,.album-fallback,.photo-grid img{aspect-ratio:4/3;object-fit:cover;background:#e5e7eb;border-radius:.35rem;width:100%}.album-card:hover img,.photo-grid a:hover img{opacity:.8}.album-photo{cursor:pointer;position:relative}.album-photo img{object-fit:cover;position:absolute;inset:0}.album-photo:hover img{opacity:.8}.empty{color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#fff}.site-footer-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,80%);margin:0 auto;padding:1rem 0;display:flex}.footer-brand{color:inherit;white-space:nowrap;align-items:center;gap:.5rem;font-size:.75rem;text-decoration:none;display:flex}.social{gap:.75rem;display:flex}.social a{color:var(--ink);display:flex}@media (width>=768px){.split{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(3,1fr)}.notice-grid{grid-template-columns:1fr 1fr}.flip img{order:-1}}@media (width>=1024px){.bar-inner{justify-content:center;width:80%;padding:1rem 0}.bar-end{display:none}.auth-desktop{align-items:center;display:flex}.menu-toggle{display:none}.site-nav{background:0 0;align-items:center;gap:1.5rem;width:auto;height:auto;padding:0 0 0 1.5rem;display:flex;position:static;overflow:visible}.nav-text,.year-menu summary{border-radius:.5rem;min-height:0;padding:.35rem .55rem;font-size:.875rem;line-height:1.5}.nav-text:hover,.year-menu summary:hover,.year-menu[open] summary{background:#f3f4f6}.year-menu{position:relative}.year-menu:hover::details-content{content-visibility:visible;display:block}.year-menu[open]::details-content{content-visibility:visible;display:block}.year-menu:focus-within::details-content{content-visibility:visible;display:block}.year-panel{z-index:60;background:#fff;border-radius:1rem;outline:1px solid #1118270d;width:max-content;max-width:calc(100vw - 2rem);max-height:70vh;margin-top:.75rem;padding:.5rem;display:none;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 12px 30px #1118271f}.year-menu:after{content:"";width:100%;height:.75rem;position:absolute;top:100%;left:0}.year-panel:not(.is-wide){width:17.5rem}.year-panel.is-wide{overscroll-behavior:contain;flex-wrap:wrap;place-content:flex-start;gap:.35rem;width:max-content;max-width:calc(100vw - 2rem);max-height:calc(100vh - 5rem);margin-top:0;display:none;position:fixed;top:4rem;left:50%;right:auto;overflow:auto;transform:translate(-50%)}.year-panel.is-wide>div{text-align:left;flex:none;width:max-content}.year-panel.is-wide .year-label,.year-panel.is-wide .year-link{text-align:left;white-space:nowrap;padding-left:.65rem;padding-right:.65rem}.year-panel.is-wide .year-label{margin:0;padding-top:.5rem;padding-bottom:.35rem}.year-menu:hover .year-panel,.year-menu[open] .year-panel,.year-menu:focus-within .year-panel{display:grid}.year-menu:hover .year-panel.is-wide,.year-menu[open] .year-panel.is-wide,.year-menu:focus-within .year-panel.is-wide{display:flex}.cal{grid-template-columns:1fr 1fr;align-items:start}}.videos{gap:1rem;display:grid}.video-frame{aspect-ratio:16/9;background:#000;border-radius:1rem;overflow:hidden;box-shadow:0 10px 24px #00000029}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-stage h2{margin:.75rem 0 0;font-size:1.25rem}.download-button{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #1234584d;border-radius:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.download-button:hover{background:#1234580d}.download-button:disabled{cursor:not-allowed;opacity:.6}.download-note{color:var(--muted);margin:.5rem 0 0;font-size:.875rem}.video-list{border:1px solid var(--line);background:#fff;border-radius:1rem;flex-direction:column;min-height:0;max-height:70vh;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.video-list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.75rem 1rem;display:flex}.video-list-head h2{margin:0;font-size:1.125rem}.video-list-head p{color:var(--muted);margin:0;font-size:.875rem}.video-scroll{min-height:0;overflow:auto}.video-scroll ul{margin:0;padding:0;list-style:none}.video-year{color:#4b5563;background:#fafafa;margin:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:sticky;top:0}.video-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}.video-item:hover{background:#fafafa}.video-item.is-current,.video-item.is-current:hover{background:#1234581a}.video-index{color:#6b7280;width:1.5rem;padding-top:.25rem;font-size:.875rem}.video-item img{object-fit:cover;background:#e5e7eb;border-radius:.375rem;flex:none;width:8rem;height:4.5rem}.video-item span:last-child{min-width:0;font-weight:500;line-height:1.35}@media (width>=1024px){.videos{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);align-items:start;gap:1.5rem}.video-stage{position:sticky;top:6rem}.video-stage h2{font-size:1.5rem}}.auth-page{justify-content:center;display:flex}.auth-page .cl-footerAction{display:none}.verse-overlay{z-index:80;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.3s verse-fade;display:flex;position:fixed;inset:0}.verse-card{background:#fff;border-radius:.5rem;width:min(100%,28rem);padding:1.5rem;animation:.35s .15s both verse-pop;position:relative}.verse-close{z-index:1;color:#6b7280;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.25rem;position:absolute;top:.75rem;right:.75rem}.verse-close:hover{color:#374151}.verse-card h2{color:var(--navy);text-align:center;margin:0 0 1rem;font-size:1.5rem}.verse-card img{border-radius:.5rem;width:100%;height:auto;margin-bottom:1rem;display:block}.verse-cite,.verse-passage,.verse-version,.verse-missing{text-align:center;margin:0}.verse-cite{color:#4b5563}.verse-passage{margin:.5rem 0 1rem;font-size:1.125rem;font-weight:500}.verse-version,.verse-missing{color:#6b7280;font-size:.875rem}.verse-skeleton{gap:.75rem;display:grid}.verse-skeleton span{background:#f3f4f6;border-radius:.25rem;height:1rem;animation:1.2s ease-in-out infinite verse-pulse;display:block}.verse-skeleton span:first-child{height:12rem}.verse-skeleton span:nth-child(2){width:75%;margin-inline:auto}.verse-skeleton span:nth-child(4){width:50%;margin-inline:auto}@keyframes verse-fade{0%{opacity:0}to{opacity:1}}@keyframes verse-pop{0%{opacity:.8;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes verse-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.bar{transition:none}html{scroll-behavior:auto}.verse-overlay,.verse-card,.verse-skeleton span{animation:none}}