/* 簡約款・薄荷手寫：薄荷綠、手寫感的歪斜標題、虛線小插畫線條、圓形封面。 */
.s-mint { --bg: #f4fbf7; --bg2: #e3f4ec; --fg: #1f3a33; --muted: #5b7a71; --line: #c9e6d9; --accent: #2f9e7a; --on-accent: #fff; --card: #fff;
  --radius: 18px; --radius-btn: 999px; --shadow: 0 6px 18px rgba(47, 158, 122, .12);
  --font-head: "Arial Rounded MT Bold", "PingFang TC", var(--sans); --h1: clamp(2.2rem, 7vw, 4rem); }
.s-mint .top { border-bottom: 2px dashed var(--line); }
.s-mint .hero-circle .hero-img { border: 6px solid #fff; box-shadow: 0 0 0 3px var(--accent), var(--shadow); }
.s-mint .hero h1 { transform: rotate(-2deg); display: inline-block; }
.s-mint .hero h1::after { content: ""; display: block; height: 10px; margin-top: 6px;
  background: radial-gradient(circle at 6px 0, transparent 6px, var(--accent) 6.5px 8px, transparent 8.5px) 0 0 / 16px 10px repeat-x; opacity: .6; }
.s-mint .sec-h { text-align: center; }
.s-mint .sec-h span { display: inline-block; transform: rotate(-1.5deg); padding: 0 14px; background: linear-gradient(transparent 60%, #bfeedd 60%); }
.s-mint .sec:nth-of-type(even) { background: var(--bg2); }
.s-mint .card, .s-mint .person { border: 2px dashed var(--line); }
.s-mint .card .price { background: var(--accent); color: #fff; align-self: flex-start; padding: 2px 14px; border-radius: 999px; font-size: 1rem; }
.s-mint .pic { border-radius: 50% 50% 18px 18px; }
.s-mint .pic img { border-radius: 50% 50% 0 0; }
.s-mint .day i { border-radius: 999px; background: #fff; border-style: dashed; }
.s-mint .foot { background: var(--accent); color: #e9fff7; }
.s-mint .foot-name { color: #fff; }