/* ==========================================================================
   常用連結頁專用樣式：只由 links.php 載入，不併入共用 style.css。
   第三輪（2026-10-23）起以 downloads.php 為對照：全寬、無側欄，
   每個分類＝一個圓角區塊，區塊表頭帶該組色調、列右端是膠囊式動作鈕。
   （第一輪是連結磚牆、第二輪是兩欄單行列，都留在卷 15 記錄。）
   分組色仍取 side-cards 的 side_tone()，與首頁那格「常用連結」同一個顏色系統。
   ========================================================================== */
.lnk{
  --lnk-cream:#fbf7ec;
  --lnk-line:#e7e2d5;
  --lnk-soft:#f4f8f3;
  padding:0;
  overflow:hidden;
  border-radius:14px;
}
.lnk *{box-sizing:border-box}
.lnk-wrap{padding-bottom:4rem}

/* ---------- 頁首 ---------- */
.lnk-head{position:relative;padding:2.6rem 3.2rem 2.4rem;background:linear-gradient(180deg,#fff 0%,#fcfcf7 100%)}
.lnk-head::after{
  content:"";position:absolute;right:-64px;top:-96px;width:230px;height:230px;border-radius:50%;
  border:18px solid rgba(201,154,46,.12);pointer-events:none;
}
.lnk-eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:1.25rem;font-weight:700;
  letter-spacing:.18em;color:var(--g-700)}
.lnk-eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--gold)}
.lnk-head h2{font-size:clamp(2.6rem,4.4vw,3.6rem);line-height:1.25;margin:.9rem 0 0;color:var(--g-900)}

/* ---------- 跳覽列（無側欄後，這是本頁唯一導覽） ---------- */
.lnk-jump{display:flex;gap:.8rem;flex-wrap:wrap;padding:1.3rem 3.2rem;
  background:var(--lnk-cream);border-top:1px solid var(--lnk-line);border-bottom:1px solid var(--lnk-line)}
.lnk-jump a{display:inline-block;padding:.55rem 1.4rem;border-radius:999px;background:#fff;
  border:1px solid var(--lnk-line);font-size:1.4rem;color:var(--g-700);white-space:nowrap}
.lnk-jump a:hover{background:var(--g-700);border-color:var(--g-700);color:#fff}

/* ---------- 分類區塊（對照 downloads 的 .dl-year） ---------- */
.lnk-sec{padding:2rem 3.2rem;scroll-margin-top:8rem}
.lnk-sec + .lnk-sec{border-top:1px solid var(--line)}
.lnk-box{border:1px solid var(--lnk-line);border-radius:14px;overflow:hidden;background:#fff}
.lnk-box-h{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.8rem;
  background:var(--c-bg,#eaf4ec)}
.lnk-kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;
  letter-spacing:.16em;color:#856818}
.lnk-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.lnk-box-h h3{font-size:1.85rem;line-height:1.4;margin:0;color:var(--g-900);letter-spacing:.02em}
.lnk-box-n{margin-left:auto;font-size:1.25rem;color:#7f8a80;font-variant-numeric:tabular-nums}

/* 區塊內的列：寬度夠就兩欄，不夠自動回單欄（minmax 420px 在 1150px 容器下正好兩欄） */
.lnk-rows{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.lnk-row{display:flex;align-items:center;gap:1.2rem;padding:1.05rem 1.8rem;
  border-top:1px solid #f2efe6;font-size:1.55rem;line-height:1.6;color:#2f3a33;text-decoration:none}
.lnk-row:hover{background:#fcfbf6}
.lnk-row-t{flex:1 1 auto;min-width:0}
.lnk-go{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;padding:.42rem 1.25rem;
  border-radius:999px;border:1px solid var(--c,#0a6b34);color:var(--c,#0a6b34);background:#fff;
  font-size:1.3rem;font-weight:600;white-space:nowrap;transition:background .18s ease,color .18s ease}
.lnk-row:hover .lnk-go{background:var(--c,#0a6b34);color:#fff}

/* 沒有連結的純資訊列（地址／電話）：同欄但不出鈕、字級轉淡 */
.lnk-row--info{color:#5d6a60}
.lnk-row--info:hover{background:transparent}
.lnk-row--info .lnk-info-k{color:var(--g-700);font-weight:700;margin-right:.6rem}

/* ---------- 後台還沒填連結時的提示 ---------- */
.lnk-empty{padding:3.2rem}
.lnk-empty h2{font-size:2.4rem;color:var(--g-900);margin:0 0 1rem}
.lnk-empty p{font-size:1.6rem;line-height:1.9;color:#4a564e;margin:0}

/* ---------- 尾聲 CTA 帶 ---------- */
.lnk-cta{position:relative;overflow:hidden;padding:3.2rem;
  background:linear-gradient(135deg,var(--g-900) 0%,var(--g-700) 100%);color:#fff}
.lnk-cta::after{content:"";position:absolute;right:-50px;bottom:-90px;width:250px;height:250px;
  border-radius:50%;border:20px solid rgba(242,193,78,.16);pointer-events:none}
.lnk-cta h3{position:relative;margin:0 0 .8rem;font-size:2.4rem;color:#fff}
.lnk-cta p{position:relative;margin:0 0 1.9rem;font-size:1.55rem;line-height:1.85;color:#d7e7dc;max-width:46em}
.lnk-btns{position:relative;display:flex;flex-wrap:wrap;gap:1rem;z-index:1}
.lnk-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.45);color:#fff;font-size:1.5rem;font-weight:600;background:transparent}
.lnk-btn:hover{background:#fff;border-color:#fff;color:var(--g-900)}
.lnk-btn--gold{background:var(--gold);border-color:var(--gold);color:#2c2409}
.lnk-btn--gold:hover{background:#ffd873;border-color:#ffd873;color:#2c2409}

/* 鍵盤焦點與 about／downloads 一致（本頁已無表單元素，只剩連結） */
.lnk a:focus-visible{outline:2px solid var(--g-700);outline-offset:3px}
.lnk-cta a:focus-visible{outline-color:#fff}

/* ---------- 響應式 ---------- */
@media(max-width:991px){
  .lnk-head,.lnk-sec,.lnk-cta{padding-left:2rem;padding-right:2rem}
  .lnk-jump{padding-left:2rem;padding-right:2rem}
}
@media(max-width:900px){
  /* 兩欄在此寬度下每欄會剩不到 420px，自動變單欄；這裡明確收掉，避免 421px 這種臨界寬 */
  .lnk-rows{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
  .lnk-head h2{font-size:2.9rem}
  .lnk-sec{padding:1.9rem 2rem}
  .lnk-box-h{padding:1.1rem 1.4rem}
  .lnk-box-h h3{font-size:1.7rem}
  .lnk-row{padding:.95rem 1.4rem;font-size:1.5rem}
}
@media(max-width:479px){
  .lnk-head,.lnk-cta,.lnk-empty{padding:2.2rem 1.5rem}
  .lnk-jump{padding:1.2rem 1.5rem}
  .lnk-sec{padding:1.6rem 1.5rem}
  .lnk-row{padding:.85rem 1.1rem;gap:.8rem;font-size:1.45rem}
  /* 窄屏把鈕上的字收掉、只留方向符號：實測 16 字標題在單欄下會折行，
     省掉「前往」兩字換來的寬度剛好讓它回到單行 */
  .lnk-go{padding:.35rem .75rem;font-size:1.2rem}
  .lnk-go-t{display:none}
}