:root{--cream:#FBF7EE;--paper:#F4EEE0;--ink:#4A4038;--muted:#8A7D70;--rose:#A9737D;--rose-soft:#F3DDDD;--green:#62805C;--gold:#A68950}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper);color:var(--ink)}
body{font-family:"Chiron GoRound TC","Noto Sans TC","Noto Sans CJK TC",sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.nav{max-width:1080px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}
.mark{display:flex;flex-direction:column;line-height:1.15}
.mark b{font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-weight:700;color:var(--green);font-size:18px;letter-spacing:.08em}
.mark i{font-style:normal;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;color:var(--gold);font-size:11px;letter-spacing:.32em}
.back{font-size:14px;color:var(--muted);padding:6px 14px;border-radius:999px}
.back:hover{background:var(--cream)}

.doc{max-width:760px;margin:16px auto 0;background:var(--cream);border-radius:28px;padding:56px 56px 60px}
.kick{color:var(--gold);letter-spacing:.4em;font-size:12px}
h1{margin-top:6px;font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-weight:700;color:var(--green);font-size:34px;letter-spacing:.08em}
.date{margin-top:6px;font-size:14px;color:var(--muted)}
.intro{margin-top:28px;padding:20px 24px;background:#fff;border-radius:18px;font-size:15.5px}
section{margin-top:40px}
h2{font-family:"Noto Serif TC","Noto Serif CJK TC",serif;font-weight:700;color:var(--green);font-size:21px;letter-spacing:.04em;padding-bottom:10px;border-bottom:1px solid #E8DFD0}
h3{margin-top:18px;font-size:16px;font-weight:700}
p{margin-top:10px;font-size:15.5px;text-wrap:pretty}
ul,ol{margin-top:10px;padding-left:1.3em}
li{margin-top:8px;font-size:15.5px}
li::marker{color:var(--rose)}
strong{color:var(--rose);font-weight:700}
b{font-weight:700}
mark{background:var(--rose-soft);color:var(--rose);padding:0 4px;border-radius:4px}


@media (max-width:760px){
  .doc{margin:4px 14px 0;padding:36px 24px 40px;border-radius:22px}
  h1{font-size:28px}
  h2{font-size:19px}
}
.mail{color:var(--green);border-bottom:1px solid #CBD7C6}

.doc{margin-bottom:64px}
/* 頁尾 */
.site-foot{background:var(--paper);padding:64px 24px 28px;border-top:1px solid #E8DFD0}
.fin{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr auto;gap:48px;align-items:end}
.fbrand .wm{width:190px;height:auto;display:block}
.fbrand p{margin-top:14px;font-size:14.5px;color:var(--muted)}
.fcols{display:flex;gap:56px}
.fcols div{display:flex;flex-direction:column;gap:8px}
.fcols b{font-family:"Noto Serif TC","Noto Serif CJK TC",serif;color:var(--green);font-size:15px;letter-spacing:.08em;margin-bottom:4px}
.fcols a{font-size:14.5px;color:var(--ink);opacity:.8;transition:color .2s}
.fcols a:hover{color:var(--rose);opacity:1}
.fwave{position:relative;width:130px}
.fwave img{width:100%;height:auto;display:block}
.bub{position:absolute;top:30%;left:-88px;background:#fff;color:var(--rose);font-size:13px;padding:5px 12px;border-radius:14px;white-space:nowrap;box-shadow:0 3px 10px rgba(110,80,60,.08)}
.bub::after{content:"";position:absolute;right:-4px;top:50%;margin-top:-5px;width:10px;height:10px;background:#fff;transform:rotate(45deg)}
.copy{max-width:1080px;margin:40px auto 0;padding-top:20px;border-top:1px solid #E8DFD0;font-size:13px;color:var(--muted);text-align:center;letter-spacing:.04em}

@media (max-width:760px){
  .site-foot{padding:52px 22px 24px}
  .fin{grid-template-columns:1fr;gap:32px;justify-items:center;text-align:center}
  .fbrand .wm{margin:0 auto;width:170px}
  .fcols{gap:44px;text-align:left}
  .fwave{width:88px;margin-top:0}
  .bub{left:-84px}
}