:root{--paper:#fff8ec;--ink:#33255b;--ink-line:#33255be0;--shadow:#33255b38;--sig:#e6293f;--attn:#ffe23d;--brand:#ff4fa8;--brand-soft:#ffd7ef;--info:#1fafc2;--info-soft:#e2f7fa;--ok:#2fbf71;--violet:#9b5de5;--orange:#ff8a3d;--led:#6fe86f;--paper-p:#ffa9d8;--paper-t:#a0e4f0;--paper-s:#ffe873;--c-d:var(--brand);--c-o:var(--orange);--c-s:var(--info);--c-e:var(--ok);--z-sticker:2;--z-ticker:20;--z-grain:60;--font-round:"M PLUS Rounded 1c", "Noto Sans TC", "PingFang TC", sans-serif;--font-sans:"Noto Sans TC", "PingFang TC", sans-serif;--font-dot:"DotGothic16", monospace;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.4'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;line-height:1.75;position:relative}body:after{content:"";background:var(--grain);pointer-events:none;z-index:var(--z-grain);position:absolute;inset:0}img,svg{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}h1,h2,h3{font-family:var(--font-round);text-wrap:balance;margin:0;font-weight:900;line-height:1.3}p{text-wrap:pretty;margin:0}.wrap{max-width:1100px;margin-inline:auto;padding-inline:24px}.stk{box-shadow:0 0 0 3px #fff, 0 0 0 4.5px var(--ink-line), 6px 7px 0 var(--shadow);background:#fff;border-radius:12px}.stk-pill{border-radius:999px}.stk-band{border-radius:6px}.cutout{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(6px 8px 0 var(--shadow))}.tilt-a{transform:rotate(-6deg)}.tilt-b{transform:rotate(-3deg)}.tilt-c{transform:rotate(-1.5deg)}.tilt-d{transform:rotate(2deg)}.tilt-e{transform:rotate(4deg)}.tilt-f{transform:rotate(8deg)}.tilt-g{transform:rotate(12deg)}.tilt-h{transform:rotate(-12deg)}.stripe-band{background:repeating-linear-gradient(45deg, var(--attn) 0 14px, #fff 14px 17px, var(--brand) 17px 31px, #fff 31px 34px);height:16px;box-shadow:0 3px 0 #fff, 0 -3px 0 #fff, 0 6px 0 var(--shadow);z-index:1;position:relative}.zone{padding-block:6px 46px}.zone .sec-head{margin-top:22px}.paper-grid-s{background-color:var(--paper-s);background-image:linear-gradient(#c7601438 1.5px,#0000 1.5px),linear-gradient(90deg,#c7601438 1.5px,#0000 1.5px);background-size:26px 26px}.paper-grid-y{background-color:var(--attn);background-image:linear-gradient(#ffffff80 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff80 1.5px,#0000 1.5px);background-size:26px 26px}.paper-grid-t{background-color:var(--paper-t);background-image:linear-gradient(#0e7f8f47 1.5px,#0000 1.5px),linear-gradient(90deg,#0e7f8f47 1.5px,#0000 1.5px);background-size:26px 26px}.paper-dot-p{background-color:var(--paper-p);background-image:radial-gradient(#d6208552 2px,#0000 2.4px);background-size:16px 16px}.paper-check-ink{background-color:var(--ink);background-image:linear-gradient(#ffffff0d 2px,#0000 2px),linear-gradient(90deg,#ffffff0d 2px,#0000 2px);background-size:34px 34px}.puffy{font-family:var(--font-round);color:#fff;-webkit-text-stroke:.15em #fff;paint-order:stroke fill;filter:drop-shadow(2.5px 0 0 var(--ink)) drop-shadow(-2.5px 0 0 var(--ink)) drop-shadow(0 2.5px 0 var(--ink)) drop-shadow(0 -2.5px 0 var(--ink)) drop-shadow(5px 6px 0 #33255b8c);font-weight:900;display:inline-block;position:relative}.puffy:after{content:attr(data-text);-webkit-text-stroke:0;background:linear-gradient(#ffd7ef 0%,#ff8ac2 36%,#ff4fa8 66%,#e02a92 100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.puffy.alt:after{background:linear-gradient(#d9f6fa 0%,#7fdbe6 40%,#1fafc2 70%,#0e7f8f 100%);-webkit-background-clip:text;background-clip:text}.bop-1{transform:rotate(-9deg)translateY(-4px)}.bop-2{transform:rotate(4deg)translateY(4px)}.bop-3{transform:rotate(-3deg)translateY(0)}.bop-4{transform:rotate(7deg)translateY(-5px)}.bop-5{transform:rotate(-5deg)translateY(3px)}.type-msg{font-family:var(--font-round);-webkit-text-stroke:.16em #fff;paint-order:stroke fill;filter:drop-shadow(3px 3px 0 var(--shadow));font-weight:900;line-height:1.35}.c-sig{color:var(--sig)}.c-ink{color:var(--ink)}.c-brand{color:var(--brand)}.c-info{color:#0e7f8f}.type-data{font-family:var(--font-dot);font-variant-numeric:tabular-nums}.ticker{color:var(--led);font-family:var(--font-dot);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:var(--z-ticker);box-shadow:0 3px 0 #fff, 0 -3px 0 #fff, 0 6px 0 var(--shadow);background:#171230;padding:.45em 0;font-size:.95rem;position:relative;overflow:hidden}.ticker-track{animation:30s linear infinite tick;display:inline-block}.ticker-track>span{padding-inline-end:3rem}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}.cover{padding-block:26px 46px;position:relative;overflow:hidden}.cover-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.logo{font-family:var(--font-round);background:linear-gradient(#fdfdfd 0%,#c9cdd5 38%,#6b7280 50%,#eceef2 56%,#9aa0ab 100%);color:#0000;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(5px 5px 0 var(--ink));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,8vw,5.6rem);font-weight:900;line-height:1}.logo a{text-decoration:none}.brand-tags{flex-direction:column;align-items:flex-start;gap:10px;margin-top:6px;display:flex}.brand-zh{background:var(--brand);color:#fff;font-family:var(--font-round);padding:.12em .75em;font-size:1.2rem;font-weight:900;display:inline-block}.date-chip{background:#fff;padding:.15em .8em;font-size:.85rem;font-weight:700;display:inline-block}.date-chip .type-data{font-size:1.05rem}.cover-main{grid-template-columns:minmax(380px,1.15fr) minmax(0,1fr);align-items:center;gap:30px;padding-inline-end:74px;display:grid;position:relative}.machine-slot{position:relative}.machine-slot .badge-float{z-index:var(--z-sticker);position:absolute}.badge-bubble{font-family:var(--font-round);text-align:center;padding:.3em .9em;font-size:.9rem;font-weight:900;line-height:1.35;display:inline-block}.badge-bubble.sig{background:var(--sig);color:#fff}.badge-bubble.pixel{font-family:var(--font-dot);color:var(--sig);background:#fff}.cover-copy{justify-items:start;gap:18px;display:grid}.cover-copy .puffy{font-size:clamp(2.6rem,8.5vw,4.5rem)}.feature-plate{justify-items:start;gap:9px;max-width:470px;padding:14px 20px;display:grid}.feature-plate .type-msg{font-size:clamp(1.05rem,2.2vw,1.75rem)}.feature-plate .meta{color:#6d648f;font-size:.8rem}.chip-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.info-chip{background:var(--info);color:#fff;padding:.15em .8em;font-size:.85rem;font-weight:900;display:inline-block}.spine{background-color:var(--brand-soft);clip-path:polygon(18% 0%,100% 1%,88% 5%,100% 9%,90% 14%,100% 19%,86% 25%,100% 30%,92% 36%,100% 42%,88% 49%,100% 55%,90% 61%,100% 67%,86% 73%,100% 79%,92% 85%,100% 91%,88% 96%,96% 100%,10% 100%,0% 95%,12% 89%,0% 83%,10% 77%,0% 71%,14% 64%,0% 58%,8% 52%,0% 46%,12% 39%,0% 33%,10% 27%,0% 21%,14% 15%,0% 9%,8% 4%);background-image:radial-gradient(#ff4fa866 1.6px,#0000 2px);background-size:9px 9px;justify-content:center;align-items:center;width:58px;display:flex;position:absolute;top:-20px;bottom:-20px;right:6px}.spine span{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-round);color:var(--ink);letter-spacing:.1em;font-size:1.25rem;font-weight:900}.micro-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;font-size:.75rem;font-weight:700;display:flex}.micro-chip{background:#fff;padding:.1em .7em;display:inline-block}.micro-barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 5px, var(--ink) 5px 6px, transparent 6px 9px);vertical-align:middle;width:64px;height:20px;display:inline-block}.machine{width:100%;display:block}.sec-head{align-items:center;gap:14px;margin:46px 0 20px;padding-bottom:12px;display:flex;position:relative}.sec-head:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8'%3E%3Cpath d='M0 6 L6 2 L12 6 L18 2 L24 6' stroke='%23FF4FA8' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;height:8px;position:absolute;bottom:0;left:0;right:0}.sec-head h2{background:var(--brand);color:#fff;padding:.12em .95em;font-size:1.2rem}.sec-head .en{color:var(--violet);font-size:.72rem;font-weight:700;font-family:var(--font-dot);box-shadow:0 0 0 3px #fff, 0 0 0 4.5px var(--ink-line), 4px 5px 0 var(--shadow);background:#fff;border-radius:999px;padding:.2em .75em}.badge{color:#fff;font-family:var(--font-round);padding:.1em .85em;font-size:.85rem;font-weight:900;display:inline-block}.badge.d{background:var(--c-d)}.badge.o{background:var(--c-o)}.badge.s{background:var(--c-s)}.badge.e{background:var(--c-e)}.seal{aspect-ratio:1;text-align:center;border-radius:50%;place-items:center;width:3.6em;font-size:.72rem;font-weight:900;line-height:1.15;display:grid}.seal.on{background:var(--sig);color:#fff}.seal.off{color:var(--ink);background:#fff}.stamp{border:3px solid var(--sig);color:var(--sig);background:#ffffffbf;border-radius:8px;padding:.15em .6em;font-weight:900;display:inline-block}.nav{flex-wrap:wrap;align-items:center;gap:16px;padding-block:18px 6px;display:flex}.nav a{font-weight:900;font-family:var(--font-round);background:var(--info);color:#fff;align-items:center;gap:.45em;padding:.22em 1em;font-size:.95rem;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--brand)}.nav-linedots{gap:3px;display:inline-flex}.nav-linedots span{border:1.5px solid var(--ink);border-radius:50%;width:.55em;height:.55em;display:inline-block}.lineup-zone{padding-block:8px 40px}.lineup{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.lineup .item{text-align:center;justify-items:center;gap:6px;padding:18px 12px 14px;display:grid}.canwrap{padding:8px 18px 2px;position:relative}.canwrap .seal{z-index:var(--z-sticker);position:absolute;top:-12px;right:-18px}.can{border:2.5px solid var(--ink);color:#fff;width:50px;height:70px;font-size:1.5rem;font-weight:900;font-family:var(--font-round);border-radius:12px;place-items:center;display:grid;position:relative}.can:before{content:"";border:1.5px solid var(--ink);background:linear-gradient(#f3f4f6,#9ca3af);border-radius:3px;width:24px;height:7px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.can:after{content:"";background:#ffffff73;border-radius:6px;width:7px;height:46px;position:absolute;top:8px;left:7px}.can.d{background:linear-gradient(105deg, #ff7cc0 40%, var(--c-d) 41%)}.can.o{background:linear-gradient(105deg, #ffab72 40%, var(--c-o) 41%)}.can.s{background:linear-gradient(105deg, #63cfdd 40%, var(--c-s) 41%)}.can.e{background:linear-gradient(105deg, #6fd9a2 40%, var(--c-e) 41%)}.lineup h3{font-size:1.05rem}.lineup .copy{font-size:.85rem}.code{color:#6d648f;font-size:.75rem}.grid-cards{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.card{display:grid;overflow:hidden}.card .photo{border-bottom:2px solid var(--ink);border-radius:10px 10px 0 0;place-items:center;min-height:120px;display:grid;position:relative}.card .photo .date-tab{background:var(--sig);color:#fff;padding:.05em .6em;font-size:.78rem;font-weight:900;position:absolute;top:8px;left:8px}.card .body{justify-items:start;gap:8px;padding:14px 16px 18px;display:grid}.card .body h3{font-size:1rem}.card .body h3 a{text-decoration:none}.card .body h3 a:hover{text-decoration:underline}.services-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.service-status{z-index:var(--z-sticker);position:absolute;top:10px;right:10px}.card-empty{text-align:center;background:#fff;align-content:center;justify-items:center;gap:12px;padding:30px 20px;display:grid}.btn{color:#fff;font-family:var(--font-round);background:linear-gradient(180deg, #ff9ecd 0%, var(--brand) 45%, #d42e8a 100%);box-shadow:0 0 0 3px #fff, 0 0 0 4.5px var(--ink-line), inset 0 3px 0 #fff9, inset 0 -3px 0 #33255b40, 5px 6px 0 var(--shadow);border-radius:999px;padding:.5em 1.6em;font-weight:900;text-decoration:none;display:inline-block}.btn:hover{box-shadow:0 0 0 3px #fff, 0 0 0 4.5px var(--ink-line), inset 0 3px 0 #fff9, inset 0 -3px 0 #33255b40, 3px 3px 0 var(--shadow);transform:translate(1px,2px)}.btn.sig{background:linear-gradient(180deg, #ff8a97 0%, var(--sig) 45%, #b01326 100%)}.ad{text-align:center;padding:16px 14px;position:relative}.ad:after{content:"廣告";background:var(--paper);border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:0 10px 0 8px;padding:0 .6em;font-size:.7rem;position:absolute;top:0;right:0}.ad .side-title{font-family:var(--font-round);margin-bottom:8px;font-size:1.05rem;font-weight:900;display:block}.tomato{background:var(--sig);border:3px solid var(--ink);border-radius:50%;width:80px;height:80px;margin:6px auto;position:relative}.tomato:before{content:"";background:var(--ok);border:3px solid var(--ink);border-radius:4px 12px;width:26px;height:14px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.tomato:after{content:"";background:#ffffff8c;border-radius:50%;width:16px;height:10px;position:absolute;top:12px;left:14px;transform:rotate(-24deg)}.article-cover{padding-block:20px 34px}.crumb-row{flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:.82rem;display:flex}.crumb-row .crumb{background:#fff;padding:.1em .7em;font-weight:700}.article-head{grid-template-columns:minmax(0,1fr) minmax(360px,1.2fr);align-items:center;gap:30px;display:grid}.head-col{justify-items:start;gap:16px;display:grid}.article-head .plate{max-width:760px;padding:18px 24px}.article-head .type-msg{font-size:clamp(1.35rem,3.4vw,2.1rem)}.article-head .meta{color:#6d648f;font-size:.8rem}.anchor-shot{margin:0;display:grid;position:relative;overflow:hidden}.anchor-shot img{border-bottom:2px solid var(--ink);width:100%;height:auto;display:block}.anchor-shot .date-tab{z-index:var(--z-sticker);background:var(--sig);color:#fff;padding:.05em .7em;font-size:.85rem;font-weight:900;position:absolute;top:10px;left:10px}.anchor-shot figcaption{flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:12px 16px 14px;display:flex}.anchor-shot .anchor-name{font-family:var(--font-round);font-size:1.15rem;font-weight:900}.collage-shot{margin:0;display:grid;position:relative;overflow:hidden}.collage-shot img{border-bottom:2px solid var(--ink);width:100%;height:auto;display:block}.collage-shot .date-tab{z-index:var(--z-sticker);background:var(--sig);color:#fff;padding:.05em .7em;font-size:.85rem;font-weight:900;position:absolute;top:10px;left:10px}.collage-shot figcaption{gap:4px;padding:10px 14px 12px;font-size:.78rem;display:grid}.collage-shot .row-line{line-height:1.5}.collage-shot .row-line strong{background:var(--ink);color:#fff;border-radius:4px;margin-right:6px;padding:0 .45em;font-size:.72rem;display:inline-block}.source-btn{background:var(--sig);color:#fff;margin-top:8px;padding:.15em .8em;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-block}@media (width<=920px){.article-head{grid-template-columns:1fr}.head-col{display:contents}.head-col>.badge{order:1}.head-col>.plate{order:2}.anchor-shot{order:3}.head-col>.ingredients{order:4}}.article-body{gap:20px;max-width:760px;padding-block:26px 40px;display:grid}.article-body .lead{background:#fff;padding:14px 18px;font-size:1.05rem;font-weight:700}.ingredients{background-color:#e9faf3;background-image:radial-gradient(#2fbf7138 1.6px,#0000 2px);background-size:12px 12px;width:100%;max-width:480px;padding:16px 20px}.ingredients .side-title{font-family:var(--font-round);background:#fff;width:fit-content;margin-bottom:10px;padding:.05em .7em;font-weight:900;display:block}.ingredients dl{grid-template-columns:auto 1fr auto;align-items:center;gap:7px 12px;margin:0;font-size:.9rem;display:grid}.ingredients dt{font-weight:900}.ingredients dd{margin:0}.bar{border:1.5px solid var(--ink);background:#fff;border-radius:99px;height:12px;overflow:hidden}.bar>span{height:100%;display:block}.ingredients .pct{font-variant-numeric:tabular-nums;font-weight:900}.ingredients .usage{border-top:2px dashed var(--ink);margin-top:10px;padding-top:8px;font-size:.85rem}.table-cars{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}.table-cars th{background:var(--info);color:#fff;text-align:left;padding:.5em .9em;font-size:.9rem}.table-cars td{border-bottom:1.5px dashed #33255b33;padding:.6em .9em;font-size:.95rem}.table-cars .price{color:var(--sig);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900}.table-cars .price small{font-size:.7em}.table-note{color:#6d648f;font-size:.8rem}.discontinued{background:#fff;gap:8px;padding:18px 20px;display:grid;position:relative}.discontinued:before{content:"絕版預告";background:var(--sig);color:#fff;font-family:var(--font-round);box-shadow:0 0 0 3px #fff, 0 0 0 4.5px var(--ink-line);padding:.05em .8em;font-weight:900;position:absolute;top:-16px;left:14px;transform:rotate(-3deg)}.discontinued h3{color:var(--sig)}.car-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.car-cell{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.car-cell .cell-photo{border-bottom:2px solid var(--ink);aspect-ratio:16/10;background:#fff;border-radius:10px 10px 0 0;place-items:center;display:grid;position:relative;overflow:hidden}.car-cell .cell-photo img{object-fit:cover;width:100%;height:100%}.car-cell .cell-body{align-content:start;gap:4px;padding:10px 12px 14px;display:grid}.car-cell .name{font-size:.88rem;font-weight:900;line-height:1.45}.series-tag{background:var(--info-soft);border:1.5px solid var(--info);color:#0e7f8f;border-radius:4px;width:fit-content;padding:0 .5em;font-size:.68rem;font-weight:700;display:inline-block}.price-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.price-big{color:var(--sig);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:900;font-family:var(--font-round)}.price-big small{font-size:.6em}.date-tag2{background:var(--sig);color:#fff;padding:.05em .5em;font-size:.7rem;font-weight:900}.feature-cars{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;display:grid}.feature-cars .photo img{object-fit:cover;width:100%;height:100%}.feature-cars .photo{aspect-ratio:16/9;min-height:0;overflow:hidden}.spec-note{color:#6d648f;font-size:.8rem}@media (width<=920px){.car-grid{grid-template-columns:repeat(2,1fr)}.feature-cars{grid-template-columns:1fr}}.about{gap:10px;padding:22px 26px;display:grid}footer.site{color:#f3efff;padding-block:34px 40px;font-size:.85rem}footer.site .foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}footer.site .maker{font-family:var(--font-round);color:var(--ink);background:#fff;padding:.15em .8em;font-size:1.05rem;font-weight:900;display:inline-block}footer.site .disclaimer{border:1.5px solid #fff6;border-radius:8px;max-width:560px;padding:10px 14px;line-height:1.8}.barcode-stk{text-align:center;color:var(--ink);background:#fff;padding:8px 12px;display:inline-block}.barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 5px, var(--ink) 5px 6px, transparent 6px 10px);width:120px;height:34px}.barcode-num{font-family:var(--font-dot);font-variant-numeric:tabular-nums;font-size:.75rem}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=920px){.cover-main{grid-template-columns:1fr;padding-inline-end:0}.spine{display:none}.spine-mobile{display:inline-block!important}.grid-cards,.services-grid{grid-template-columns:1fr}.lineup{grid-template-columns:repeat(2,1fr)}.machine-slot{justify-self:center}}.spine-mobile{display:none}
