:root{--green:#087f5b;--dark:#07382d;--yellow:#ffd43b;--orange:#ff7a45;--cream:#fff9ea;--ink:#14251f;--line:#dbe7e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.header{height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;color:#fff;border-bottom:1px solid #ffffff44}.brand{display:flex;align-items:center;gap:12px}.brand span{width:54px;height:36px;background:var(--yellow);color:var(--dark);display:grid;place-items:center;border-radius:50% 44%;font-weight:950;font-size:14px;transform:rotate(-3deg)}.brand b{font-size:15px}.header nav{display:flex;gap:30px;font-size:14px;font-weight:800}.header nav a:hover{color:var(--yellow)}.menu-button{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{height:730px;background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:linear-gradient(130deg,#0d8067,#095344 58%,#062f27);background-size:cover;background-position:center;display:grid;place-items:center}.hero-image:after{content:"HUALIEN";position:absolute;font-size:clamp(90px,18vw,260px);font-weight:900;color:#ffffff0d;letter-spacing:-.08em}.hero-image span{position:absolute;right:6vw;bottom:5vw;color:#ffffff78;font-size:12px}.hero-shade{background:linear-gradient(90deg,#062c25e8,transparent)}.hero-copy{position:relative;z-index:2;padding:165px clamp(24px,7vw,110px);max-width:1000px}.hero-copy>p,.section-title p,.groups>div>p,.gear-intro>p{font-size:12px;font-weight:950;letter-spacing:.2em;color:var(--yellow)}.hero-copy h1{font-size:clamp(58px,8.5vw,126px);line-height:.95;letter-spacing:-.075em;margin:24px 0}.hero-copy h2{font-size:clamp(16px,2vw,24px);font-weight:500;margin-bottom:40px}.button{display:inline-flex;align-items:center;gap:20px;padding:16px 20px;font-weight:900;border-radius:4px}.yellow{background:var(--yellow);color:var(--dark);box-shadow:6px 6px 0 var(--orange)}.slide-controls{position:absolute;z-index:3;right:6vw;bottom:42px;display:flex;align-items:center;gap:14px}.slide-controls button{width:44px;height:44px;border:1px solid #ffffff77;background:transparent;color:#fff;border-radius:50%;font-size:28px}.ticker{min-height:58px;background:var(--yellow);display:flex;align-items:center;gap:28px;padding:0 clamp(24px,7vw,110px);font-size:13px}.section{padding:100px clamp(24px,7vw,110px)}.cream{background:var(--cream)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-title p,.groups>div>p{color:var(--green)}.section-title h2,.groups h2,.gear h2{font-size:clamp(44px,6vw,76px);line-height:1.05;letter-spacing:-.055em;margin:10px 0}.section-title>span{max-width:430px;color:#64766e}.entries{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.entries a{min-height:185px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);transition:.2s}.entries a:last-child{border:0}.entries a:hover{background:var(--cream);transform:translateY(-4px)}.entries i{font-size:25px;font-style:normal}.entries b{font-size:23px;margin-top:auto}.entries small{color:#718078;margin-top:8px}.entries span{text-align:right;font-size:24px}.news-list a{display:grid;grid-template-columns:45px 110px 100px 1fr 30px;gap:24px;align-items:center;padding:27px 8px;border-top:1px solid #c9d8d0}.news-list a:last-child{border-bottom:1px solid #c9d8d0}.news-list em,.tag{font-style:normal;background:var(--green);color:#fff;padding:5px 8px;border-radius:3px;text-align:center;font-size:12px}.news-list h3{margin:0 0 6px}.news-list p{margin:0;color:#687a71}.split{align-items:end}.search{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--ink);padding:10px 4px;min-width:320px}.search input{border:0;outline:0;width:100%;font-size:16px;background:transparent}.court-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{border:1px solid var(--line)}.card-image{height:270px;background:linear-gradient(135deg,#dceee8,#f3f8f5);display:grid;place-items:center;color:#6c887d;font-weight:800;background-size:cover;background-position:center}.card-body{padding:30px}.tags{display:flex;gap:8px}.card-body h3{font-size:25px}.card-body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-body dl div{border-top:1px solid var(--line);padding-top:9px}.card-body dt{font-size:12px;color:#73847c}.card-body dd{margin:4px 0;font-weight:800}.card-body small{display:block;color:#6b7d74;line-height:1.6}.text-link{display:inline-block;margin-top:20px;color:var(--green);font-weight:900}.empty{padding:38px;text-align:center;background:#eef7f3}.groups{background:var(--green);color:#fff;padding:100px clamp(24px,7vw,110px);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.groups>div>p{color:var(--yellow)}.groups>div>span{color:#cce7df;line-height:1.8}.panel{background:#fff;color:var(--ink);padding:34px}.panel>b{background:#e3f4ee;color:var(--green);padding:6px 9px;font-size:12px}.panel .empty{margin:24px 0}.panel .button{box-shadow:none}.group-item{padding:20px 0;border-bottom:1px solid var(--line)}.group-item h3{margin:8px 0}.group-item p{margin:6px 0;color:#64766e}.event-list{display:grid;gap:22px}.event{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.event .card-image{height:100%}.event>div:last-child{padding:50px}.event em{color:var(--green);font-weight:900}.event h3{font-size:32px}.event small{color:#687a71;line-height:1.7}.gear{display:grid;grid-template-columns:1fr 1fr}.gear-intro{background:var(--dark);color:#fff;padding:85px clamp(24px,7vw,90px)}.gear-intro>p{color:var(--yellow)}.gear-intro>span{color:#bcd5ce;line-height:1.8}.checks{background:var(--yellow);padding:60px clamp(24px,6vw,70px)}.check{border-top:1px solid #18382e55;padding:20px 0}.check h3{margin:8px 0}.check p{font-size:14px;margin:6px 0}.checks>a{margin-top:28px;background:var(--dark);color:#fff;padding:18px;display:flex;justify-content:space-between;font-weight:900}footer{background:#061f1a;color:#fff;padding:60px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:end}footer p,footer small{color:#abc5bd;line-height:1.6}footer>b{text-align:right;color:#66877d;font-size:11px}
@media(max-width:900px){.header nav{display:none}.menu-button{display:block}.header.open nav{display:flex;position:absolute;top:68px;right:20px;flex-direction:column;background:#fff;color:var(--ink);padding:15px;gap:0}.header.open nav a{padding:10px}.entries{grid-template-columns:1fr 1fr}.court-grid,.groups,.event,.gear{grid-template-columns:1fr}.groups{gap:45px}.split,.section-title{align-items:flex-start;flex-direction:column}.search{width:100%}.news-list a{grid-template-columns:35px 90px 1fr 25px}.news-list div{grid-column:3/5}.event .card-image{height:260px}}
@media(max-width:580px){.header{height:68px}.hero{height:650px}.hero-copy{padding-top:140px}.hero-copy h1{font-size:58px}.ticker{align-items:flex-start;flex-direction:column;gap:2px;padding-top:12px;padding-bottom:12px}.section{padding-top:70px;padding-bottom:70px}.entries{grid-template-columns:1fr}.entries a{min-height:135px;border-right:0;border-bottom:1px solid var(--line)}.card-image{height:210px}.groups{padding-top:70px;padding-bottom:70px}.event>div:last-child{padding:28px}.news-list a{gap:10px}.news-list div{grid-column:2/5}footer{grid-template-columns:1fr}footer>b{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}