
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&family=LXGW+WenKai+TC&display=swap');
.hl-tw21{--b:var(--wp--preset--font-size--body);--ink:#3b3428;--soft:#776b5a;--gold:#c49a3c;--gold2:#e8cf8f;--paper:#fbf7ee;--line:rgba(59,52,40,.16);--serif:'Noto Serif TC','PMingLiU','Songti TC',serif;--hand:'LXGW WenKai TC','Kaiti TC','BiauKai',serif}
.hl-tw21 p{font-size:var(--b);line-height:2.05;margin:0 0 1.5em;color:var(--ink)}
.hl-tw21 a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.3em}
.hl-tw21 .open{font-family:var(--serif);font-size:calc(var(--b) * 1.12);margin-bottom:1.1em}
.hl-tw21 .series{list-style:none;margin:8px 0 34px;padding:22px 26px;background:var(--paper);border-left:3px solid var(--gold)}
.hl-tw21 .series li{font-family:var(--serif);font-size:var(--b);line-height:2;margin:0}
.hl-tw21 .mk{background:linear-gradient(transparent 60%,var(--gold2) 60%)}
.hl-tw21 h3.sec{font-family:var(--serif);font-weight:700;color:var(--ink) !important;font-size:calc(var(--b) * 1.35);line-height:1.6;letter-spacing:.08em;margin:88px 0 40px;padding:0;border:0;text-align:center;color:var(--ink);text-wrap:balance}
.hl-tw21 h3.sec:after{content:"";display:block;width:2px;height:40px;margin:22px auto 0;background:linear-gradient(var(--gold),transparent)}
.hl-tw21 .turn p{margin-bottom:1.4em}
.hl-tw21 .who{font-family:var(--serif);font-weight:700;letter-spacing:.06em;margin-right:.2em}
.hl-tw21 .turn.q p{color:var(--soft);padding:16px 20px;background:#f6f3ee;border-radius:2px}
.hl-tw21 .turn.a .who{color:var(--gold)}
.hl-tw21 .spine{position:relative;padding-left:44px;margin-bottom:24px}
.hl-tw21 .spine:before{content:"";position:absolute;left:12px;top:150px;bottom:12px;width:6px;border-radius:3px;background:repeating-linear-gradient(180deg,var(--gold) 0 22px,transparent 22px 30px);opacity:.75}
.hl-tw21 .spine h3.sec{margin-left:-44px}
.hl-tw21 .gold{font-family:var(--serif);font-weight:700;color:#a87b1e;background:radial-gradient(ellipse at center,rgba(232,207,143,.75) 0,rgba(232,207,143,0) 72%);padding:0 .3em}
.hl-tw21 .answer{font-family:var(--hand);font-size:calc(var(--b) * 1.5);line-height:1.8;text-align:center;color:#8c6417;margin:28px 0 48px;letter-spacing:.06em;text-wrap:balance}
.hl-tw21 .report{position:relative;margin:64px 0 24px;padding:64px 32px 12px;background:#fffdf8;border:1px solid var(--line);border-top:4px solid var(--gold);box-shadow:4px 6px 0 rgba(59,52,40,.05)}
.hl-tw21 .report:after{content:"";position:absolute;top:12px;right:20px;width:40px;height:40px;border-radius:50%;border:2px solid rgba(196,154,60,.35);box-shadow:inset 0 0 0 6px rgba(232,207,143,.25)}
.hl-tw21 .report .tab{position:absolute;top:-4px;left:-1px;margin:0;padding:10px 20px;font-family:var(--serif);font-size:var(--b) !important;font-weight:700;letter-spacing:.06em;background:var(--ink);color:#fff !important;line-height:1.6}
.hl-tw21 .report p{margin-bottom:1.5em}
.hl-tw21 .layer{display:inline-block;margin:0 .15em;padding:0 .55em;border:1px solid var(--gold);border-radius:999px;line-height:1.7;font-family:var(--serif);background:#fff}
.hl-tw21 .time{font-family:var(--serif);font-size:calc(var(--b) * 1.1);text-align:center;margin:40px 0;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-wrap:balance}
.hl-tw21 .yr{white-space:nowrap;font-size:1.15em;font-weight:700;color:var(--soft)}
.hl-tw21 .yr.far{font-size:1.3em;color:var(--gold)}
.hl-tw21 .zero{font-family:var(--hand);font-size:calc(var(--b) * 1.2);line-height:2;padding-left:1.2em;border-left:2px solid var(--gold2);margin:40px 0}
.hl-tw21 .scale{font-family:var(--serif);font-size:calc(var(--b) * 1.1);text-align:center;margin:44px 0;line-height:2.4}
.hl-tw21 .opt{white-space:nowrap;padding:.2em .1em;border-bottom:2px solid var(--gold);font-weight:700}
.hl-tw21 .advice{font-family:var(--serif);font-weight:600;font-size:calc(var(--b) * 1.45);line-height:1.9;text-align:center;margin:80px 0 72px;letter-spacing:.06em;text-wrap:balance}
.hl-tw21 .advice:before{content:"";display:block;width:6px;height:56px;margin:0 auto 28px;border-radius:3px;background:repeating-linear-gradient(180deg,var(--gold) 0 10px,transparent 10px 14px)}
.hl-tw21 .next{color:var(--soft);font-size:calc(var(--b) * .95);text-align:right;padding-top:20px;border-top:1px dashed var(--line)}
@media(max-width:700px){.hl-tw21 .spine{padding-left:26px}.hl-tw21 .spine:before{left:4px;width:4px}.hl-tw21 .spine h3.sec{margin-left:-26px}.hl-tw21 .report{padding:58px 18px 20px}.hl-tw21 .answer{font-size:calc(var(--b) * 1.25)}.hl-tw21 .advice{font-size:calc(var(--b) * 1.2)}.hl-tw21 h3.sec{font-size:calc(var(--b) * 1.2)}.hl-tw21 .series{padding:18px 16px}}
