:root{--ink:#0a0a0c;--ink2:#2a2a2c;--gray:#6b6b6e;--gray2:#a0a0a2;--line:#e5e5df;--paper3:#fafaf8;--paper:#f6f6f2;--paper2:#eaeae4;--acc:#0a0a0c;--acc2:#2a2a2c;--ok:#2f6b3a;--pop:#c4d600;--pop2:#b3c400;--serif:"Noto Serif TC",serif;--sans:"Noto Sans TC","PingFang TC",sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--paper3);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.8;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button{font-family:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.narrow{max-width:820px}.sec{padding:clamp(56px,7vw,104px) 0}.paper{background:var(--paper)}.kicker{align-items:center;gap:10px;margin-bottom:14px;display:flex}.kicker i{background:var(--pop);width:28px;height:3px}.kicker span{font-family:var(--mono);letter-spacing:.16em;color:var(--gray);font-size:14px;font-weight:500}h1.t,h2.t{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(30px,3.8vw,44px);font-weight:700;line-height:1.25}h1.t{font-size:clamp(34px,4.6vw,54px)}.lead{color:var(--ink2);max-width:36em;font-size:18px;line-height:1.85}.fmt{flex-wrap:wrap;gap:6px;display:flex}.fmt span{color:var(--ink2);background:var(--paper2);white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:15px;font-weight:500;line-height:1.6}.btn{cursor:pointer;background:var(--pop);color:var(--ink);letter-spacing:.04em;border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--pop2)}.btn svg{width:18px;height:18px}.btn[disabled]{background:var(--paper2);color:var(--gray2);cursor:not-allowed}.btn.ghost{color:var(--ink);border:1.5px solid var(--ink);background:#fff}.btn.ghost:hover{background:var(--ink);color:#fff}.testbar{background:var(--ink);color:#ffffffe0;text-align:center;padding:8px 16px;font-size:15px;line-height:1.5}.ft{background:var(--ink);color:#ffffffb8;padding:52px 0 36px;font-size:16px}.ft-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;display:grid}@media (width<=800px){.ft-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.ft-grid{grid-template-columns:1fr}}.ft img{width:auto;height:22px;margin-bottom:14px}.ft h4{color:#fff;letter-spacing:.06em;margin-bottom:12px;font-size:15px;font-weight:700}.ft ul{flex-direction:column;gap:8px;list-style:none;display:flex}.ft a{color:#ffffffb8;text-decoration:none}.ft a:hover{color:#fff}.ft-note{max-width:30ch;font-size:15px;line-height:1.75}.ft-bottom{color:#ffffff80;border-top:1px solid #ffffff24;margin-top:36px;padding-top:18px;font-size:14px}.shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:34px;display:grid}.tile{border:1px solid var(--line);min-width:0;color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.tile:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 10px 24px #00000014}.tile:hover h2,.tile:hover h3{color:var(--acc)}.t-img{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.t-img img{object-fit:cover;filter:saturate(.85);width:100%;height:100%;transition:filter .2s}.tile:hover .t-img img{filter:saturate()}.t-img.brand{place-items:center;padding:14px;display:grid}.t-img.brand img{object-fit:contain;filter:none}.t-body{flex-direction:column;flex:1;min-height:290px;padding:22px 20px 24px;display:flex}.shop.more .t-body{min-height:0}.t-body h2,.t-body h3{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:12px;font-size:21px;font-weight:700;line-height:1.3;transition:color .2s}.shop:not(.more) .tile:not(.feat) .t-body h3{min-height:54.6px}.cd-desc{min-height:44.8px}.t-body .fmt{margin-bottom:8px}.cd-sub{color:var(--ink2);letter-spacing:0;margin-top:4px;font-size:17px;font-weight:500;display:block}.cd-desc{color:var(--gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 6px;font-size:14px;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.badges{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.badges span{letter-spacing:.02em;color:var(--ink);background:var(--pop);border-radius:4px;padding:3px 11px;font-size:14px;font-weight:700;line-height:1.5}.badges.hot span{color:#c2410c;background:#fff0e4;border:1px solid #f3c49a}.t-pr .was{color:var(--gray2);margin-right:8px;font-size:15px;font-weight:500;text-decoration-thickness:1.5px}.t-pr{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;font-size:17px;font-weight:700;display:flex}.ext{color:var(--gray);margin-left:8px;font-size:14px;font-weight:500}.g-b{color:var(--gray2);flex:none;place-items:center;transition:color .2s,transform .2s;display:grid}.g-b svg{width:22px;height:22px}.tile:hover .g-b{color:var(--acc);transform:translate(4px)}.feat{flex-direction:row;grid-column:1/-1}.feat .t-img{aspect-ratio:16/9;flex:none;width:58%}.feat .t-img img{filter:none;object-position:50% 40%}.feat:hover .t-img img{filter:none}.feat .t-body{justify-content:center;min-height:0;padding:clamp(24px,3.4vw,48px)}.feat .t-body h2{margin-bottom:18px;font-size:clamp(28px,3.1vw,38px)}.feat .cd-sub{margin-top:6px;font-size:clamp(19px,1.9vw,24px)}.feat .t-pr{font-family:var(--serif);color:var(--ink);margin-top:14px;font-size:26px;font-weight:700}.feat .t-pr .was{font-size:19px}.feat .ext{font-family:var(--sans);margin-top:2px;margin-left:0;display:block}.feat .g-b svg{width:28px;height:28px}@media (width<=1000px){.shop{gap:24px}.feat .t-img{width:52%}}@media (width<=760px){.shop{grid-template-columns:minmax(0,1fr)}.last{grid-column:1/-1}.feat,.last{flex-direction:column}.feat .t-img,.last .t-img{width:auto}.t-body,.tile:not(.feat) .t-body h3,.cd-desc{min-height:0}}.ends{background:var(--paper);border:1px solid var(--line);color:var(--ink2);margin-top:34px;padding:22px 26px;font-size:16px;line-height:1.85}button[disabled]{opacity:.55;cursor:default}