/* 可跳選的分類頁面 */

/* 球衣是原始相片，用 CSS 輪廓裁掉白底與短褲 */
.shirt-front { aspect-ratio:662 / 730; overflow:hidden; clip-path:polygon(35.35% 6.03%,34.29% 6.58%,33.38% 7.12%,32.18% 7.67%,30.97% 8.22%,29.76% 8.77%,28.40% 9.32%,27.04% 9.86%,25.68% 10.41%,24.32% 10.96%,23.11% 11.51%,21.75% 12.05%,20.54% 12.60%,19.34% 13.15%,18.28% 13.70%,17.22% 14.25%,16.31% 14.79%,15.41% 15.34%,14.65% 15.89%,14.05% 16.44%,13.44% 16.99%,12.99% 17.53%,12.54% 18.08%,12.08% 18.63%,11.78% 19.18%,11.48% 19.73%,11.18% 20.27%,10.88% 20.82%,10.73% 21.37%,10.42% 21.92%,10.27% 22.47%,10.12% 23.01%,9.97% 23.56%,9.82% 24.11%,9.67% 24.66%,9.52% 25.21%,9.37% 25.75%,9.21% 26.30%,9.06% 26.85%,8.91% 27.40%,8.76% 27.95%,8.76% 28.49%,8.61% 29.04%,8.46% 29.59%,8.31% 30.14%,8.16% 30.68%,8.01% 31.23%,7.85% 31.78%,7.70% 32.33%,7.55% 32.88%,7.40% 33.42%,7.25% 33.97%,7.10% 34.52%,6.95% 35.07%,6.80% 35.62%,6.65% 36.16%,6.65% 36.71%,6.50% 37.26%,6.34% 37.81%,6.19% 38.36%,6.04% 38.90%,6.04% 39.45%,5.89% 40.00%,5.74% 40.55%,5.59% 41.10%,5.59% 41.64%,5.44% 42.19%,5.29% 42.74%,5.14% 43.29%,5.14% 43.84%,5.89% 44.38%,8.46% 44.93%,11.18% 45.48%,13.90% 46.03%,20.09% 46.58%,21.60% 41.78%,22.66% 47.95%,22.66% 48.22%,22.66% 48.77%,22.66% 49.32%,22.66% 49.86%,22.66% 50.41%,22.66% 50.96%,22.66% 51.51%,22.66% 52.05%,22.66% 52.60%,22.66% 53.15%,22.81% 53.70%,22.81% 54.25%,22.81% 54.79%,22.81% 55.34%,22.81% 55.89%,22.81% 56.44%,22.81% 56.99%,22.96% 57.53%,22.96% 58.08%,22.96% 58.63%,23.11% 59.18%,23.11% 59.73%,23.26% 60.27%,23.41% 60.82%,23.41% 61.37%,23.56% 61.92%,23.56% 62.47%,23.72% 63.01%,23.72% 63.56%,23.72% 64.11%,23.56% 64.66%,23.56% 65.21%,23.56% 65.75%,23.56% 66.30%,23.41% 66.85%,23.41% 67.40%,23.26% 67.95%,23.26% 68.49%,23.11% 69.04%,23.11% 69.59%,23.11% 70.14%,23.11% 70.68%,23.11% 71.23%,23.11% 71.78%,23.11% 72.33%,23.11% 72.88%,23.26% 73.42%,23.26% 73.97%,23.26% 74.52%,23.26% 75.07%,23.26% 75.62%,23.11% 76.16%,22.96% 76.71%,22.96% 77.26%,22.81% 77.81%,22.66% 78.36%,22.51% 78.90%,22.36% 79.45%,22.36% 80.00%,22.21% 80.55%,22.21% 81.10%,22.05% 81.64%,21.90% 82.19%,21.90% 82.74%,21.75% 83.29%,21.75% 83.84%,21.75% 84.38%,21.60% 84.93%,21.60% 85.48%,21.60% 86.03%,21.45% 86.58%,21.45% 87.12%,21.45% 87.67%,21.45% 88.22%,21.45% 88.77%,21.30% 89.32%,21.30% 89.86%,21.30% 90.41%,21.30% 90.96%,21.30% 91.51%,21.15% 92.05%,21.15% 92.60%,21.15% 93.15%,21.15% 93.70%,21.15% 94.25%,21.15% 94.79%,21.15% 95.34%,21.15% 95.89%,21.15% 96.44%,21.30% 96.99%,23.26% 97.53%,26.28% 98.08%,30.21% 98.63%,35.95% 99.18%,59.52% 99.18%,64.80% 98.63%,68.58% 98.08%,71.30% 97.53%,73.26% 96.99%,73.26% 96.44%,73.26% 95.89%,73.26% 95.34%,73.26% 94.79%,73.26% 94.25%,73.26% 93.70%,73.26% 93.15%,73.26% 92.60%,73.26% 92.05%,73.26% 91.51%,73.26% 90.96%,73.26% 90.41%,73.26% 89.86%,73.26% 89.32%,73.11% 88.77%,73.11% 88.22%,73.11% 87.67%,73.11% 87.12%,72.96% 86.58%,72.96% 86.03%,72.96% 85.48%,72.81% 84.93%,72.81% 84.38%,72.81% 83.84%,72.66% 83.29%,72.51% 82.74%,72.51% 82.19%,72.36% 81.64%,72.36% 81.10%,72.21% 80.55%,72.21% 80.00%,72.05% 79.45%,71.90% 78.90%,71.75% 78.36%,71.60% 77.81%,71.45% 77.26%,71.45% 76.71%,71.30% 76.16%,71.15% 75.62%,71.15% 75.07%,71.15% 74.52%,71.15% 73.97%,71.15% 73.42%,71.30% 72.88%,71.30% 72.33%,71.30% 71.78%,71.30% 71.23%,71.30% 70.68%,71.30% 70.14%,71.30% 69.59%,71.15% 69.04%,71.15% 68.49%,71.00% 67.95%,71.00% 67.40%,71.00% 66.85%,70.85% 66.30%,70.85% 65.75%,70.85% 65.21%,70.69% 64.66%,70.69% 64.11%,70.69% 63.56%,70.69% 63.01%,70.69% 62.47%,70.85% 61.92%,70.85% 61.37%,71.00% 60.82%,71.15% 60.27%,71.30% 59.73%,71.30% 59.18%,71.45% 58.63%,71.45% 58.08%,71.45% 57.53%,71.45% 56.99%,71.60% 56.44%,71.60% 55.89%,71.60% 55.34%,71.60% 54.79%,71.60% 54.25%,71.60% 53.70%,71.60% 53.15%,71.60% 52.60%,71.75% 52.05%,71.75% 51.51%,71.75% 50.96%,71.75% 50.41%,71.75% 49.86%,71.75% 49.32%,71.75% 48.77%,71.75% 48.22%,71.75% 47.95%,72.96% 41.78%,74.17% 46.58%,80.06% 46.03%,82.93% 45.48%,85.65% 44.93%,88.07% 44.38%,89.27% 43.84%,89.27% 43.29%,89.12% 42.74%,88.97% 42.19%,88.82% 41.64%,88.67% 41.10%,88.67% 40.55%,88.52% 40.00%,88.37% 39.45%,88.22% 38.90%,88.07% 38.36%,87.92% 37.81%,87.76% 37.26%,87.76% 36.71%,87.61% 36.16%,87.46% 35.62%,87.31% 35.07%,87.16% 34.52%,87.01% 33.97%,86.86% 33.42%,86.86% 32.88%,86.71% 32.33%,86.56% 31.78%,86.40% 31.23%,86.25% 30.68%,86.10% 30.14%,85.95% 29.59%,85.80% 29.04%,85.65% 28.49%,85.65% 27.95%,85.50% 27.40%,85.35% 26.85%,85.20% 26.30%,85.05% 25.75%,84.89% 25.21%,84.74% 24.66%,84.59% 24.11%,84.44% 23.56%,84.29% 23.01%,84.14% 22.47%,83.99% 21.92%,83.69% 21.37%,83.53% 20.82%,83.23% 20.27%,82.93% 19.73%,82.63% 19.18%,82.33% 18.63%,81.87% 18.08%,81.42% 17.53%,80.97% 16.99%,80.51% 16.44%,79.76% 15.89%,79.00% 15.34%,78.10% 14.79%,77.04% 14.25%,75.98% 13.70%,74.92% 13.15%,73.72% 12.60%,72.36% 12.05%,71.00% 11.51%,69.79% 10.96%,68.43% 10.41%,67.22% 9.86%,65.86% 9.32%,64.50% 8.77%,63.29% 8.22%,62.24% 7.67%,61.03% 7.12%,60.12% 6.58%,59.06% 6.03%,56% 6.30%,54% 6.71%,50% 7.12%,46% 7.12%,42% 6.85%,38% 6.30%,35.35% 6.03%); }
.shirt-front img { display:block; width:100%; height:auto; }
.about-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,6vw,90px); align-items:center; padding-block:24px 40px; }
.kit-stage { position:relative; display:grid; place-items:center; min-width:0; padding:20px 20px 70px; isolation:isolate; background:radial-gradient(ellipse at 50% 45%,#63264755,transparent 65%); }
.kit-stage .shirt { width:100%; max-width:460px; transform:perspective(900px) rotateY(-12deg) rotateZ(-5deg); filter:drop-shadow(20px 26px 15px #000b); }
.kit-orbit { position:absolute; width:85%; aspect-ratio:1; border:1px solid #9e316a; border-radius:50%; transform:rotateX(30deg); z-index:-1; }
.kit-orbit::after { content:""; position:absolute; inset:12%; border:1px dashed #513046; border-radius:50%; }
.kit-caption { position:absolute; bottom:16px; color:#be9bab; font-size:12px; letter-spacing:.2em; }
.about-copy { min-width:0; }
.about-copy h2 { font-size:clamp(32px,4vw,52px); margin:0 0 25px; line-height:1.4; letter-spacing:-.03em; }
.about-copy h2 em { color:var(--pink); font-style:normal; }
.about-copy>p:not(.eyebrow) { color:var(--muted); font-size:15px; line-height:2; }
.about-copy .cta { margin-top:15px; }
@media(max-width:700px) {
  .about-layout { grid-template-columns:1fr; gap:12px; padding-top:0; }
  .kit-stage { max-width:390px; width:100%; margin:auto; padding:10px 20px 40px; }
  .about-copy h2 { font-size:32px; }
  .category-page { padding-block:35px; }
  .empty-panel { padding:24px; }
}

.category-page {
  min-height: 65svh;
  padding-block: 65px;
}

.category-page h1 {
  margin: 12px 0 20px;
  font-size: clamp(32px, 5vw, 64px);
  line-height: 1.2;
}

.category-intro {
  max-width: 700px;
  color: var(--muted);
  line-height: 1.9;
}

.empty-panel {
  margin-top: 35px;
  padding: 40px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 3px solid var(--pink);
}

/* 課堂精華相片，只在精華分類顯示，完整保留直向構圖 */
.highlights-photo { display: none; margin: 24px 0; }
#website:has(.nav-link[data-page="highlights"][aria-current="page"]) .highlights-photo { display: block; }
.highlights-photo img { display: block; width: 100%; max-width: 640px; height: auto; margin-inline: auto; }
.highlights-photo figcaption { margin-top: 14px; color: var(--muted); line-height: 1.9; }
/* 教練宣傳照，只在教練分類顯示，中央裁切為4比5以移除上下黑邊 */
.coach-photo { display: none; margin: 28px 0 0; }
#website:has(.nav-link[data-page="coaches"][aria-current="page"]) .coach-photo { display: block; }
.coach-photo img { display: block; width: 100%; max-width: 460px; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; margin-inline: auto; }
.empty-panel h2 { margin-top: 0; }
.empty-panel p { color: var(--muted); line-height: 1.9; }

.topic-tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.topic-tags span {
  padding: 9px 14px;
  border: 1px solid var(--line);
  color: #dedee6;
  font-size: 13px;
}

.back-button {
  border: 0;
  padding: 0 0 18px;
  color: var(--muted);
  background: transparent;
  font-size: 13px;
}

.back-button:hover { color: white; }