/* PIGGY CHEF v48 樣張：真正的 1950s 美式復古漫畫（四色：正紅、芥末黃、深藍、黑墨線；粉紅只留給 PIGGY 本體） */
@import url('/c50/fonts/bangers.css');
@import url('/c50/fonts/noto-sans-tc-900.css');

:root{
  --c-red:#C13C2C;--c-yellow:#D9AA3B;--c-navy:#2C3E62;--c-ink:#1E1A16;--c-paper:#EEDFBD;--c-white:#F7EEDA;
  --c-line:3.5px;--c-shadow:6px 6px 0 var(--c-ink);
  --c-dots:radial-gradient(circle,rgba(30,26,22,.16) 0 1.1px,transparent 1.5px);
  --c-dots-w:radial-gradient(circle,rgba(255,253,246,.35) 0 1.25px,transparent 1.6px);
  --c-display:'Bangers','Noto Sans TC Comic',Impact,sans-serif;
  --c-heavy:'Noto Sans TC Comic','PingFang TC','Microsoft JhengHei',sans-serif;
  /* 紙：纖維、噪點更明顯，不用斑塊（避免壁癌感） */
  --np-base:#EADBB6;--np-halftone:.06;--np-grain:.2;--np-fibers:.42;--np-mottle:0;--np-edge:rgba(96,62,18,.32);
}
@media (max-width:700px){:root{--c-line:2.75px;--c-shadow:4px 4px 0 var(--c-ink)}}

body.c50{color:var(--c-ink)}
.c50 .paper-material{box-shadow:inset 0 0 0 10px rgba(120,84,30,.08),inset 0 0 190px var(--np-edge)!important}

/* ---------- 標題：粗黑大字＋白描邊＋紅藍套色錯版 ---------- */
.c50 h2,.c50 .section-heading h2,.c50 .ui-comic-masthead h2,.c50 .comic-interlude h2,.c50 .souvenir-intro h2{
  font-family:var(--c-heavy)!important;font-weight:900!important;color:var(--c-ink)!important;letter-spacing:.02em;
  text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,5px 4px 0 var(--c-red),-3px -2px 0 var(--c-navy)!important}
.c50 .overline{font-family:var(--c-display)!important;font-size:18px!important;letter-spacing:.08em;color:var(--c-white)!important;
  background:var(--c-dots-w) 0 0/8px 8px,var(--c-navy);border:var(--c-line) solid var(--c-ink);padding:2px 12px 0;display:inline-flex;gap:8px;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--c-ink)}
.c50 .overline .number{color:var(--c-yellow)!important;background:none!important;border:0!important}
.c50 .ornament,.c50 .prep-doodle{display:none!important}

/* ---------- 卡片、圖框：3–4px 粗黑線、直角、硬陰影 ---------- */
.c50 :is(.feature,.hanging-product,.guide,.article-link,.ui-comic-panel,.faq details,.carnival-ticket,.comic-cover-card img,.guide-art,.souvenir-art){
  border:var(--c-line) solid var(--c-ink)!important;border-radius:3px!important;box-shadow:var(--c-shadow)!important}
.c50 :is(.feature,.hanging-product,.guide,.article-link,.faq details){background:var(--c-white)!important}
.c50 .hanging-product .souvenir-art{border:0!important;box-shadow:none!important}
.c50 .hanging-products:before{background:var(--c-red)!important;border:2px solid var(--c-ink)!important;box-shadow:none!important}
.c50 .hanging-product:after{background:var(--c-yellow)!important}

/* ---------- 按鈕：黃底、粗黑框、實色偏移硬陰影，按下會壓進去 ---------- */
.c50 .btn,.c50 a.btn{font-family:var(--c-heavy)!important;font-weight:900!important;background:var(--c-yellow)!important;color:var(--c-ink)!important;
  border:var(--c-line) solid var(--c-ink)!important;border-radius:3px!important;box-shadow:5px 5px 0 var(--c-ink)!important;outline:0!important;
  transition:transform .12s,box-shadow .12s!important;text-shadow:none!important}
.c50 .btn:before,.c50 .btn:after{display:none!important}
.c50 .btn:hover{transform:translate(-2px,-2px)!important;box-shadow:7px 7px 0 var(--c-ink)!important}
.c50 .btn:active{transform:translate(5px,5px)!important;box-shadow:0 0 0 var(--c-ink)!important}
.c50 .btn.outline{background:var(--c-white)!important}
.c50 .nav-link{border:2.5px solid var(--c-ink)!important;border-radius:3px!important;background:var(--c-white)!important;box-shadow:3px 3px 0 var(--c-ink)!important;font-weight:900}

/* ---------- 頁首、跑馬燈 ---------- */
.c50 .logo b{font-family:var(--c-display)!important;font-size:30px!important;letter-spacing:.04em;color:var(--c-ink)!important;text-shadow:2px 2px 0 var(--c-red)}
.c50 .motion-bar{background:var(--c-ink)!important;border-block:4px solid var(--c-ink)!important}
.c50 .marquee-track span{font-family:var(--c-display)!important;color:var(--c-yellow)!important;font-size:24px!important;letter-spacing:.1em}
.c50 .motion-toggle{background:var(--c-yellow)!important;color:var(--c-ink)!important;border:2.5px solid var(--c-white)!important;border-radius:3px!important}
.c50 .top-ribbon,.c50 .ribbon{background:var(--c-red)!important}

/* ---------- 首屏：PIGGY 放大為主視覺 ---------- */
.c50-hero{padding:22px 0 10px}
.c50-hero-panel{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;border:4px solid var(--c-ink);box-shadow:10px 10px 0 var(--c-ink);
  background:var(--c-dots) 0 0/9px 9px,var(--c-yellow);overflow:hidden}
.c50-hero-copy{position:relative;z-index:2;padding:46px 0 40px 48px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.c50-kicker{display:inline-block;align-self:flex-start;margin:0;padding:4px 12px 2px;font:400 20px/1.1 var(--c-display);letter-spacing:.08em;color:var(--c-white);
  background:var(--c-red);border:3px solid var(--c-ink);transform:rotate(-2.5deg);box-shadow:3px 3px 0 var(--c-ink)}
.c50-hero-title{margin:0;font:400 clamp(58px,7.4vw,104px)/.9 var(--c-display);letter-spacing:.02em;color:var(--c-white);
  -webkit-text-stroke:3px var(--c-ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--c-ink),3px 3px 0 var(--c-navy)}
.c50-hero-title span{display:block}
.c50-hero-title .c50-red{color:var(--c-red)}
.c50-hero-zh{margin:0;font:900 clamp(20px,2.2vw,27px)/1.3 var(--c-heavy);color:var(--c-ink);background:var(--c-white);border:3px solid var(--c-ink);
  padding:6px 14px;align-self:flex-start;box-shadow:4px 4px 0 var(--c-ink)}
.c50-hero .actions{display:flex;flex-wrap:wrap;gap:16px}
.c50-hero .fine{margin:0;font-size:13px;font-weight:700;max-width:520px}
.c50-hero-art{position:relative;min-height:560px}
.c50-rays{position:absolute;left:50%;top:48%;width:980px;height:980px;margin:-490px 0 0 -490px;border-radius:50%;
  background:repeating-conic-gradient(var(--c-red) 0 9deg,transparent 9deg 18deg);opacity:.9}
.c50-sun{position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;border:4px solid var(--c-ink);
  background:var(--c-dots-w) 0 0/9px 9px,var(--c-navy)}
.c50-pig{position:absolute;z-index:2;left:50%;bottom:26px;height:min(560px,92%);width:auto;transform:translateX(-50%);
  filter:drop-shadow(4px 0 0 var(--c-ink)) drop-shadow(-3px 0 0 var(--c-ink)) drop-shadow(0 3px 0 var(--c-ink)) drop-shadow(10px 8px 0 rgba(17,17,17,.35))}
.c50-pig-shadow{position:absolute;z-index:1;left:50%;bottom:14px;width:230px;height:34px;margin-left:-115px;border-radius:50%;background:var(--c-dots) 0 0/6px 6px;opacity:.9}
.c50-bubble{position:absolute;z-index:3;right:18px;top:34px;margin:0;padding:14px 18px 12px;max-width:230px;text-align:center;
  font:400 30px/1 var(--c-display);letter-spacing:.03em;color:var(--c-ink);background:var(--c-white);border:4px solid var(--c-ink);border-radius:50%/44%;box-shadow:5px 5px 0 var(--c-ink)}
.c50-bubble small{display:block;margin-top:6px;font:900 16px/1.2 var(--c-heavy)}
.c50-bubble:after{content:"";position:absolute;left:30px;bottom:-26px;width:34px;height:34px;background:var(--c-white);border-right:4px solid var(--c-ink);border-bottom:4px solid var(--c-ink);transform:skew(-30deg,22deg);clip-path:polygon(0 0,100% 0,100% 100%)}

/* ---------- 星形爆裂價格框：紅底黃字 ---------- */
.c50-burst{position:relative;display:grid;place-items:center;width:200px;aspect-ratio:1;text-align:center;color:var(--c-yellow);z-index:3}
.c50-burst:before,.c50-burst:after{content:"";position:absolute;clip-path:polygon(50.0% 0.0%,58.0% 14.9%,71.7% 5.0%,72.4% 21.9%,89.1% 18.8%,82.4% 34.4%,98.7% 38.9%,86.0% 50.0%,98.7% 61.1%,82.4% 65.6%,89.1% 81.2%,72.4% 78.1%,71.7% 95.0%,58.0% 85.1%,50.0% 100.0%,42.0% 85.1%,28.3% 95.0%,27.6% 78.1%,10.9% 81.2%,17.6% 65.6%,1.3% 61.1%,14.0% 50.0%,1.3% 38.9%,17.6% 34.4%,10.9% 18.8%,27.6% 21.9%,28.3% 5.0%,42.0% 14.9%)}
.c50-burst:before{inset:-6px;background:var(--c-ink)}
.c50-burst:after{inset:0;background:var(--c-dots) 0 0/7px 7px,var(--c-red)}
.c50-burst>*{position:relative;z-index:1;display:block;line-height:1}
.c50-burst small{font:900 17px var(--c-heavy);color:var(--c-white);-webkit-text-stroke:0}
.c50-burst b{font:400 50px/0.95 var(--c-display);color:var(--c-yellow);-webkit-text-stroke:2px var(--c-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--c-ink)}
.c50-burst del{font:900 14px var(--c-heavy);color:var(--c-white);margin-top:4px}
.c50-burst-hero{position:absolute;left:4px;bottom:34px;transform:rotate(-10deg)}

/* ---------- 鋸齒邊圓形徽章 ---------- */
.c50-badge{position:absolute;z-index:4;display:grid;place-items:center;width:108px;aspect-ratio:1;text-align:center;font:900 15px/1.15 var(--c-heavy);color:var(--c-ink)}
.c50-badge:before,.c50-badge:after{content:"";position:absolute;z-index:-1;clip-path:polygon(50.0% 0.0%,55.7% 6.4%,62.9% 1.7%,66.8% 9.3%,75.0% 6.7%,76.8% 15.1%,85.4% 14.6%,84.9% 23.2%,93.3% 25.0%,90.7% 33.2%,98.3% 37.1%,93.6% 44.3%,100.0% 50.0%,93.6% 55.7%,98.3% 62.9%,90.7% 66.8%,93.3% 75.0%,84.9% 76.8%,85.4% 85.4%,76.8% 84.9%,75.0% 93.3%,66.8% 90.7%,62.9% 98.3%,55.7% 93.6%,50.0% 100.0%,44.3% 93.6%,37.1% 98.3%,33.2% 90.7%,25.0% 93.3%,23.2% 84.9%,14.6% 85.4%,15.1% 76.8%,6.7% 75.0%,9.3% 66.8%,1.7% 62.9%,6.4% 55.7%,0.0% 50.0%,6.4% 44.3%,1.7% 37.1%,9.3% 33.2%,6.7% 25.0%,15.1% 23.2%,14.6% 14.6%,23.2% 15.1%,25.0% 6.7%,33.2% 9.3%,37.1% 1.7%,44.3% 6.4%)}
.c50-badge:before{inset:-4px;background:var(--c-ink)}
.c50-badge:after{inset:0;background:var(--c-white)}
.c50-badge.is-yellow:after{background:var(--c-yellow)}
.c50-badge.is-navy{color:var(--c-white)}
.c50-badge.is-navy:after{background:var(--c-dots-w) 0 0/7px 7px,var(--c-navy)}
.c50-hero .c50-badge{right:30px;bottom:30px;transform:rotate(12deg)}

/* ---------- 擬聲大字分隔 ---------- */
.c50-sfx-row{position:relative;display:flex;justify-content:center;margin:36px auto 6px;pointer-events:none}
.c50-sfx{position:relative;display:inline-grid;place-items:center;padding:28px 54px;font:400 clamp(54px,8vw,96px)/1 var(--c-display);letter-spacing:.04em;
  color:var(--c-red);-webkit-text-stroke:3px var(--c-ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--c-ink);transform:rotate(-6deg)}
.c50-sfx:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c-dots) 0 0/8px 8px,var(--c-yellow);
  clip-path:polygon(50% 0,58% 18%,75% 3%,74% 24%,96% 14%,85% 36%,100% 50%,85% 63%,96% 86%,74% 76%,75% 97%,58% 82%,50% 100%,42% 82%,25% 97%,26% 76%,4% 86%,15% 63%,0 50%,15% 36%,4% 14%,26% 24%,25% 3%,42% 18%)}
.c50-sfx.is-blue{color:var(--c-yellow);transform:rotate(5deg)}
.c50-sfx.is-blue:before{background:var(--c-dots-w) 0 0/8px 8px,var(--c-navy)}

/* ---------- 功能：漫畫分格，大小錯落，黑粗線＋白色溝槽 ---------- */
.c50 .features{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;padding:14px!important;
  background:var(--c-white);border:var(--c-line) solid var(--c-ink);box-shadow:8px 8px 0 var(--c-ink)}
.c50 .features .feature{box-shadow:none!important;margin:0!important;transform:none;min-height:200px;padding:22px 22px 18px!important;position:relative;overflow:hidden}
.c50 .features .feature:nth-child(1){grid-column:span 4;background:var(--c-dots) 0 0/9px 9px,var(--c-yellow)!important}
.c50 .features .feature:nth-child(2){grid-column:span 2;background:var(--c-dots-w) 0 0/9px 9px,var(--c-navy)!important;color:var(--c-white)}
.c50 .features .feature:nth-child(3){grid-column:span 2;background:var(--c-dots-w) 0 0/9px 9px,var(--c-red)!important;color:var(--c-white)}
.c50 .features .feature:nth-child(4){grid-column:span 4}
.c50 .features .feature:nth-child(2) :is(h3,p,small),.c50 .features .feature:nth-child(3) :is(h3,p,small){color:var(--c-white)!important}
.c50 .features .feature h3{font:900 clamp(22px,2.3vw,30px)/1.25 var(--c-heavy)!important;margin:8px 0 10px!important}
.c50 .features .feature p{font-size:16px;font-weight:700}
.c50 .features .feature .small-seal{font:400 26px/1 var(--c-display)!important;width:auto!important;height:auto!important;padding:4px 12px 2px!important;border-radius:0!important;
  background:var(--c-white)!important;color:var(--c-ink)!important;border:3px solid var(--c-ink)!important;box-shadow:3px 3px 0 var(--c-ink)!important;display:inline-block!important}
.c50 .features .feature:nth-child(1):after{content:"ZOOM!";position:absolute;right:18px;bottom:6px;font:400 64px/1 var(--c-display);color:var(--c-red);-webkit-text-stroke:2.5px var(--c-ink);paint-order:stroke fill;transform:rotate(-8deg);opacity:.95}
.c50 .features .feature:nth-child(4):after{content:"CHECK!";position:absolute;right:18px;bottom:8px;font:400 52px/1 var(--c-display);color:var(--c-yellow);-webkit-text-stroke:2.5px var(--c-ink);paint-order:stroke fill;transform:rotate(6deg)}

/* 行程介面預覽：分格錯落 */
.c50 .ui-comic-grid{background:var(--c-white)!important;border:var(--c-line) solid var(--c-ink)!important;padding:14px!important;gap:14px!important;box-shadow:8px 8px 0 var(--c-ink)!important}
.c50 .ui-comic-panel{box-shadow:none!important}
.c50 .ui-panel-stamp{background:var(--c-red)!important;color:var(--c-white)!important;border:3px solid var(--c-ink)!important;border-radius:0!important;font-family:var(--c-display)!important}
.c50 .ui-comic-bubble{background:var(--c-white)!important;border:3.5px solid var(--c-ink)!important;font-weight:900}
.c50 .ui-comic-issue{background:var(--c-navy)!important;color:var(--c-yellow)!important;border:3px solid var(--c-ink)!important;font-family:var(--c-display)!important}

/* ---------- 價格票根 ---------- */
.c50 .carnival-ticket{position:relative;background:var(--c-white)!important;overflow:visible!important}
.c50 .carnival-ticket :is(.carnival-main,.carnival-stub){background:transparent!important;border-color:var(--c-ink)!important}
.c50 .carnival-stub{background:var(--c-dots) 0 0/9px 9px,var(--c-yellow)!important;border-left:var(--c-line) dashed var(--c-ink)!important}
.c50 .carnival-stub .c50-burst{width:190px;margin:4px auto 10px;transform:rotate(-6deg)}
.c50 .carnival-ticket h3{font:400 64px/1 var(--c-display)!important;color:var(--c-red)!important;-webkit-text-stroke:2.5px var(--c-ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--c-ink)}
.c50 .carnival-ticket .c50-badge{top:-38px;left:-30px;transform:rotate(-14deg)}
.c50 .carnival-ticket .c50-badge.is-navy{top:auto;left:auto;right:-26px;bottom:-34px;transform:rotate(10deg)}
.c50 :is(.carnival-stars,.carnival-flourish,.mobile-ticket-stars){color:var(--c-red)!important}

/* ---------- 旅途靈感（原首屏輪播移到這裡） ---------- */
.c50-inspo .poster{border:4px solid var(--c-ink)!important;box-shadow:8px 8px 0 var(--c-ink)!important;border-radius:0!important;background:var(--c-white)!important}
.c50-inspo .carousel-controls button{border:3px solid var(--c-ink)!important;border-radius:3px!important;background:var(--c-white)!important;box-shadow:3px 3px 0 var(--c-ink)}
.c50-inspo .carousel-controls button[aria-pressed="true"]{background:var(--c-red)!important;color:var(--c-white)!important}

/* ---------- 頁尾 ---------- */
.c50 .footer{background:var(--c-dots-w) 0 0/9px 9px,var(--c-navy)!important;border-top:5px solid var(--c-ink)!important}
.c50 .mobile-cta{background:var(--c-ink)!important}

/* ---------- 動態（不要死氣沉沉；尊重減少動態與暫停） ---------- */
@keyframes c50-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-12px) rotate(1deg)}}
@keyframes c50-wobble{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(-4deg) scale(1.06)}}
@keyframes c50-wobble2{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(-1deg) scale(1.05)}}
@keyframes c50-spin{to{transform:rotate(360deg)}}
@keyframes c50-stamp{0%{opacity:0;transform:scale(2.4) rotate(-18deg)}55%{opacity:1;transform:scale(.92) rotate(-4deg)}75%{transform:scale(1.06) rotate(-7deg)}100%{opacity:1;transform:rotate(-6deg)}}
@keyframes c50-bubble{0%{opacity:0;transform:scale(.3) rotate(-8deg)}70%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1)}}
@keyframes c50-jiggle{0%,100%{transform:rotate(12deg)}50%{transform:rotate(4deg) scale(1.05)}}
@media (prefers-reduced-motion:no-preference){
  body.c50:not(.motion-paused) .c50-pig{animation:c50-float 4.2s ease-in-out infinite}
  body.c50:not(.motion-paused) .c50-burst-hero{animation:c50-wobble 2.6s ease-in-out infinite}
  body.c50:not(.motion-paused) .carnival-stub .c50-burst{animation:c50-wobble2 2.4s ease-in-out infinite}
  body.c50:not(.motion-paused) .c50-rays{animation:c50-spin 80s linear infinite}
  body.c50:not(.motion-paused) .c50-hero .c50-badge{animation:c50-jiggle 3s ease-in-out infinite}
  body.c50:not(.motion-paused) .c50-bubble{animation:c50-bubble .7s .5s cubic-bezier(.2,1.4,.4,1) both}
  .pc-js .c50-sfx.pc-in{animation:c50-stamp .6s cubic-bezier(.2,1.2,.4,1) both!important}
  .pc-js .c50-sfx.is-blue.pc-in{animation-name:c50-stamp!important}
}

/* ---------- 手機 ---------- */
@media (max-width:900px){
  .c50-hero-panel{grid-template-columns:1fr;min-height:0}
  .c50-hero-copy{padding:26px 20px 8px;gap:14px;order:1}
  .c50-hero-art{order:0;min-height:430px;border-bottom:4px solid var(--c-ink)}
  .c50-sun{width:300px;height:300px;margin:-150px 0 0 -150px}
  .c50-pig{height:400px}
  .c50-bubble{font-size:22px;max-width:170px;right:10px;top:14px;padding:10px 12px}
  .c50-burst-hero{width:132px;left:6px;bottom:16px}
  .c50-burst-hero b{font-size:34px}
  .c50-hero .c50-badge{width:86px;font-size:12px;right:14px;bottom:auto;top:auto;display:none}
  .c50 .features{grid-template-columns:1fr!important}
  .c50 .features .feature{grid-column:auto!important;min-height:0}
  .c50 .features .feature:nth-child(1):after,.c50 .features .feature:nth-child(4):after{font-size:40px}
  .c50 .carnival-ticket .c50-badge{width:84px;font-size:12px;top:-30px;left:-8px}
  .c50 .carnival-ticket .c50-badge.is-navy{right:-6px;bottom:-30px}
}

/* ---------- 樣張微調 ---------- */
.c50-hero .actions{justify-content:flex-start!important;margin:0!important;padding:0!important}
.c50 .section{padding-top:34px!important}
.c50 .c50-sfx-row+.section{padding-top:14px!important}
.c50 .header+*{margin-top:0}
.c50 .header~.divider,.c50 .hero-divider{display:none!important}
.c50 .drifting-dots i{background:var(--c-red)!important;border:2px solid var(--c-ink);opacity:.5!important;filter:none!important}
.c50 .drifting-dots i:nth-child(3n){background:var(--c-navy)!important}
.c50 .drifting-dots i:nth-child(4n){background:var(--c-yellow)!important}
.c50 .toolbook-strip{background:var(--c-dots) 0 0/9px 9px,var(--c-yellow)!important;border:var(--c-line) solid var(--c-ink)!important;border-radius:3px!important;box-shadow:8px 8px 0 var(--c-ink)!important}
.c50 .toolbook-strip h2,.c50 .toolbook-strip h3{text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,4px 4px 0 var(--c-red)!important}
.c50 .toolbook-pages img{border:3px solid var(--c-ink)!important;box-shadow:5px 5px 0 var(--c-ink)!important}
.c50 .carnival-stub .c50-burst{width:210px}
.c50 .carnival-stub .c50-burst b{font-size:46px}
.c50 .carnival-stub .c50-burst del{font-size:13px}
.c50 :is(.guide .btn,.guide a.btn){border-style:solid!important}
.c50 .faq details summary{font-weight:900}
.c50 .faq details summary:after,.c50 .faq .plus{background:var(--c-red)!important;color:var(--c-white)!important;border:2.5px solid var(--c-ink)!important;border-radius:3px!important}
.c50 .toolbook-strip :is(p,small,span){color:var(--c-ink)!important}
.c50 .toolbook-strip-copy>p:first-child,.c50 .toolbook-strip .kicker{color:var(--c-red)!important;font-weight:900}
@media (max-width:900px){.c50 .features .feature:nth-child(1):after,.c50 .features .feature:nth-child(4):after{display:none}}

/* ===== v48b：1950s 漫畫封面感、降噪 ===== */
.c50 :is(h2,.section-heading h2,.ui-comic-masthead h2,.comic-interlude h2,.souvenir-intro h2){
  text-shadow:2px 2px 0 var(--c-white),4px 4px 0 var(--c-red)!important}
.c50-rays,.c50-sun,.c50-hero .c50-badge,.c50-burst-hero{display:none!important}
.c50-hero-panel{background:var(--c-white);grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;box-shadow:8px 8px 0 var(--c-ink)}
/* 刊頭 */
.c50-mast{display:flex;align-items:stretch;border-bottom:4px solid var(--c-ink);background:var(--c-red)}
.c50-issue{display:grid;place-items:center;align-content:center;min-width:132px;padding:8px 14px;background:var(--c-white);border-right:4px solid var(--c-ink);text-align:center;font:900 13px/1.15 var(--c-heavy);color:var(--c-ink)}
.c50-issue b{display:block;font:400 34px/1 var(--c-display);color:var(--c-red)}
.c50-issue del{font-size:12px;opacity:.75}
.c50-logo{flex:1;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 20px;
  font:400 clamp(52px,7vw,92px)/.9 var(--c-display);letter-spacing:.05em;color:var(--c-yellow);-webkit-text-stroke:3px var(--c-ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--c-ink)}
.c50-logo small{font:900 15px/1.3 var(--c-heavy);letter-spacing:.1em;color:var(--c-white);-webkit-text-stroke:0;text-shadow:none;max-width:120px}
/* 封面主格 */
.c50-cover{display:grid;grid-template-columns:1.1fr .9fr;background:var(--c-dots) 0 0/8px 8px,var(--c-yellow)}
.c50-hero-copy{padding:30px 0 34px 40px;gap:18px}
.c50-caption{align-self:flex-start;margin:0;padding:8px 14px;background:var(--c-white);border:3px solid var(--c-ink);font:900 17px/1.4 var(--c-heavy);box-shadow:3px 3px 0 var(--c-ink)}
.c50-hero-title{font-size:clamp(50px,6vw,84px);color:var(--c-red);-webkit-text-stroke:2.5px var(--c-ink);text-shadow:4px 4px 0 var(--c-ink)}
.c50-hero-title .c50-red{color:var(--c-navy)}
.c50-kicker,.c50-hero-zh{display:none!important}
.c50-hero-art{min-height:520px;border-left:4px solid var(--c-ink);background:var(--c-white)}
.c50-hero-art:before{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:var(--c-dots) 0 0/7px 7px,var(--c-navy);border-top:4px solid var(--c-ink)}
.c50-pig{bottom:34px;height:min(500px,90%);filter:drop-shadow(3px 3px 0 var(--c-ink))}
.c50-pig-shadow{bottom:24px;opacity:.5}
.c50-bubble{right:22px;top:26px;font-size:26px}
/* 降噪：分隔大字只留兩個、移除漂浮點、功能格降飽和 */
.c50 .drifting-dots{display:none!important}
.c50 .c50-sfx{font-size:clamp(46px,6vw,72px);padding:20px 40px}
.c50 .features .feature:nth-child(2),.c50 .features .feature:nth-child(3){background:var(--c-white)!important;color:var(--c-ink)}
.c50 .features .feature:nth-child(2) :is(h3,p,small),.c50 .features .feature:nth-child(3) :is(h3,p,small){color:var(--c-ink)!important}
.c50 .features .feature:nth-child(4){background:var(--c-dots) 0 0/8px 8px,#E6D3A6!important}
.c50 .features .feature:after{display:none!important}
.c50 .motion-bar{background:var(--c-navy)!important}
.c50 .marquee-track span{font-size:20px!important}
.c50 .overline{transform:none}
.c50 .ui-panel-stamp{background:var(--c-navy)!important}
@media (max-width:900px){
  .c50-mast{flex-direction:column}
  .c50-issue{border-right:0;border-bottom:4px solid var(--c-ink);flex-direction:row;display:flex;gap:10px;justify-content:center}
  .c50-issue b{font-size:26px}
  .c50-cover{grid-template-columns:1fr}
  .c50-hero-art{order:0;min-height:400px;border-left:0;border-bottom:4px solid var(--c-ink)}
  .c50-hero-copy{order:1;padding:22px 18px}
  .c50-pig{height:360px}
}

/* ===== v48c：改回品牌色（深海藍、粉紅、湖水藍、暖橘只給價格與按鈕、舊報紙米白） ===== */
:root{--c-red:#F2A3B8;--c-yellow:#3FA7C4;--c-navy:#0A2342;--c-ink:#0A2342;--c-white:#FAF6EC;--c-orange:#E8833A;--c-pinksoft:#FBE1E8;--c-aquasoft:#D7EEF3;
  --c-dots:radial-gradient(circle,rgba(10,35,66,.16) 0 1.1px,transparent 1.5px);--np-base:#EFE6D2}
.c50 .btn,.c50 a.btn{background:var(--c-orange)!important;color:var(--c-white)!important}
.c50 .btn.outline{background:var(--c-white)!important;color:var(--c-ink)!important}
.c50 .nav-link{background:var(--c-white)!important}
.c50-mast{background:var(--c-dots) 0 0/8px 8px,var(--c-aquasoft)}
.c50-logo{color:var(--c-red);text-shadow:5px 5px 0 var(--c-ink)}
.c50-logo small{color:var(--c-ink)}
.c50-issue b{color:var(--c-orange)}
.c50-cover{background:var(--c-dots) 0 0/8px 8px,var(--c-pinksoft)}
.c50-hero-title{color:var(--c-white);-webkit-text-stroke:3px var(--c-ink);text-shadow:5px 5px 0 var(--c-yellow)}
.c50-hero-title .c50-red{color:var(--c-red)}
.c50-hero-art:before{background:var(--c-dots) 0 0/7px 7px,var(--c-yellow)}
.c50-burst:after{background:var(--c-dots) 0 0/7px 7px,var(--c-orange)}
.c50-burst b{color:var(--c-white)}
.c50 .carnival-stub{background:var(--c-dots) 0 0/8px 8px,var(--c-aquasoft)!important}
.c50 .carnival-ticket h3{color:var(--c-red)!important}
.c50-sfx{color:var(--c-red)}
.c50-sfx:before{background:var(--c-dots) 0 0/8px 8px,var(--c-yellow)}
.c50 .features .feature:nth-child(1){background:var(--c-dots) 0 0/8px 8px,var(--c-aquasoft)!important}
.c50 .features .feature:nth-child(4){background:var(--c-dots) 0 0/8px 8px,var(--c-pinksoft)!important}
.c50 .overline{background:var(--c-navy)}
.c50 .overline .number{color:var(--c-red)!important}
.c50 .ui-panel-stamp{background:var(--c-red)!important;color:var(--c-ink)!important}
.c50 .toolbook-strip{background:var(--c-dots) 0 0/8px 8px,var(--c-pinksoft)!important}
.c50 .motion-bar{background:var(--c-navy)!important}
.c50 .marquee-track span{color:var(--c-red)!important}
.c50 .hanging-products:before{background:var(--c-yellow)!important}
.c50 .hanging-product:after{background:var(--c-red)!important}
.c50 .motion-toggle{background:var(--c-white)!important}
.c50 .c50-badge.is-yellow:after{background:var(--c-red)}

/* ===== 底色色塊修正：暗角縮小、區塊不再各自帶底色，紙面一整張連續 ===== */
.c50 .paper-material{box-shadow:inset 0 0 90px rgba(96,62,18,.16)!important}
.c50 :is(.price-section,.ui-comic-showcase,.comic-interlude,.section,.souvenirs,#guides,#faq){background-color:transparent!important;background-image:none!important;box-shadow:none!important}
.c50 .paper-fibers{background-size:420px 420px!important}
@media (max-width:700px){
  .c50 .paper-material{box-shadow:inset 0 0 28px rgba(96,62,18,.14)!important}
  .c50 .carnival-ticket .c50-badge.is-navy{bottom:-46px;right:-4px}
  .c50 .carnival-policy{margin-top:40px!important}
}
@media (max-width:700px){.c50 .carnival-ticket .c50-badge.is-navy{top:-30px!important;bottom:auto!important;right:-6px!important}}

/* ===== 首屏改回輪播（使用者 2026-10-25） ===== */
.c50-hero-carousel{border-bottom:4px solid var(--c-ink);background:var(--c-white)}
.c50-hero-carousel .poster{margin:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;padding:14px 14px 10px!important}
.c50-hero-carousel .carousel-slide img{border:3px solid var(--c-ink)!important;border-radius:3px!important}
.c50-hero-carousel .carousel-controls button{border:3px solid var(--c-ink)!important;border-radius:3px!important;background:var(--c-white)!important;box-shadow:3px 3px 0 var(--c-ink)!important}
.c50-hero-carousel .carousel-controls button[aria-pressed="true"]{background:var(--c-red)!important;color:var(--c-ink)!important}
.c50-hero-foot{display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px 20px 26px;text-align:center;background:var(--c-dots) 0 0/8px 8px,var(--c-pinksoft)}
.c50-hero-foot .c50-caption{align-self:center}
.c50-hero-foot .actions{justify-content:center!important}
.c50-hero-foot .fine{max-width:none}

/* ===== 規劃指南卡：文字不貼邊、不被切 ===== */
.c50 .guide{gap:0!important;overflow:hidden;align-items:stretch!important}
.c50 .guide .guide-copy{padding:26px 30px!important;min-width:0}
.c50 .guide .guide-art{border:0!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:300px}
.c50 .guide:not(:nth-child(2)) .guide-art{border-right:var(--c-line) solid var(--c-ink)!important}
.c50 .guide:nth-child(2) .guide-art{border-left:var(--c-line) solid var(--c-ink)!important}
.c50 .guide h3{font-family:var(--c-heavy)!important;font-weight:900!important;color:var(--c-ink)!important}
.c50 .guide p{font-size:14px;line-height:1.75}
.c50 .guide a{border:3px solid var(--c-ink)!important;border-radius:3px!important;box-shadow:3px 3px 0 var(--c-ink)!important;background:var(--c-white)!important}
.c50 .guide small{border:2px solid var(--c-ink)!important;font-weight:900}
@media (max-width:900px){
  .c50 .guide .guide-art{min-height:220px;border-left:0!important;border-right:0!important;border-bottom:var(--c-line) solid var(--c-ink)!important}
  .c50 .guide .guide-copy{padding:20px 20px 22px!important}
}

/* ===================== 子頁面（指南、FAQ、漫畫、紀念品、隱私、退款） ===================== */
.c50 .sc-logo b{font-family:var(--c-display)!important;font-weight:400!important;font-size:28px!important;letter-spacing:.04em;color:var(--c-red);-webkit-text-stroke:1.5px var(--c-ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--c-ink)}
.c50 .sc-link{border:2.5px solid var(--c-ink)!important;border-radius:3px!important;background:var(--c-white)!important;box-shadow:3px 3px 0 var(--c-ink);font-weight:900}
.c50 .sc-link:hover,.c50 .sc-link.is-active{background:var(--c-red)!important;transform:translate(-1px,-1px)}
.c50 .sc-cta{border:3px solid var(--c-ink)!important;border-radius:3px!important;background:var(--c-orange)!important;color:var(--c-white)!important;box-shadow:4px 4px 0 var(--c-ink)!important}
.c50 .sc-cta:active{transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--c-ink)!important}
.c50 .sc-page h1,.c50 main h1{font-family:var(--c-heavy)!important;font-weight:900!important;color:var(--c-ink)!important;letter-spacing:.02em;
  text-shadow:2px 2px 0 var(--c-white),5px 5px 0 var(--c-red)!important}
.c50 .kicker{display:inline-block;font-family:var(--c-display)!important;font-weight:400!important;letter-spacing:.08em!important;font-size:16px!important;
  color:var(--c-white)!important;background:var(--c-navy);border:3px solid var(--c-ink);padding:3px 12px 1px;box-shadow:3px 3px 0 var(--c-ink)}
.c50 .lead{font-weight:700}
.c50 :is(.toc,.reading-notes,.source-note,.sc-cta-box,.faq-item,.sources,details.sources){border:var(--c-line) solid var(--c-ink)!important;border-radius:3px!important;box-shadow:var(--c-shadow)!important;background:var(--c-white)!important}
.c50 .sc-cta-box{background:var(--c-dots) 0 0/8px 8px,var(--c-pinksoft)!important}
.c50 .sc-cta-box:before{display:none!important}
.c50 .sc-cta-title{text-shadow:2px 2px 0 var(--c-red)!important}
.c50 .sc-cta-kicker{font-family:var(--c-display)!important;font-weight:400!important;color:var(--c-ink)!important;font-size:15px!important}
.c50 .toc{background:var(--c-dots) 0 0/8px 8px,var(--c-aquasoft)!important}
.c50 .faq-cat{font-family:var(--c-heavy)!important;font-weight:900!important;display:inline-block;background:var(--c-red);border:3px solid var(--c-ink);padding:2px 12px;box-shadow:3px 3px 0 var(--c-ink)}
.c50 .faq-item{padding:4px 18px!important;margin:12px 0!important}
.c50 .faq-item summary{font-weight:900}
.c50 article h2:not(.c50-x){font-size:clamp(22px,2.6vw,28px)}
.c50 .sc-page img:not(.sc-footer-pig):not([class*="pig"]):not([class*="sign"]){border:var(--c-line) solid var(--c-ink);border-radius:3px;box-shadow:var(--c-shadow)}
.c50 .souv-figure img,.c50 .comic-page{border:var(--c-line) solid var(--c-ink)!important;box-shadow:var(--c-shadow)!important;border-radius:3px!important}
.c50 .reader-controls :is(button,.action,span){border:2.5px solid var(--c-ink)!important;border-radius:3px!important;background:var(--c-white)!important;box-shadow:3px 3px 0 var(--c-ink);font-weight:900;color:var(--c-ink)!important}
.c50 .reader-controls button[aria-pressed="true"]{background:var(--c-red)!important}
.c50 .reader-note{border:var(--c-line) solid var(--c-ink)!important;border-radius:3px!important;background:var(--c-white)!important;box-shadow:var(--c-shadow)!important;padding:16px 20px!important}
.c50 .sc-progress span{background:var(--c-red)!important;box-shadow:0 2px 0 var(--c-ink)!important}
.c50 .sc-footer{background:var(--c-dots) 0 0/9px 9px,var(--c-navy)!important;border-top:5px solid var(--c-ink)}
.c50 .sc-footer-title{font-family:var(--c-display)!important;color:var(--c-red);letter-spacing:.04em}
.c50 .article-link{border-radius:3px!important}
.c50 .article-link h2{font-family:var(--c-heavy)!important;font-weight:900!important}
.c50 table{border:var(--c-line) solid var(--c-ink)!important;border-collapse:collapse}
.c50 th{background:var(--c-navy)!important;color:var(--c-white)!important}
.c50 :is(th,td){border:1.5px solid var(--c-ink)!important}
.c50 .meta,.c50 .src-date{font-weight:700}

/* 首屏輪播：裁掉圖內的圓角框，跟外框一樣是直角 */
.c50-hero-carousel .carousel-slide{overflow:hidden}
.c50-hero-carousel .kitchen-slide img{transform:scale(1.075);transform-origin:center}
.c50-hero-carousel .carousel-slides{overflow:hidden;border:3px solid var(--c-ink)}
.c50-hero-carousel .carousel-slide img{border:0!important}

/* ===================== v48 動態 ===================== */
@keyframes c50-slide-in{0%{opacity:0;transform:translateX(26px) rotate(1.2deg) scale(.97)}70%{opacity:1;transform:translateX(-4px) rotate(-.4deg)}100%{opacity:1;transform:none}}
@keyframes c50-logo-in{0%{opacity:0;transform:translateY(-30px) scale(1.25) rotate(-6deg)}60%{opacity:1;transform:translateY(4px) scale(.96) rotate(2deg)}100%{transform:none}}
@keyframes c50-price-jiggle{0%,86%,100%{transform:none}89%{transform:rotate(-6deg) scale(1.12)}93%{transform:rotate(5deg) scale(1.08)}96%{transform:rotate(-2deg)}}
@keyframes c50-nudge{0%,88%,100%{transform:none}91%{transform:translate(-3px,-3px) rotate(-2deg)}94%{transform:translate(2px,-2px) rotate(2deg)}97%{transform:translate(-1px,-1px)}}
@keyframes c50-caption-pop{0%{opacity:0;transform:scale(.6) rotate(-4deg)}70%{opacity:1;transform:scale(1.06) rotate(1deg)}100%{transform:none}}
@keyframes c50-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:no-preference){
  body.c50:not(.motion-paused) .c50-hero-carousel .carousel-slide:not([hidden]){animation:c50-slide-in .55s cubic-bezier(.2,1.2,.4,1) both}
  body.c50:not(.motion-paused) .c50-logo{animation:c50-logo-in .8s .1s cubic-bezier(.2,1.3,.4,1) both}
  body.c50:not(.motion-paused) .c50-issue b{display:inline-block;animation:c50-price-jiggle 5s 1.2s ease-in-out infinite}
  body.c50:not(.motion-paused) .c50-hero-foot .c50-caption{animation:c50-caption-pop .6s .5s cubic-bezier(.2,1.4,.4,1) both}
  body.c50:not(.motion-paused) .c50-hero-foot .btn:not(.outline),body.c50:not(.motion-paused) .mobile-cta .btn{animation:c50-nudge 6s 2s ease-in-out infinite}
  body.c50:not(.motion-paused) .c50-hero-foot .btn:hover{animation:none}
  .c50-logo:hover{animation:c50-price-jiggle 1s ease-in-out 1!important}
  /* 自動輪播進度條 */
  .c50-autoplay .c50-progress{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--c-red);border-top:2px solid var(--c-ink);transform-origin:left;animation:c50-progress var(--c50-delay,6s) linear both}
}
.c50-hero-carousel{position:relative}
@media (max-width:700px){.c50-logo{flex-direction:column;gap:4px;font-size:52px;padding:10px 12px 12px}.c50-logo small{max-width:none;font-size:13px}.c50-logo small br{display:none}}

/* ===== 價格：復古票券。電腦版用原本的票券插圖；手機版用直式票券（粉紅票框＋米白票面＋撕線） ===== */
@media (min-width:801px){
  .c50 .carnival-ticket.image-ticket{border:0!important;box-shadow:none!important;border-radius:0!important;
    background:transparent url('/ticket-simple-approved-v38.webp') center/100% 100% no-repeat!important;filter:drop-shadow(6px 6px 0 var(--c-ink))}
  .c50 .image-ticket :is(.carnival-main,.carnival-stub){background:none!important;border:0!important}
  .c50 .image-ticket .carnival-main{padding:52px 8% 52px 10%!important}
  .c50 .image-ticket .carnival-title-row{margin:4px 0!important}
  .c50 .image-ticket .carnival-title-row h3{font-size:52px!important}
  .c50 .image-ticket .carnival-stub{padding:44px 13% 44px 10%!important}
  .c50 .image-ticket .carnival-stub .c50-burst{width:160px;margin:0 auto 6px}
  .c50 .image-ticket .carnival-stub .c50-burst b{font-size:38px}
  .c50 .image-ticket .carnival-stub .c50-burst :is(small,del){font-size:12px}
}
@media (max-width:800px){
  .c50 .carnival-ticket.image-ticket{background:var(--c-red)!important;border:3px solid var(--c-ink)!important;border-radius:18px!important;padding:12px!important;
    box-shadow:6px 6px 0 var(--c-ink)!important;filter:none}
  .c50 .image-ticket :is(.carnival-main,.carnival-stub){background:var(--c-white)!important;border:2.5px solid var(--c-ink)!important;filter:none!important;
    outline:1.5px solid var(--c-ink);outline-offset:-8px}
  .c50 .image-ticket .carnival-main{border-radius:10px 10px 0 0!important;border-bottom:0!important;padding:34px 22px 26px!important}
  .c50 .image-ticket .carnival-stub{border-radius:0 0 10px 10px!important;border-top:3px dashed var(--c-ink)!important;padding:26px 18px 30px!important;display:flex!important;flex-direction:column;align-items:center;gap:10px}
  .c50 .image-ticket .carnival-stub .c50-burst{width:168px;margin:0}
  .c50 .image-ticket .carnival-stub .c50-burst b{font-size:40px}
  .c50 .image-ticket .carnival-title-row h3{font-size:54px!important}
}

/* ===== N°4 招牌：拿掉方框，左右加放射狀扇形線 ===== */
.c50 #guides>.journal-plaque{position:relative;isolation:isolate;overflow:visible}
.c50 #guides>.journal-plaque .approved-journal-sign{border:0!important;box-shadow:none!important;position:relative;z-index:1}
.c50 #guides>.journal-plaque:before{content:""!important;display:block!important;position:absolute!important;z-index:0;left:-12%;right:-12%;top:-40%;bottom:-40%;border:0!important;border-radius:0!important;
  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(242,163,184,.55) 0 3.2deg,transparent 3.2deg 4deg,rgba(10,35,66,.8) 4deg 4.6deg,transparent 4.6deg 9deg);
  -webkit-mask:conic-gradient(from 0deg at 50% 50%,transparent 0 58deg,#000 58deg 122deg,transparent 122deg 238deg,#000 238deg 302deg,transparent 302deg),radial-gradient(closest-side,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;
          mask:conic-gradient(from 0deg at 50% 50%,transparent 0 58deg,#000 58deg 122deg,transparent 122deg 238deg,#000 238deg 302deg,transparent 302deg),radial-gradient(closest-side,#000 82%,transparent 100%);
          mask-composite:intersect;
  pointer-events:none}
@media (max-width:700px){.c50 #guides>.journal-plaque:before{left:-4%;right:-4%;top:-12%;bottom:-12%}}
@media (prefers-reduced-motion:no-preference){
  @keyframes c50-fan{0%,100%{opacity:.85}50%{opacity:1}}
  body.c50:not(.motion-paused) #guides>.journal-plaque:before{animation:c50-fan 3s ease-in-out infinite}
}

.c50 #guides>.journal-plaque{margin-bottom:40px!important}
.c50 .approved-merch-sign img,.c50 .approved-merch-sign{border:0!important;box-shadow:none!important;background:transparent!important}

/* ===== 紀念品招牌：同 N°4 的左右扇形放射線 ===== */
.c50 .approved-merch-sign{position:relative;isolation:isolate;overflow:visible!important}
.c50 .approved-merch-sign>img{position:relative;z-index:1}
.c50 .approved-merch-sign:before{content:"";position:absolute;z-index:0;left:-10%;right:-10%;top:-30%;bottom:-30%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(242,163,184,.55) 0 3.2deg,transparent 3.2deg 4deg,rgba(10,35,66,.8) 4deg 4.6deg,transparent 4.6deg 9deg);
  -webkit-mask:conic-gradient(from 0deg at 50% 50%,transparent 0 58deg,#000 58deg 122deg,transparent 122deg 238deg,#000 238deg 302deg,transparent 302deg),radial-gradient(closest-side,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;
          mask:conic-gradient(from 0deg at 50% 50%,transparent 0 58deg,#000 58deg 122deg,transparent 122deg 238deg,#000 238deg 302deg,transparent 302deg),radial-gradient(closest-side,#000 82%,transparent 100%);
          mask-composite:intersect}
@media (max-width:700px){.c50 .approved-merch-sign:before{left:-4%;right:-4%;top:-12%;bottom:-12%}}
@media (prefers-reduced-motion:no-preference){body.c50:not(.motion-paused) .approved-merch-sign:before{animation:c50-fan 3s ease-in-out infinite}}

/* ===== FAQ 分類：整區不再整片粉紅，只有分類標題做成標籤 ===== */
.c50 section.faq-cat{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:block!important;margin:34px 0 0!important}
.c50 section.faq-cat>h2{display:inline-block;margin:0 0 6px;padding:4px 14px;background:var(--c-red);border:3px solid var(--c-ink);box-shadow:3px 3px 0 var(--c-ink);font-size:clamp(20px,2.4vw,24px)!important;text-shadow:none!important}
/* 手機首屏輪播：再放大一點，把圖內圓角完全裁掉 */
@media (max-width:700px){.c50-hero-carousel .kitchen-slide img{transform:scale(1.11)}.c50-hero-carousel .poster{padding:8px 8px 6px!important}}
.c50-hero-carousel :is(.carousel-slide,.carousel-slides,figcaption,.mountain-window){border-radius:0!important}
.c50-hero-carousel .carousel-slide{border-color:var(--c-ink)!important}

/* ===== 統一：漫畫區標題、介面預覽刊頭、頁尾、手機 CTA ===== */
.c50 .comic-interlude{background:transparent!important;border:0!important}
.c50 .comic-interlude-head{justify-content:center!important;text-align:center;border-bottom:0!important}
.c50 .comic-interlude-head>div{display:flex;flex-direction:column;align-items:center;gap:8px}
.c50 .comic-interlude-head p{display:inline-block;margin:0;font:400 18px/1 var(--c-display)!important;letter-spacing:.08em!important;color:var(--c-white)!important;
  background:var(--c-navy);border:3px solid var(--c-ink);padding:5px 14px 3px;box-shadow:3px 3px 0 var(--c-ink)}
.c50 .comic-interlude-head h2{font-size:clamp(28px,3.4vw,40px)!important}
.c50 .comic-interlude:before,.c50 .comic-interlude:after{display:none!important}
.c50 .comic-belt{border:0!important;background:transparent!important;box-shadow:none!important}
.c50 .ui-comic-masthead{border:var(--c-line) solid var(--c-ink)!important;border-radius:3px!important;box-shadow:var(--c-shadow)!important;
  background:var(--c-dots) 0 0/8px 8px,var(--c-aquasoft)!important;padding:14px 18px!important}
.c50 .ui-comic-masthead h2{font-size:clamp(26px,3vw,36px)!important}
.c50 .footer-title{font:400 clamp(40px,5vw,60px)/.95 var(--c-display)!important;letter-spacing:.04em;color:var(--c-red)!important;-webkit-text-stroke:2px var(--c-ink);paint-order:stroke fill;text-shadow:4px 4px 0 #000}
.c50 .footer-sub{font-weight:900;color:var(--c-white)!important}
.c50 .footer-links a{color:var(--c-white)!important;font-weight:700}
.c50 .footer-links a:hover{color:var(--c-red)!important}
.c50 .copyright,.c50 .copyright a{color:var(--c-white)!important;opacity:.85}
.c50 .mobile-cta{border-top:4px solid var(--c-ink)!important}
.c50 .mobile-cta span{font-family:var(--c-heavy)!important;font-weight:900;color:var(--c-white)!important}
.c50 .mobile-cta b{font:400 28px/1 var(--c-display)!important;color:var(--c-red)!important;letter-spacing:.03em}
.c50 .mobile-cta .btn{border-color:var(--c-white)!important;box-shadow:3px 3px 0 var(--c-red)!important}

/* 漫畫封面編號（蓋在封面左欄的編號框位置） */
.c50-cover-wrap{position:relative;display:block}
.c50-cover-wrap img{display:block;width:100%}
.c50-cover-wrap{container-type:inline-size}
.c50-cover-no{position:absolute;left:2.6%;width:14.2%;top:23.6%;height:5.4%;display:grid;place-items:center;overflow:hidden;
  background:#EF8FA0;border:1.5px solid var(--c-ink);color:var(--c-ink);
  font:400 6.6cqw/1 var(--c-display);letter-spacing:.06em;padding-bottom:.22em}

/* 04 補號：配合新封面的米白編號框 */
.c50 .c50-cover-no{background:#F4EBD6!important;border:1.5px solid var(--c-ink)!important;color:#1B2A44!important;font:800 6.4cqw/1 'Arial Rounded MT Bold','Noto Sans TC Comic',sans-serif!important;letter-spacing:.02em;padding:0!important}