/* ==========================================================================
   報考須知頁專用樣式：只由 admissions.php 載入，不併入共用 style.css。
   2026-10-23 依使用者「風格參考 links.php」重做：全寬、無側欄，
   頁首＝眉標／大標／導言／資料列，章節＝圓角區塊（表頭帶 kicker），頁尾一條深綠 CTA。
   色票沿用 links-page.css 那一組（奶油 #fbf7ec／邊線 #e7e2d5／淡綠 #f4f8f3），
   但**不 import 也不共用類名**——兩頁各自改版不互相牽動（與 about／news／downloads 同一個做法）。
   前綴用 adm-：style.css 內 .adm 命中 0 次，不會撞到舊樣式。
   ========================================================================== */
.adm{
  --adm-cream:#fbf7ec;
  --adm-line:#e7e2d5;
  --adm-soft:#f4f8f3;
  padding:0;
  overflow:hidden;
  border-radius:14px;
}
.adm *{box-sizing:border-box}
.adm-wrap{padding-bottom:4rem}

/* ---------- 頁首 ---------- */
.adm-head{position:relative;padding:3.2rem 3.2rem 2.6rem;background:linear-gradient(180deg,#fff 0%,#fcfcf7 100%)}
.adm-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;
}
.adm-eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:1.25rem;font-weight:700;
  letter-spacing:.18em;color:var(--g-700)}
.adm-eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--gold)}
.adm-head h2{font-size:clamp(2.6rem,4.4vw,3.6rem);line-height:1.25;margin:.9rem 0 1.4rem;color:var(--g-900)}
.adm-lead{font-size:1.8rem;line-height:1.9;color:#3c4a41;margin:0;max-width:56em;text-align:justify}
.adm-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:1.3rem;color:#68736b;margin-top:1.4rem}
.adm-meta .dot{width:4px;height:4px;border-radius:50%;background:#b9c1ba}

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

/* ---------- 章節區塊 ---------- */
.adm-sec{padding:2rem 3.2rem;scroll-margin-top:8rem}
.adm-sec + .adm-sec{border-top:1px solid var(--line)}
.adm-box{border:1px solid var(--adm-line);border-radius:14px;overflow:hidden;background:#fff}
.adm-box-h{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.8rem;
  background:var(--adm-soft);border-bottom:1px solid var(--adm-line)}
.adm-kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;
  letter-spacing:.16em;color:#856818}
.adm-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.adm-box-h h3{font-size:1.85rem;line-height:1.4;margin:0;color:var(--g-900);letter-spacing:.02em}
.adm-box-b{padding:1.9rem 2rem 2.2rem}
/* 退回 render_sections() 時（非 steps／rows 章節）的段落樣式 */
.adm-box-b > p{font-size:1.6rem;line-height:1.9;color:#33403a;margin:0 0 1rem}
.adm-box-b > p:last-child{margin-bottom:0}
.adm-box-b h4{font-size:1.7rem;color:var(--g-900);margin:1.8rem 0 .8rem}
.adm-box-b ul.bul{margin:0;padding-left:2.2rem}
.adm-box-b ul.bul li{font-size:1.55rem;line-height:1.8;color:#33403a;margin-bottom:.5rem}

/* ---------- 須遞交資料：有序步驟清單 ---------- */
.adm-steps{list-style:none;counter-reset:admstep;margin:0;padding:0;display:grid;gap:1rem}
.adm-steps li{position:relative;counter-increment:admstep;
  padding:1.2rem 1.6rem 1.2rem 5.6rem;
  background:var(--adm-soft);border:1px solid var(--adm-line);border-radius:12px;
  font-size:1.6rem;line-height:1.8;color:#2f3a33}
.adm-steps li::before{
  content:counter(admstep);position:absolute;left:1.5rem;top:1.15rem;
  width:2.6rem;height:2.6rem;border-radius:50%;background:var(--g-700);color:#fff;
  font-size:1.35rem;font-weight:700;display:grid;place-items:center;
  font-variant-numeric:tabular-nums;
}
.adm-note{margin:1.6rem 0 0;padding:1.2rem 1.6rem;font-size:1.45rem;line-height:1.75;color:#4a564e;
  background:#fff;border:1px dashed #d8d2c1;border-radius:12px}
.adm-note a{color:var(--g-700);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.adm-note a:hover{color:var(--g-900)}

/* ---------- 學歷證明：勾選式列 ---------- */
.adm-rows{list-style:none;margin:0;padding:0}
.adm-rows li{position:relative;padding:1.05rem 0 1.05rem 3.2rem;
  border-top:1px dashed var(--adm-line);font-size:1.55rem;line-height:1.8;color:#2f3a33}
.adm-rows li:first-child{border-top:0;padding-top:.2rem}
.adm-rows li:first-child::before{top:1.05rem}
.adm-rows li::before{content:"✓";position:absolute;left:.5rem;top:1.05rem;
  color:var(--g-500);font-weight:700;font-size:1.5rem}

/* ---------- 無資料 ---------- */
.adm-empty{padding:3.2rem}
.adm-empty h2{font-size:2.4rem;color:var(--g-900);margin:0 0 1rem}
.adm-empty p{font-size:1.6rem;line-height:1.9;color:#4a564e;margin:0}
.adm-empty a{color:var(--g-700);font-weight:700;text-decoration:underline}

/* ---------- 尾聲 CTA 帶 ---------- */
.adm-cta{position:relative;overflow:hidden;padding:3.2rem;
  background:linear-gradient(135deg,var(--g-900) 0%,var(--g-700) 100%);color:#fff;
  scroll-margin-top:8rem}
.adm-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}
.adm-cta h3{position:relative;margin:0 0 .8rem;font-size:2.4rem;color:#fff}
.adm-cta p{position:relative;margin:0 0 1.9rem;font-size:1.55rem;line-height:1.85;color:#d7e7dc;max-width:46em}
.adm-btns{position:relative;display:flex;flex-wrap:wrap;gap:1rem;z-index:1}
.adm-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}
.adm-btn:hover{background:#fff;border-color:#fff;color:var(--g-900)}
.adm-btn--gold{background:var(--gold);border-color:var(--gold);color:#2c2409}
.adm-btn--gold:hover{background:#ffd873;border-color:#ffd873;color:#2c2409}

/* 鍵盤焦點與 about／downloads／links 一致 */
.adm a:focus-visible{outline:2px solid var(--g-700);outline-offset:3px}
.adm-cta a:focus-visible{outline-color:#fff}

/* ---------- 響應式 ---------- */
@media(max-width:991px){
  .adm-head,.adm-sec,.adm-cta{padding-left:2rem;padding-right:2rem}
  .adm-jump{padding-left:2rem;padding-right:2rem}
}
@media(max-width:767px){
  .adm-head h2{font-size:2.9rem}
  .adm-lead{font-size:1.65rem}
  .adm-sec{padding:1.9rem 2rem}
  .adm-box-h{padding:1.1rem 1.4rem}
  .adm-box-h h3{font-size:1.7rem}
  .adm-box-b{padding:1.6rem 1.5rem 1.8rem}
  .adm-steps li{padding:1.1rem 1.3rem 1.1rem 4.9rem;font-size:1.55rem}
  .adm-steps li::before{left:1.2rem;width:2.4rem;height:2.4rem;font-size:1.25rem}
  .adm-rows li{font-size:1.5rem}
}
@media(max-width:479px){
  .adm-head,.adm-cta,.adm-empty{padding:2.2rem 1.5rem}
  .adm-jump{padding:1.2rem 1.5rem}
  .adm-sec{padding:1.6rem 1.5rem}
  .adm-steps li{padding:1rem 1.1rem 1rem 4.5rem;font-size:1.5rem}
  .adm-steps li::before{left:1rem;top:1rem;width:2.3rem;height:2.3rem}
  .adm-btns .adm-btn{padding:.75rem 1.5rem;font-size:1.4rem}
}