/* 低階・活潑色塊：大塊鮮豔顏色、粗黑框、錯位陰影、超粗字。 */
.s-pop { --bg: #fffdf4; --bg2: #fff3c4; --fg: #111; --muted: #3c3c3c; --line: #111; --accent: #ff5a36; --on-accent: #fff; --card: #fff;
  --radius: 14px; --radius-btn: 12px; --shadow: 6px 6px 0 #111; --head-weight: 900; --h1: clamp(2.6rem, 8vw, 5rem); }
.s-pop .top { background: #fffdf4; border-bottom: 3px solid #111; }
.s-pop .brand b { font-weight: 900; }
.s-pop .btn { border: 3px solid #111; box-shadow: 4px 4px 0 #111; }
.s-pop .btn-2 { background: #fff; color: #111; }
.s-pop .btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #111; }
.s-pop .hero-block .hero-txt { background: #ffd23f; border-bottom: 3px solid #111; }
.s-pop .hero-block .hero-img { border-bottom: 3px solid #111; }
@media (min-width: 860px) { .s-pop .hero-block .hero-img { border-left: 3px solid #111; } }
.s-pop .hero-en { color: #111; font-weight: 700; }
.s-pop .hero-lede { color: #222; }
/* 每個區塊換一個顏色 */
.s-pop .sec { border-bottom: 3px solid #111; }
.s-pop .sec:nth-of-type(4n+1) { background: #3ec1d3; }
.s-pop .sec:nth-of-type(4n+2) { background: #fffdf4; }
.s-pop .sec:nth-of-type(4n+3) { background: #ff8fab; }
.s-pop .sec:nth-of-type(4n) { background: #ffd23f; }
.s-pop .sec-h span { background: #111; color: #fff; padding: 4px 16px; display: inline-block; transform: rotate(-2deg); }
.s-pop .card, .s-pop .person, .s-pop .pic { border: 3px solid #111; box-shadow: var(--shadow); }
.s-pop .card .price { color: #111; background: #ffd23f; align-self: flex-start; padding: 0 10px; border: 2px solid #111; border-radius: 8px; }
.s-pop .pic { background: #fff; }
.s-pop .pic figcaption { padding: 10px 14px; border-top: 3px solid #111; }
.s-pop .card p, .s-pop .person p, .s-pop .pic figcaption span { color: #333; }
.s-pop .day { border-color: #111; }
.s-pop .day i { background: #fff; border: 2px solid #111; }
.s-pop .notice { background: #111; }
.s-pop .foot { background: #111; color: #ddd; border: 0; }
.s-pop .foot-name { color: #ffd23f; }