.vjc-arc-page{
  --cream:#F7ECDC; --cream-lite:#FCF5EA; --paper:#FFFFFF;
  --ink:#20211F; --head:#242422; --soft:#8A8378;
  --clay:#C58B6A; --clay-deep:#B07551; --clay-line:#E4C09A;
  --gold-line:#D9A860; --dark:#1C1B18; --wave-green:#DCE3D4;
  --line:#EFE6D7; --sage:#8FB89C;
  --han:'Noto Serif TC',serif; --sans:'Noto Sans TC',sans-serif;
  --maxw:1040px;
  font-family:var(--sans);color:var(--ink);line-height:1.85;background:var(--paper);
}
.vjc-arc-page a{text-decoration:none;color:inherit}

/* ---------- HERO：墨黑・雙金線（滿版深底、置中） ---------- */
.vjc-arc-hero{background:#1C1B18;position:relative;overflow:hidden;padding-top:100px;padding-bottom:30px;}
.vjc-arc-hero::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 50% 80% at 76% 0%, rgba(217,168,96,.09), transparent 60%)}
/* 固定高度＋垂直置中：有無描述文字都一樣高，三頁不跳動 */
.vjc-arc-hero-in{max-width:var(--maxw);margin:0 auto;padding:48px 24px;min-height:340px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;position:relative;z-index:1}
/* 上下兩道細金線：兩端漸層淡出，由中央向外展開 */
.vjc-arc-hero .rule{height:1px;margin:0 auto;width:0;opacity:.7;
  background:linear-gradient(90deg, transparent, var(--gold-line), transparent);
  animation:vjc-arc-rule 1.2s cubic-bezier(.22,1,.36,1) forwards}
.vjc-arc-hero .rule.top{animation-delay:.1s;margin-bottom:28px}
.vjc-arc-hero .rule.bot{animation-delay:.3s;margin-top:28px}
@keyframes vjc-arc-rule{to{width:min(420px,64%)}}
.vjc-arc-kind{display:block;font-size:13px;letter-spacing:.5em;text-indent:.5em;color:var(--gold-line);
  opacity:0;animation:vjc-arc-fade .9s ease .5s forwards}
.vjc-arc-title{font-family:var(--han);font-weight:900;font-size:clamp(34px,4.8vw,56px);
  letter-spacing:.16em;color:var(--cream);line-height:1.35;margin:18px 0 16px;
  opacity:0;animation:vjc-arc-rise 1s cubic-bezier(.22,1,.36,1) .65s forwards}
.vjc-arc-desc{color:rgba(247,236,220,.6);font-size:15px;max-width:540px;margin:0 auto;
  opacity:0;animation:vjc-arc-fade 1s ease 1s forwards}
@keyframes vjc-arc-fade{to{opacity:1}}
@keyframes vjc-arc-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:767px){.vjc-arc-hero-in{min-height:260px;padding:44px 24px}}

/* ---------- BODY：主欄 + 右側欄 ---------- */
.vjc-arc-wrap{max-width:var(--maxw);margin:0 auto;padding:56px 24px 90px;
  display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px}
@media(max-width:1023px){.vjc-arc-wrap{grid-template-columns:1fr;gap:64px}}

/* ---------- 卡片牆：2欄純文字卡 ---------- */
.vjc-arc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
@media(max-width:639px){.vjc-arc-grid{grid-template-columns:1fr}}
.vjc-arc-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:12px;
  padding:30px 28px 26px;display:flex;flex-direction:column;
  opacity:0;transform:translateY(34px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease}
.vjc-arc-card.is-in{opacity:1;transform:none}
.vjc-arc-card:hover{box-shadow:0 22px 44px -18px rgba(176,117,81,.28);transform:translateY(-6px);border-color:var(--clay-line)}
.vjc-arc-card::before{content:"";position:absolute;top:-1px;left:16px;right:16px;height:3px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--gold-line),var(--clay-line));
  transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.vjc-arc-card:hover::before{transform:scaleX(1)}
.vjc-arc-seal{display:inline-flex;flex-direction:column;align-items:center;line-height:1.25;margin-bottom:16px;
  background:var(--cream-lite);border-radius:8px;padding:8px 14px;align-self:flex-start}
.vjc-arc-seal b{font-family:var(--han);font-size:19px;color:var(--clay-deep)}
.vjc-arc-seal span{font-size:11px;letter-spacing:.15em;color:var(--soft)}
.vjc-arc-card-cat{font-size:12px;letter-spacing:.25em;color:var(--clay-deep);margin-bottom:8px}
.vjc-arc-card h3{font-family:var(--han);font-weight:700;font-size:19.5px;letter-spacing:.05em;
  line-height:1.55;color:var(--head);margin:0 0 10px;transition:color .3s}
.vjc-arc-card:hover h3{color:var(--clay-deep)}
.vjc-arc-card-ex{font-size:14px;color:var(--soft);flex:1;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vjc-arc-card-foot{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);
  display:flex;justify-content:space-between;align-items:center;font-size:12.5px;letter-spacing:.15em;color:var(--soft)}
.vjc-arc-card-foot .go{color:var(--clay-deep);display:inline-flex;align-items:center;gap:8px}
.vjc-arc-card-foot .go::after{content:"→";transition:transform .3s}
.vjc-arc-card:hover .vjc-arc-card-foot .go::after{transform:translateX(5px)}

/* ---------- 查無結果 ---------- */
.vjc-arc-empty{border:1px dashed var(--clay-line);border-radius:12px;background:var(--cream-lite);
  text-align:center;padding:70px 24px}
.vjc-arc-empty .zi{font-family:var(--han);font-size:22px;letter-spacing:.2em;color:var(--head);margin-bottom:10px}
.vjc-arc-empty p{color:var(--soft);font-size:14.5px;margin:0}

/* ---- PAGINATION (v5) — 對應 paginate_links 'plain' 輸出 ---- */
.vjc-arc-page .vjc-arc-pagi{display:flex;justify-content:center;gap:8px;margin-top:46px;flex-wrap:wrap}
.vjc-arc-page .vjc-arc-pagi a,
.vjc-arc-page .vjc-arc-pagi .current,
.vjc-arc-page .vjc-arc-pagi .dots{min-width:42px;height:42px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:8px;color:var(--soft);font-family:var(--sans);
  transition:.25s;padding:0 8px;text-decoration:none}
.vjc-arc-page .vjc-arc-pagi a:hover{border-color:var(--clay);color:var(--clay-deep)}
.vjc-arc-page .vjc-arc-pagi .current{background:var(--clay);color:#fff;border-color:var(--clay)}
.vjc-arc-page .vjc-arc-pagi .dots{border-color:transparent}

@media(prefers-reduced-motion:reduce){
  .vjc-arc-page *,.vjc-arc-page *::before,.vjc-arc-page *::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}
  .vjc-arc-card{opacity:1;transform:none}
  .vjc-arc-kind,.vjc-arc-title,.vjc-arc-desc{opacity:1}
  .vjc-arc-hero .rule{width:min(420px,64%)}
}