:root{--p:#4a2a5c;--g:#b6924f;--c:#fffcf7;--c2:#f4ecdf;--t:#2b2630}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#e9e2d3;font:16px/1.9 "Noto Sans TC",sans-serif;color:var(--t);display:flex;justify-content:center}
.page{width:1000px;max-width:100%;background:var(--c)}
img{display:block;width:100%;height:auto}
section{padding:56px 64px}
h1,h2,h3{font-family:"Noto Serif TC",serif;color:var(--p);line-height:1.5}
h1{font-size:38px}h2{font-size:28px;margin-bottom:14px}h3{font-size:18px}
.eye{color:var(--g);letter-spacing:.3em;font-size:13px;margin-bottom:10px}
.alt{background:var(--c2)}.dark{background:var(--p);color:#efe6f3}.dark h2{color:#fff}.dark .eye{color:#e2c98f}
.btn{display:inline-block;background:var(--g);color:#fff;padding:14px 32px;border-radius:3px;text-decoration:none;font-weight:500;margin:6px 10px 6px 0}
.btn.o{background:none;border:1px solid var(--g);color:var(--p)}
.dark .btn.o{color:#fff}
.hero{padding:0}.hero .tx{padding:44px 64px 40px}.hero p{margin:10px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.card{border:1px solid #d9c9a3;background:var(--c);padding:20px 22px}
.card p{font-size:14.5px}
.dark .card{background:rgba(255,255,255,.07);border-color:rgba(226,201,143,.4)}
.dark .card h3{color:#fff}
.step{display:flex;gap:16px;margin-top:14px}.step b{font:700 28px "Noto Serif TC";color:var(--g);width:40px}
.two{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.two img{aspect-ratio:3/4;object-fit:cover}
.who{font-size:13px;color:var(--g);margin-top:10px}
details{border-bottom:1px solid #d9c9a3;padding:12px 0}summary{cursor:pointer;font-weight:500;color:var(--p)}
details p{margin-top:8px;font-size:15px}
.price{font:700 40px "Noto Serif TC";color:#fff}
.note{font-size:13px;opacity:.85;margin-top:14px}
footer{text-align:center;padding:30px 20px;font-size:13px;color:#6b6272}
.bar{display:none}
@media(max-width:700px){section{padding:40px 22px}.hero .tx{padding:30px 22px}h1{font-size:28px}h2{font-size:23px}.grid,.two{grid-template-columns:1fr}.two img{max-width:240px}
.btn{display:block;text-align:center;margin:10px 0}.bar{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--g);color:#fff;text-align:center;padding:14px;text-decoration:none;font-weight:500;z-index:9}body{padding-bottom:50px}}

.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 18px;padding:12px 28px;background:var(--c);border-bottom:1px solid #d9c9a3}
.nav b{font:700 17px "Noto Serif TC",serif;color:var(--p);letter-spacing:.2em;text-decoration:none}
.nav div{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.nav a{color:var(--p);text-decoration:none}
.nav a.on{border-bottom:2px solid var(--g)}
.top{padding:48px 64px}.top h1{margin-bottom:14px}
.stage{border-left:3px solid var(--g);padding:4px 0 4px 18px;margin-top:20px}
@media(max-width:700px){.top{padding:34px 22px}.nav{padding:10px 18px}}