*{box-sizing:border-box}body{margin:0;background:#100e0c;color:#f4eade;font:16px/1.8 system-ui,sans-serif}a{color:#e7ca8c;text-underline-offset:5px}a:focus-visible{outline:2px solid #fff;outline-offset:5px}.wrap{width:min(1120px,90%);margin:auto}header{border-bottom:1px solid #a98b5747;background:#14110e}header .wrap,footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 0}nav{display:flex;gap:20px;flex-wrap:wrap}.brand{font-weight:750;letter-spacing:.16em;text-decoration:none}.hero{background:linear-gradient(90deg,#100e0c 5%,#100e0ce6 39%,#100e0c26 90%),none center 29%/cover;min-height:490px;display:grid;align-items:center;border-bottom:1px solid #a98b5747}.kicker{color:#dfbd77;letter-spacing:.22em;font-size:.79rem;font-weight:700}h1,h2,h3{line-height:1.27;margin:.45em 0;font-family:Georgia,'Noto Serif TC','PMingLiU',serif}h1{font-size:clamp(2.7rem,7vw,5.4rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:1.55rem}p{color:#cbbfb0}.btn{display:inline-block;background:#dfbd77;color:#20170b;text-decoration:none;font-weight:750;padding:10px 18px;margin-top:10px}.section{padding:55px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.callout{padding:25px;border:1px solid #a98b5755;background:#191510}.card p{min-height:4.4em}.story{max-width:750px;margin:auto;padding:65px 0}.story h1{font-size:clamp(2rem,5vw,3.55rem)}.story li{margin:20px 0;color:#e4d9cc}.callout{margin:32px 0}.callout p{margin:.4em 0}footer{border-top:1px solid #a98b5747;color:#cbbfb0;font-size:.9rem}@media(max-width:700px){.grid{grid-template-columns:1fr}.card p{min-height:0}.hero{background-position:62% center;min-height:430px}.hero p{max-width:20em}.section,.story{padding:35px 0}}

.card{border-top:3px solid #dfbd77}.hero .wrap{padding:46px 0}.story ol{padding-left:1.4em}
:root{color-scheme:light;--ink:#332342;--plum:#633e79;--muted:#65536d;--line:#d9c8e0;--paper:#fff9f0}
body{background:var(--paper);color:var(--ink)}header,footer{background:#f1e8f4;border-color:var(--line);color:var(--muted)}a{color:#603777}a:focus-visible{outline-color:var(--plum)}p,.story li{color:var(--muted)}.brand{letter-spacing:.12em}
.hero{background:linear-gradient(120deg,#fcf2f6,#e6d7f2 68%,#cab3e1);position:relative;isolation:isolate;overflow:hidden;border-color:var(--line)}.hero:before{content:'';position:absolute;z-index:-1;width:clamp(160px,30vw,420px);aspect-ratio:1;border-radius:50%;right:12%;top:50%;transform:translateY(-50%);background:radial-gradient(circle at 36% 27%,#fffaed 8%,#f0d9e5 47%,#ae8aca 100%);box-shadow:0 0 0 18px #fff7,0 0 0 45px #fff3,0 0 90px #a484c66b}.hero:after{content:'✦　✧　✦';position:absolute;right:8%;top:13%;color:#72508a;letter-spacing:.4em;z-index:-1}.hero .wrap{padding-right:36%}.kicker{color:#70478a}.btn{background:#623f78;color:white;border-radius:999px;padding:11px 21px}.btn:hover{background:#4c2f60}
.card,.callout{background:#fffdf8;border:1px solid var(--line);border-radius:24px}.card{box-shadow:0 9px 26px #6842770a}.card:nth-child(2){background:#f6effa}.card:nth-child(3){background:#fbf0f3}.callout{background:#efe4f4}.story h1{color:var(--ink)}
@media(max-width:700px){.hero .wrap{padding-right:0}.hero:before{right:-75px;top:16%;opacity:.47}.hero:after{right:2%;top:8%;opacity:.45}.hero{min-height:385px}}