/* ============ 活動頁 — 大圖海報為主角、可放大；內文區塊化美化 ============ */
.hd-main{max-width:640px;margin:0 auto;padding:6px 0 40px;}
body.view-desktop .hd-main{max-width:860px;}

/* ---- 列表標題 ---- */
.hd-head{text-align:center;padding:38px 24px 4px;}
.hd-head .hd-mark{width:68px;margin:0 auto 8px;}
.hd-head .hd-mark img{width:100%;height:auto;display:block;filter:drop-shadow(0 2px 6px rgba(120,90,70,.18));}
.hd-head h1{color:var(--maroon);font-size:1.9rem;font-weight:700;letter-spacing:.4em;text-indent:.4em;margin-bottom:14px;}
.hd-divider{height:1px;background:linear-gradient(to right,transparent,rgba(122,78,73,.5),transparent);max-width:520px;margin:0 auto;}

/* ---- 列表卡片 ---- */
.hd-list{padding:22px 18px 0;display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;}
body.view-desktop .hd-list{grid-template-columns:1fr 1fr 1fr;gap:32px 24px;padding-top:28px;}
.hd-card{text-decoration:none;color:inherit;display:block;}
.hd-cover{position:relative;width:100%;aspect-ratio:3/4;border:1px solid rgba(122,78,73,.4);border-radius:8px;overflow:hidden;
  background:rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(90,60,50,.12);transition:transform .18s,box-shadow .18s;}
.hd-card:hover .hd-cover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(90,60,50,.2);}
.hd-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.hd-cover .hd-ph{color:rgba(122,78,73,.32);font-size:1.6rem;letter-spacing:.35em;text-indent:.35em;font-weight:700;}
.hd-name{color:var(--maroon);font-size:1.12rem;font-weight:700;letter-spacing:.03em;margin:12px 0 4px;text-align:center;}
.hd-card:hover .hd-name{text-decoration:underline;}
.hd-cardmeta{color:var(--ink);font-size:.86rem;opacity:.85;text-align:center;}

/* 徽章 */
.hd-badge{font-size:.8rem;padding:4px 13px;border-radius:999px;font-weight:600;letter-spacing:.06em;}
.hd-cover .hd-badge{position:absolute;top:12px;left:12px;}
.hd-badge.upcoming{background:var(--maroon);color:#fff;}
.hd-badge.ended{background:rgba(90,70,65,.6);color:#fff;}

/* ---- 詳情 ---- */
.hd-detail{padding:30px 18px 0;}
.hd-back{display:inline-block;color:var(--maroon);margin:0 0 16px 2px;text-decoration:none;}
.hd-back:hover{text-decoration:underline;}
.hd-headrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.hd-title{color:var(--maroon);font-size:1.7rem;font-weight:700;letter-spacing:.04em;line-height:1.35;margin:0;}
body.view-desktop .hd-title{font-size:2rem;}
.hd-metabar{color:var(--ink);font-size:1rem;opacity:.9;margin:10px 0 4px;}

.hd-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 6px;}
.hd-actions-bottom{justify-content:center;margin:28px 0 4px;}
.hd-btn{display:inline-block;background:var(--maroon);color:#fff;text-decoration:none;font-size:1rem;padding:11px 30px;border-radius:999px;letter-spacing:.05em;box-shadow:0 4px 14px rgba(122,78,73,.28);}
.hd-btn:hover{filter:brightness(1.06);}
.hd-btn.ghost{background:transparent;color:var(--maroon);border:1px solid rgba(122,78,73,.5);box-shadow:none;}

/* 大圖海報（主角）：置中、可點放大 */
.hd-posters{margin:22px 0 8px;display:flex;flex-direction:column;gap:20px;align-items:center;}
.hd-poster{position:relative;padding:0;border:none;background:none;cursor:zoom-in;width:100%;max-width:560px;
  border-radius:10px;overflow:hidden;box-shadow:0 12px 34px rgba(90,60,50,.22);line-height:0;}
.hd-poster img{width:100%;height:auto;display:block;}
.hd-zoom{position:absolute;right:12px;bottom:12px;background:rgba(40,26,22,.62);color:#fff;font-size:.8rem;
  padding:5px 12px;border-radius:999px;letter-spacing:.04em;opacity:0;transition:opacity .18s;line-height:normal;}
.hd-poster:hover .hd-zoom{opacity:1;}

/* 內文區塊化：【標題】→區塊標題、・→條列 */
.hd-body{margin:26px auto 0;max-width:600px;color:var(--ink);}
.hd-sec{color:var(--maroon);font-size:1.12rem;font-weight:700;letter-spacing:.05em;margin:22px 0 8px;padding-left:12px;border-left:4px solid rgba(122,78,73,.55);}
.hd-p{font-size:1rem;line-height:1.95;margin:6px 0;}
.hd-li{font-size:1rem;line-height:1.9;padding-left:20px;position:relative;margin:4px 0;}
.hd-li::before{content:"・";position:absolute;left:2px;color:var(--maroon);}
.hd-body a{color:var(--maroon);word-break:break-all;}

.hd-empty{grid-column:1/-1;text-align:center;color:var(--ink);opacity:.7;padding:50px 20px;font-size:1rem;}

/* ---- 燈箱（可放大） ---- */
.lightbox{position:fixed;inset:0;background:rgba(20,14,12,.94);z-index:2000;display:none;align-items:center;justify-content:center;}
.lightbox.open{display:flex;}
.lb-stage{max-width:96vw;max-height:92vh;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;}
.lb-stage img{max-width:94vw;max-height:90vh;object-fit:contain;cursor:zoom-in;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:none;}
.lb-stage img.zoom{max-width:none;max-height:none;width:auto;cursor:zoom-out;}
.lb-close{position:absolute;top:14px;right:20px;background:none;border:none;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;opacity:.85;z-index:2;}
.lb-close:hover{opacity:1;}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:none;color:#fff;
  font-size:2.6rem;line-height:1;width:54px;height:74px;border-radius:8px;cursor:pointer;opacity:.8;z-index:2;}
.lb-nav:hover{opacity:1;background:rgba(255,255,255,.22);}
.lb-prev{left:14px;} .lb-next{right:14px;}
.lb-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:rgba(255,255,255,.75);font-size:.85rem;pointer-events:none;}
@media (max-width:600px){ .lb-nav{width:42px;height:58px;font-size:2rem;} .lb-prev{left:4px;} .lb-next{right:4px;} }