/* V2.72 會長的話｜紫韻中式文化主題－主文背景延伸版
   僅作用於 president_message.asp，避免影響網站其他頁面。 */

.president-message-page{
  background:
    radial-gradient(circle at 12% 20%,rgba(105,49,152,.055),transparent 24%),
    radial-gradient(circle at 88% 72%,rgba(197,162,90,.07),transparent 25%),
    #fbf9fc;
}

/* ---------- 首屏：以使用者提供墨寶照片淡化為紫色背景 ---------- */
.pm-hero{
  position:relative;
  overflow:hidden;
  min-height:430px;
  color:#fff;
  background:linear-gradient(112deg,#26103e 0%,#421663 53%,#6b3591 100%);
  isolation:isolate;
}
.pm-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(38,16,62,.96) 0%,rgba(52,19,79,.84) 43%,rgba(74,34,103,.50) 72%,rgba(50,17,70,.68) 100%),
    url('../images/president_message_calligraphy.jpg') center 45%/cover no-repeat;
  filter:saturate(.68) contrast(.96);
  z-index:-3;
}
.pm-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 0 80%,rgba(38,16,62,.32) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px);
  z-index:-2;
  pointer-events:none;
}
.pm-hero-art{
  position:absolute;
  right:-145px;
  top:52px;
  width:430px;
  height:430px;
  border:1px solid rgba(218,187,120,.24);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(218,187,120,.035),0 0 0 74px rgba(255,255,255,.022);
  z-index:-1;
}
.pm-hero-art:before,.pm-hero-art:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.11);
}
.pm-hero-art:before{inset:68px}
.pm-hero-art:after{inset:125px}
.pm-hero-inner{position:relative;padding:40px 0 66px}
.pm-breadcrumb{display:flex;gap:9px;align-items:center;font-size:14px;color:rgba(255,255,255,.76)}
.pm-breadcrumb a{color:#fff;text-decoration:none;font-weight:700}
.pm-title-wrap{display:flex;align-items:center;gap:28px;max-width:760px;margin-top:64px}
.pm-seal{
  flex:0 0 92px;
  width:92px;height:92px;
  display:grid;place-content:center;gap:1px;
  border:3px double rgba(230,194,129,.92);
  color:#f5dbad;
  background:rgba(60,21,84,.45);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.06),0 10px 32px rgba(23,8,36,.22);
  transform:rotate(-2deg);
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti","Noto Serif TC",serif;
  font-size:23px;font-weight:700;line-height:1.05;text-align:center;letter-spacing:.12em;
}
.pm-seal span{display:block}
.pm-kicker{display:block;color:#dcc39a;font-weight:900;font-size:12px;letter-spacing:.24em}
.pm-title-copy h1{
  margin:8px 0 12px;
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti","Noto Serif TC","PMingLiU",serif;
  font-size:clamp(45px,6.4vw,76px);
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.1;
  text-shadow:0 4px 20px rgba(20,5,31,.24);
}
.pm-title-copy p{max-width:650px;margin:0;color:rgba(255,255,255,.88);font-size:18px;line-height:1.9;letter-spacing:.035em}
.pm-motto{display:flex;align-items:center;gap:11px;margin-top:24px;color:#eed9b5;font-family:"Noto Serif TC","PMingLiU",serif;font-size:14px;letter-spacing:.18em}
.pm-motto i{width:26px;height:1px;background:linear-gradient(90deg,transparent,#d6b77e,transparent)}

/* ---------- 內容區 ---------- */
.pm-body-section{padding:58px 0 18px;position:relative}
.pm-section-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;text-align:center;margin-bottom:30px}
.pm-section-heading>div:nth-child(2)>span{display:block;color:#8a6a9b;font-size:12px;font-weight:900;letter-spacing:.18em}
.pm-section-heading h2{
  margin:5px 0 6px;
  color:#3f195f;
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti","Noto Serif TC","PMingLiU",serif;
  font-size:34px;
  letter-spacing:.12em;
}
.pm-section-heading p{margin:0;color:#756d7c;font-size:14px;line-height:1.7}
.pm-cloud-line{height:22px;position:relative;opacity:.62}
.pm-cloud-line:before,.pm-cloud-line:after,.pm-cloud-line span:before,.pm-cloud-line span:after{
  content:"";position:absolute;top:10px;height:1px;background:#b99bc8;
}
.pm-cloud-line:before{left:0;right:60px}
.pm-cloud-line:after{right:18px;width:30px}
.pm-cloud-line span:before{right:47px;top:4px;width:14px;height:14px;border:1px solid #b99bc8;border-left:0;border-bottom:0;border-radius:0 12px 0 0;background:transparent;transform:rotate(45deg)}
.pm-cloud-line span:after{right:0;top:4px;width:14px;height:14px;border:1px solid #b99bc8;border-left:0;border-bottom:0;border-radius:0 12px 0 0;background:transparent;transform:rotate(45deg)}
.pm-cloud-line.reverse{transform:scaleX(-1)}

.pm-message-stage{
  position:relative;
  max-width:1040px;
  margin:0 auto;
  padding:16px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(96,43,128,.18);
  /* 將首屏墨寶延伸到主文：以高透明紫白宣紙層壓住照片，保留書法氣韻但不搶正文 */
  background:
    linear-gradient(135deg,rgba(251,247,253,.89) 0%,rgba(255,252,245,.91) 48%,rgba(246,238,250,.90) 100%),
    url('../images/president_message_calligraphy.jpg') center 46%/cover no-repeat;
  box-shadow:0 22px 60px rgba(55,24,73,.11);
}
.pm-message-stage:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 16%,rgba(98,48,139,.10),transparent 26%),
    radial-gradient(circle at 85% 82%,rgba(193,152,74,.10),transparent 30%),
    linear-gradient(90deg,rgba(255,255,255,.26),transparent 16% 84%,rgba(255,255,255,.22));
}
.pm-message-stage:before{
  content:"";position:absolute;inset:7px;border:1px solid rgba(197,162,90,.32);pointer-events:none
}
.pm-paper-corner{position:absolute;width:58px;height:58px;z-index:3;pointer-events:none}
.pm-paper-corner:before,.pm-paper-corner:after{content:"";position:absolute;background:#74419a}
.pm-paper-corner:before{width:40px;height:2px}.pm-paper-corner:after{width:2px;height:40px}
.pm-paper-corner-tl{left:1px;top:1px}.pm-paper-corner-tl:before{left:0;top:0}.pm-paper-corner-tl:after{left:0;top:0}
.pm-paper-corner-br{right:1px;bottom:1px;transform:rotate(180deg)}.pm-paper-corner-br:before{left:0;top:0}.pm-paper-corner-br:after{left:0;top:0}
.pm-message-content{position:relative;z-index:1}

/* ---------- 覆寫原會長致詞卡：中式宣紙／卷軸感 ---------- */
.president-message-page .chair-message-card{
  position:relative;
  border:0;
  border-radius:0;
  /* 主文改成半透明宣紙，讓後方淡化墨寶自然透出 */
  background:linear-gradient(180deg,rgba(255,253,247,.82),rgba(252,248,239,.86));
  box-shadow:inset 0 0 46px rgba(86,44,106,.035);
  isolation:isolate;
}
.president-message-page .chair-message-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 9% 15%,rgba(105,49,152,.075),transparent 29%),
    radial-gradient(circle at 93% 86%,rgba(173,133,70,.09),transparent 31%);
}
.president-message-page .chair-message-card:after{
  content:"";
  position:absolute;
  left:28px;right:28px;top:22px;bottom:22px;
  width:auto;height:auto;border-radius:0;
  border-left:3px double rgba(105,49,152,.28);
  border-right:3px double rgba(105,49,152,.28);
  box-shadow:none;
  z-index:-1;
}
.president-message-page .chair-message-deco.deco-a{
  width:94px;height:94px;right:7%;top:34px;border-radius:50%;
  background:transparent;border:1px solid rgba(197,162,90,.23);
  box-shadow:0 0 0 13px rgba(197,162,90,.035),0 0 0 28px rgba(105,49,152,.025)
}
.president-message-page .chair-message-deco.deco-b{display:none}
.president-message-page .chair-message-inner{max-width:870px;padding:58px 66px 54px}
.president-message-page .chair-message-kicker{
  color:#8c6ca0;letter-spacing:.24em;text-align:center;margin-bottom:9px
}
.president-message-page .chair-message-card h3{
  text-align:center;
  color:#3e185e;
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti","Noto Serif TC","PMingLiU",serif;
  font-size:clamp(31px,4.1vw,47px);
  letter-spacing:.12em;
  line-height:1.4;
}
.president-message-page .chair-message-year{
  display:table;margin:14px auto 0;padding:5px 16px;
  border:1px solid rgba(105,49,152,.20);border-radius:0;
  background:rgba(105,49,152,.05);color:#63328a;
  font-family:"Noto Serif TC","PMingLiU",serif;letter-spacing:.08em
}
.president-message-page .chair-message-card blockquote{
  margin:32px 0 30px;padding:18px 26px;
  border:0;border-top:1px solid rgba(197,162,90,.46);border-bottom:1px solid rgba(197,162,90,.46);
  border-radius:0;background:rgba(255,255,255,.42);
  color:#57435e;text-align:center;
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti","Noto Serif TC","PMingLiU",serif;
  font-size:20px;line-height:1.9;letter-spacing:.055em
}
.president-message-page .chair-message-body{
  position:relative;
  color:#403544;
  font-family:"Noto Serif TC","PMingLiU","Microsoft JhengHei",serif;
  font-size:18px;line-height:2.15;letter-spacing:.055em;
  text-align:justify;
  padding:22px 24px;
  background:rgba(255,255,255,.42);
  border-left:1px solid rgba(105,49,152,.10);
  border-right:1px solid rgba(197,162,90,.14);
}
.president-message-page .chair-message-body:first-letter{font-size:1.36em;color:#5f2d83;font-weight:800}
.president-message-page .chair-message-signature{
  margin-top:42px;padding-top:22px;border-top:1px solid rgba(105,49,152,.15);
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti","Noto Serif TC","PMingLiU",serif
}
.president-message-page .chair-message-signature:before{
  content:"敬啟";display:block;margin-bottom:7px;color:#aa854a;font-size:13px;letter-spacing:.2em
}
.president-message-page .chair-message-signature span{color:#77677f;letter-spacing:.06em}
.president-message-page .chair-message-signature strong{color:#4b1f73;font-size:27px;letter-spacing:.12em}
.president-message-page .chair-message-signature small{color:#8e8293}
.president-message-page .chair-message-empty{border-radius:0;background:#fffdf7}

.pm-footnote{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 4px;color:#7a6486}
.pm-footnote-mark{
  display:grid;place-items:center;width:28px;height:28px;border:1px solid #9b6a74;color:#894b5b;
  font-family:"DFKai-SB","BiauKai","KaiTi",serif;font-size:15px;transform:rotate(-2deg)
}
.pm-footnote p{margin:0;font-family:"Noto Serif TC","PMingLiU",serif;font-size:13px;letter-spacing:.16em}

@media(max-width:800px){
  .pm-hero{min-height:390px}
  .pm-hero-inner{padding:30px 0 48px}
  .pm-title-wrap{margin-top:48px;gap:18px}
  .pm-seal{width:72px;height:72px;flex-basis:72px;font-size:18px}
  .pm-title-copy p{font-size:16px}
  .pm-section-heading{grid-template-columns:48px 1fr 48px;gap:10px}
  .pm-cloud-line:before{right:0}.pm-cloud-line:after,.pm-cloud-line span{display:none}
  .president-message-page .chair-message-inner{padding:46px 42px 42px}
}
@media(max-width:560px){
  .pm-hero:before{background-position:58% 45%}
  .pm-title-wrap{align-items:flex-start}
  .pm-seal{width:60px;height:60px;flex-basis:60px;font-size:15px;border-width:2px}
  .pm-title-copy h1{font-size:40px;letter-spacing:.10em}
  .pm-motto{gap:7px;font-size:12px}.pm-motto i{width:14px}
  .pm-body-section{padding-top:40px}
  .pm-section-heading{grid-template-columns:28px 1fr 28px}
  .pm-section-heading h2{font-size:29px}
  .pm-section-heading p{font-size:13px}
  .pm-message-stage{padding:10px}
  .pm-message-stage:before{inset:4px}
  .president-message-page .chair-message-card:after{left:14px;right:14px;top:15px;bottom:15px}
  .president-message-page .chair-message-inner{padding:38px 25px 34px}
  .president-message-page .chair-message-card blockquote{font-size:17px;padding:14px 12px}
  .president-message-page .chair-message-body{font-size:16px;line-height:2.0;letter-spacing:.035em;text-align:left;padding:16px 14px}
  .president-message-page .chair-message-signature strong{font-size:24px}
  .pm-footnote p{letter-spacing:.08em;font-size:12px}
}

/* ---------- V2.73 主文章卡紙毛筆題句裝飾 ---------- */
.pm-calligraphy-card{
  position:relative;
  z-index:2;
  width:min(760px,calc(100% - 64px));
  min-height:286px;
  margin:18px auto 34px;
  padding:28px 34px 26px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(112deg,rgba(255,249,228,.92),rgba(231,215,177,.90) 52%,rgba(246,237,212,.94)),
    url('../images/president_message_calligraphy.jpg') center 54%/cover no-repeat;
  border:1px solid rgba(91,47,116,.28);
  box-shadow:
    0 14px 34px rgba(54,25,70,.14),
    inset 0 0 0 6px rgba(255,255,255,.18),
    inset 0 0 38px rgba(91,47,116,.055);
  transform:rotate(-.28deg);
}
.pm-calligraphy-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(7deg,rgba(87,64,41,.018) 0 1px,transparent 1px 8px),
    repeating-linear-gradient(96deg,rgba(255,255,255,.022) 0 1px,transparent 1px 11px),
    radial-gradient(circle at 14% 20%,rgba(102,53,137,.08),transparent 29%),
    radial-gradient(circle at 86% 84%,rgba(164,120,47,.09),transparent 31%);
  mix-blend-mode:multiply;
}
.pm-calligraphy-card:after{
  content:"";
  position:absolute;
  inset:9px;
  pointer-events:none;
  border:1px solid rgba(132,91,47,.20);
}
.pm-calligraphy-lines{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:row-reverse;
  align-items:flex-start;
  justify-content:center;
  gap:28px;
  padding:6px 88px 0 88px;
  color:#211b1f;
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti","Noto Serif TC","PMingLiU",serif;
  font-size:clamp(27px,3.5vw,43px);
  font-weight:700;
  line-height:1;
  text-shadow:0 .5px 0 rgba(20,10,15,.16);
}
.pm-calligraphy-lines span{
  writing-mode:vertical-rl;
  text-orientation:upright;
  letter-spacing:.13em;
  white-space:nowrap;
  transform:rotate(.35deg);
}
.pm-calligraphy-lines span:nth-child(2){transform:translateY(12px) rotate(-.45deg)}
.pm-calligraphy-lines span:nth-child(3){transform:translateY(2px) rotate(.22deg)}
.pm-calligraphy-lines span:nth-child(4){transform:translateY(16px) rotate(-.28deg)}
.pm-idle-seal{
  position:absolute;
  right:28px;
  top:22px;
  z-index:3;
  width:58px;
  height:58px;
  display:grid;
  place-content:center;
  gap:1px;
  border:2px solid rgba(132,42,55,.86);
  box-shadow:inset 0 0 0 2px rgba(132,42,55,.14);
  color:#8f2b3b;
  background:rgba(255,247,230,.32);
  font-family:"DFKai-SB","BiauKai","KaiTi","STKaiti",serif;
  font-size:16px;
  font-weight:700;
  line-height:1.06;
  letter-spacing:.04em;
  text-align:center;
  transform:rotate(2.2deg);
}
.pm-idle-seal span{display:block}
.pm-calligraphy-source{
  position:absolute;
  left:27px;
  bottom:23px;
  z-index:3;
  color:#5e4d5f;
  font-family:"Noto Serif TC","PMingLiU",serif;
  font-size:12px;
  line-height:1.55;
  letter-spacing:.08em;
  text-align:left;
}
.pm-calligraphy-source strong{display:block;color:#4d285f;font-weight:900}
.pm-calligraphy-source span{color:#8b6d74}

@media(max-width:800px){
  .pm-calligraphy-card{width:min(680px,calc(100% - 34px));min-height:270px;padding:25px 20px 24px}
  .pm-calligraphy-lines{gap:22px;padding-left:70px;padding-right:70px}
  .pm-idle-seal{right:20px;top:18px;width:52px;height:52px;font-size:14px}
  .pm-calligraphy-source{left:20px;bottom:18px}
}
@media(max-width:560px){
  .pm-calligraphy-card{width:calc(100% - 16px);min-height:330px;margin:10px auto 25px;padding:20px 10px}
  .pm-calligraphy-lines{gap:14px;padding:30px 56px 28px 52px;font-size:clamp(23px,7vw,31px)}
  .pm-idle-seal{right:13px;top:13px;width:46px;height:46px;font-size:12px;border-width:1.5px}
  .pm-calligraphy-source{left:14px;bottom:13px;font-size:10px;letter-spacing:.04em}
}