.prm{--cjk:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--bg:#1f4d2b;--ink:#fbf4e6;--accent:#f8b08c;--price-bg:#d2452c;--price-ink:#fbf4e6;--cta-bg:#fbf4e6;--cta-ink:#0f2e1a;--dots:#fbf4e629;--ring:#c9a35abf;--tag-bg:#d2452c;--tag-ink:#fff;isolation:isolate;background:var(--bg);color:var(--ink);line-break:strict;font-family:var(--font-sans), var(--cjk);border-radius:10px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;container-type:inline-size}.prm:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0f2e1a2e}.prm:focus-visible{outline-offset:3px;outline:3px solid #458fff}.prm--coral{--bg:#d2452c;--accent:#ffe0a6;--price-bg:#0f2e1a;--cta-ink:#9e2614;--dots:#ffe0a633;--tag-bg:#0f2e1a}.prm--mint{--bg:#a8d8c4;--ink:#0f2e1a;--accent:#d2452c;--cta-bg:#0f2e1a;--cta-ink:#fbf4e6;--dots:#0f2e1a1f;--ring:#0f2e1a59}.prm--cream{--bg:#fbf4e6;--ink:#0f2e1a;--accent:#d2452c;--price-bg:#1f4d2b;--cta-bg:#d2452c;--cta-ink:#fff;--dots:#1f4d2b1a;--ring:#c9a35ae6}.prm--wine{--bg:#5a1420;--accent:#e9c57e;--price-bg:#e9c57e;--price-ink:#5a1420;--cta-ink:#5a1420;--dots:#e9c57e29;--tag-bg:#e9c57e;--tag-ink:#5a1420}.prm--blush{--bg:#f6d6cf;--ink:#3c0f18;--accent:#d2452c;--price-bg:#5a1420;--cta-bg:#1f4d2b;--cta-ink:#fbf4e6;--dots:#5a14201a;--ring:#d2452c73}.prm--forest{--bg:#1f4d2b}.prm-dots{z-index:-1;background-image:radial-gradient(var(--dots) 18%, transparent 19%);background-size:3.2cqw 3.2cqw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#000 0%,#0000 55%);mask-image:linear-gradient(115deg,#000 0%,#0000 55%)}.prm-ring{z-index:-1;border:.5cqw solid var(--ring);border-radius:50%;width:70cqw;height:70cqw;position:absolute;top:-26cqw;right:-22cqw}.prm-photo{z-index:1;background:#fffdf7;margin:0;padding:1.2cqw;position:absolute;transform:rotate(3deg);box-shadow:0 1.2cqw 2.4cqw #00000038}.prm-photo img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}.prm-chip{color:#3d3a35;font:500 max(9px, 2.2cqw)/1 var(--cjk);letter-spacing:.02em;white-space:nowrap;background:#fffdf7eb;padding:.4em .7em;position:absolute;bottom:2cqw;right:2cqw}.prm-copy{z-index:2;flex-direction:column;align-items:flex-start;gap:2cqw;display:flex;position:relative}.prm-kicker{background:var(--ink);color:var(--bg);font:700 max(10px, 3.4cqw)/1.2 var(--cjk);letter-spacing:.15em;white-space:nowrap;border-radius:999px;padding:.45em .9em;display:inline-block}.prm-title{font:900 9cqw/1.35 var(--cjk);letter-spacing:.08em;text-wrap:balance;flex-direction:column;display:flex}.prm-title span{white-space:nowrap}.prm-title span:last-child{color:var(--accent)}.prm-sub{font:500 max(11px, 3.4cqw)/1.75 var(--cjk);letter-spacing:0;text-wrap:pretty;max-width:100%}.prm-price{background:var(--price-bg);color:var(--price-ink);font-family:var(--font-sans), var(--cjk);border-radius:999px;align-items:baseline;gap:.25em;padding:.35em .8em;display:inline-flex}.prm-price small{letter-spacing:.1em;font-size:max(10px,3cqw);font-weight:700}.prm-price b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:7cqw;font-weight:800}.prm-price em{font-size:max(10px,3cqw);font-style:normal;font-weight:700}.prm-cta{background:var(--cta-bg);color:var(--cta-ink);font:700 max(11px, 3.3cqw)/1 var(--cjk);letter-spacing:.12em;white-space:nowrap;padding:.55em 1.1em;display:inline-block}.prm-tag{z-index:3;background:var(--tag-bg);color:var(--tag-ink);font:800 max(10px, 3.2cqw)/1 var(--cjk);letter-spacing:.12em;white-space:nowrap;border-bottom-right-radius:10px;padding:.55em 1em .55em .9em;position:absolute;top:0;left:0}.prm--square{aspect-ratio:1}.prm--square .prm-copy{gap:2.2cqw;padding:9cqw 7cqw 0;position:static}.prm--square:has(.prm-tag) .prm-copy{padding-top:12cqw}.prm--square .prm-sub,.prm--square .prm-cta{display:none}.prm--square .prm-title{font-size:8.2cqw}.prm--square .prm-price{position:absolute;bottom:9cqw;left:7cqw}.prm--square .prm-price b{font-size:8cqw}.prm--square .prm-photo{aspect-ratio:4/5;width:38%;bottom:5cqw;right:6cqw}.prm--feature{aspect-ratio:4/5.4}.prm--feature .prm-photo{aspect-ratio:1;width:74%;top:6cqw;left:13%;transform:rotate(-2.5deg)}.prm--feature .prm-copy{gap:2.4cqw;padding:0 7cqw 8cqw;position:absolute;bottom:0;left:0;right:0}.prm--feature .prm-title{font-size:9.5cqw}.prm--feature .prm-sub{display:none}.prm--feature .prm-ring{inset:auto auto -30cqw -20cqw}.prm--banner{aspect-ratio:5.6;min-height:150px}.prm--banner .prm-copy{flex-flow:wrap;align-items:center;gap:1.2cqw 2.4cqw;height:100%;padding:0 34% 0 4cqw}.prm--banner .prm-kicker{font-size:max(10px,1.1cqw)}.prm--banner .prm-title{flex-direction:row;gap:.5em;font-size:max(20px,3cqw)}.prm--banner .prm-sub{flex-basis:100%;font-size:max(12px,1.15cqw)}.prm--banner .prm-price small,.prm--banner .prm-price em{font-size:max(10px,1cqw)}.prm--banner .prm-price b{font-size:max(18px,2.4cqw)}.prm--banner .prm-cta{font-size:max(11px,1.1cqw)}.prm--banner .prm-photo{aspect-ratio:4/5;width:15%;padding:.5cqw;top:50%;right:4cqw;transform:translateY(-50%)rotate(4deg)}.prm--banner .prm-chip{font-size:max(9px,.8cqw);bottom:1cqw;right:1cqw}.prm--banner .prm-ring{border-width:.25cqw;width:34cqw;height:34cqw;top:-12cqw;right:-6cqw}.prm--banner .prm-dots{background-size:1.2cqw 1.2cqw}.prm--banner .prm-tag{font-size:max(10px,1cqw)}.prm--tile{aspect-ratio:3/2}.prm--tile .prm-copy{gap:2.2cqw;max-width:64%;padding:8cqw 6cqw 0}.prm--tile .prm-title{font-size:7.4cqw}.prm--tile .prm-sub{display:none}.prm--tile .prm-photo{aspect-ratio:1;border-radius:50%;width:30%;padding:1.2cqw;bottom:10cqw;right:5cqw;transform:none}.prm--tile .prm-photo img{border-radius:50%}.prm--tile .prm-chip{bottom:-1cqw;right:50%;transform:translate(50%)}.prm--tile .prm-cta{margin:0;position:absolute;bottom:7cqw;left:6cqw}.prm--tile .prm-copy{position:static}.prm--tile .prm-price{display:none}@container (max-width:240px){.prm--feature .prm-photo{width:56%;top:7cqw;left:22%}.prm--feature .prm-price{display:none}.prm--feature .prm-copy{gap:3cqw;padding-bottom:7cqw}}@media (max-width:767px){.prm--tile{aspect-ratio:2}.prm--tile .prm-copy{gap:1.6cqw;padding-top:6cqw}.prm--tile .prm-cta{position:static}.prm--banner{aspect-ratio:auto;min-height:0}.prm--banner .prm-copy{gap:8px 10px;padding:22px 38% 22px 18px}.prm--banner .prm-title{flex-direction:column;gap:0;font-size:21px}.prm--banner .prm-photo{width:30%;right:16px}.prm--banner .prm-sub{font-size:12px}}@media (prefers-reduced-motion:reduce){.prm{transition:none}.prm:hover{transform:none}}:root[lang=en] .prm-title{letter-spacing:0;font-family:var(--font-sans), sans-serif}:root[lang=en] .prm-kicker,:root[lang=en] .prm-cta,:root[lang=en] .prm-tag{letter-spacing:.04em}.prw{--cjk:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;line-break:strict;flex-direction:column;gap:40px;max-width:1240px;margin:48px auto 56px;padding-inline:16px;display:flex}.prw-head{border-bottom:2px solid #1f4d2b;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;padding-bottom:10px;display:flex}.prw-head h2{font:800 22px/1.35 var(--cjk);letter-spacing:.1em;color:#0f2e1a;text-wrap:balance;margin:0;padding-left:14px;position:relative}.prw-head h2:before{content:"";background:#d2452c;border-radius:3px;width:5px;position:absolute;top:.2em;bottom:.2em;left:0}.prw-head a{color:#a82f1b;font:700 14px/1.4 var(--cjk);letter-spacing:.08em;white-space:nowrap;flex-shrink:0;text-decoration:none}.prw-head a:hover{text-underline-offset:3px;text-decoration:underline}.prw-grid{gap:16px;display:grid}.prw-grid--banner{grid-template-columns:1fr}.prw-grid--feature{grid-template-columns:repeat(4,minmax(0,1fr))}.prw-grid--squares{grid-template-columns:repeat(5,minmax(0,1fr))}.prw-grid--tiles{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1023px){.prw-grid--feature{grid-template-columns:repeat(2,minmax(0,1fr))}.prw-grid--squares{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.prw{gap:32px;margin-block:32px 40px}.prw-head h2{font-size:19px}.prw-grid{gap:12px}.prw-grid--tiles{grid-template-columns:1fr}.prw-grid--squares{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding:4px 16px 8px;display:flex;overflow-x:auto}.prw-grid--squares::-webkit-scrollbar{display:none}.prw-grid--squares>.prm{scroll-snap-align:start;flex:0 0 62%}}.prm:has(.prm-photo){--ink:#fffaf0;--accent:#f1d5aa;--cta-bg:#fffaf0;--cta-ink:#17382c;--price-bg:#fffaf0;--price-ink:#17382c;background:#17382c}.prm:has(.prm-photo):before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0a2118a1 0%,#0a211814 42%,#0a2118cc 100%);position:absolute;inset:0}:is(.prm:has(.prm-photo) .prm-dots,.prm:has(.prm-photo) .prm-ring){display:none}.prm:has(.prm-photo) .prm-photo{width:100%;height:100%;box-shadow:none;background:0 0;padding:0;inset:0;transform:none}.prm:has(.prm-photo) .prm-photo img{object-fit:cover;object-position:center 28%;border-radius:0;width:100%;height:100%}.prm:has(.prm-photo) .prm-chip{z-index:3;font-size:max(9px,1.5cqw);bottom:2cqw;right:2cqw;transform:none}.prm:has(.prm-photo) .prm-copy{z-index:2;text-shadow:0 2px 12px #071b148c;align-items:flex-start;gap:1.2cqw;max-width:none;padding:6cqw;position:absolute;inset:0}.prm:has(.prm-photo) .prm-kicker{color:#17382c;text-shadow:none;background:#fffaf0f0}.prm:has(.prm-photo) .prm-title{color:#fffaf0;letter-spacing:.025em;font-size:7.5cqw;line-height:1.25}.prm:has(.prm-photo) .prm-title span:last-child{color:#f1d5aa}.prm:has(.prm-photo) .prm-price{text-shadow:none;border-radius:4px;position:absolute;bottom:7cqw;left:6cqw}.prm:has(.prm-photo) .prm-cta{display:none}.prm:has(.prm-photo) .prm-tag{z-index:4}.prm--feature:has(.prm-photo) .prm-copy{padding-top:8cqw}.prm--feature:has(.prm-photo) .prm-price{bottom:8cqw}.prm--banner:has(.prm-photo) .prm-photo img{object-position:center 34%}.prm--banner:has(.prm-photo):before{background:linear-gradient(90deg,#0a2118e6 0%,#0a2118a1 54%,#0a21180d 100%)}.prm--banner:has(.prm-photo) .prm-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:.6cqw;padding:2cqw 38% 2cqw 4cqw}.prm--banner:has(.prm-photo) .prm-title{font-size:max(20px,3.1cqw)}.prm--banner:has(.prm-photo) .prm-sub{flex-basis:auto;font-size:max(11px,1.05cqw);display:block}.prm--banner:has(.prm-photo) .prm-price{bottom:2cqw;left:auto;right:2cqw}.prm--tile:has(.prm-photo) .prm-title{font-size:6.8cqw}.prm--tile:has(.prm-photo) .prm-price{display:inline-flex}@media (max-width:767px){.prm--banner:has(.prm-photo) .prm-copy{padding:18px 35% 18px 18px}.prm--banner:has(.prm-photo) .prm-sub{display:none}}.prm:has(.prm-photo):before{z-index:2}.prm:has(.prm-photo) .prm-copy{z-index:3}.prm:has(.prm-photo) .prm-chip{z-index:4}
