*{box-sizing:border-box} :root{--ink:#203c39;--muted:#637771;--paper:#f8faf6;--line:#dce5df;--green:#216650;--lime:#dff397}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,"Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc7100;outline-offset:4px}.top,main,footer{width:min(1160px,calc(100% - 48px));margin:auto}.top{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--green)}.brand i{font-style:normal;margin-left:6px}.admin-link{font-size:14px;color:var(--muted)}.hero{padding:72px 0 64px;display:flex;justify-content:space-between;align-items:center;gap:32px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--green)}h1{font-size:clamp(32px,4.5vw,52px);line-height:1.35;letter-spacing:-1.8px;margin:16px 0}h1 span{display:block;color:#739179;font-weight:500}.intro{color:var(--muted);font-size:17px}.hero-mark{width:210px;height:210px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;font-size:76px;font-weight:800;letter-spacing:-6px;transform:rotate(-12deg);flex-shrink:0;position:relative}.hero-mark span{position:absolute;right:-4px;top:4px;font-size:48px;letter-spacing:0}.services{padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-heading h2{font-size:23px}.section-heading>span{font-size:13px;color:var(--muted)}.filters{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;align-items:end;margin:12px 0 32px;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;font-size:12px;gap:6px;color:var(--muted);min-width:0;flex:1}.filters .search{flex:2}.filters input,.filters select{background:#f8faf8;color:var(--ink);border:1px solid var(--line);border-radius:9px;font:inherit;font-size:15px;padding:11px;width:100%;min-height:47px}.filters button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:12px 22px;font:inherit;cursor:pointer;min-height:47px}.filters button span{margin-left:12px}.clear{font-size:13px;padding:12px 3px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}.card:hover{box-shadow:0 10px 28px #203c3910}.cover{aspect-ratio:16/8;overflow:hidden;background:#e9efdf}.cover img{height:100%;width:100%;object-fit:cover}.pattern{position:relative;background:radial-gradient(circle at 80% 20%,#e2edcc 0 27%,transparent 27.3%),linear-gradient(130deg,#edf2e6,#dce9d2);display:flex;align-items:center;justify-content:center}.pattern>span{font-size:84px;color:#73966b}.pattern i{position:absolute;bottom:12px;left:20px;font-style:normal;font-size:10px;letter-spacing:2px;color:#627858}.card:nth-child(3n+2) .pattern{background:radial-gradient(circle at 20% 90%,#e1e5cf 0 35%,transparent 35.3%),#f2eedf}.card:nth-child(3n+3) .pattern{background:radial-gradient(circle at 80% 20%,#d2e4dd 0 33%,transparent 33.3%),#e7f0eb}.card-body{padding:24px;display:flex;flex-direction:column;flex:1;overflow-wrap:anywhere}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.tag{padding:3px 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted)}.live{color:var(--green)}.live:before{content:"";display:inline-block;background:#589468;width:6px;height:6px;border-radius:50%;margin-right:5px}h3{font-size:22px;line-height:1.5;margin:18px 0 8px}.description{font-size:14px;color:var(--muted);margin:0 0 24px;white-space:pre-line}.time{margin:auto 0 14px;color:var(--muted);font-size:13px}.access{font-size:12px;margin:0 0 10px}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-weight:650;font-size:14px;color:var(--green)}.card-link span{font-size:21px}.empty{text-align:center;border:1px dashed #c6d4c8;border-radius:20px;padding:60px 20px;background:#f0f5eb}.empty>span{font-size:50px;color:var(--green)}.empty p{color:var(--muted)}.notice{padding:16px;background:#fff0d9;border-radius:10px}.pagination{display:flex;justify-content:center;gap:24px;margin-top:32px}footer{display:flex;gap:22px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:28px 0 38px;color:var(--muted);font-size:12px}footer strong{font-size:18px;color:var(--ink);margin-right:12px}footer p{margin-right:auto}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:white;padding:10px;z-index:9}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mark{height:160px;width:160px;font-size:60px}.filters .search{flex-basis:100%}}@media(max-width:600px){.top,main,footer{width:calc(100% - 36px)}.top{height:76px}.hero{padding:40px 0 30px;gap:0}.hero-mark{display:none}.intro{font-size:14px}h1{font-size:36px}.section-heading h2{font-size:20px}.filters{padding:16px;gap:12px}.filters label{flex-basis:calc(50% - 12px)}.filters button{width:100%}.cards{grid-template-columns:1fr;gap:20px}.cover{aspect-ratio:16/7}.services{padding-bottom:40px}footer{flex-wrap:wrap;gap:8px}footer div{width:100%}footer p{margin:0 auto 0 0}.clear{display:block;text-align:center;width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.card-meta{justify-content:flex-start;flex-wrap:wrap}.card:focus-visible{outline:3px solid #bc7100;outline-offset:4px}.card .time{margin:auto 0 0}