{"id":1364,"date":"2026-04-29T15:03:13","date_gmt":"2026-04-29T07:03:13","guid":{"rendered":"https:\/\/warmdryang.co\/?p=1364"},"modified":"2026-04-29T17:16:20","modified_gmt":"2026-04-29T09:16:20","slug":"1172990130","status":"publish","type":"post","link":"https:\/\/villeroy-boch.kenk.com.tw\/?p=1364","title":{"rendered":"Boston\u6ce2\u58eb\u9813 \u9ad8\u8173\u6c34\u6676\u6c34\u676f (\u900f\u660e) 250ml"},"content":{"rendered":"\n\n<style>\/* === Perlemor Classic Layout \u2014 v1 \u6e2c\u8a66\u7248 ===\n * \u5c0d\u9f4a\u7bc4\u672c\uff1aC:\\KE\\wordpress_product\\Perlemor Product Page.html ClassicLayout\n * \u6b64\u6a94\u7531 product_uploader.py \u900f\u904e inline <style> \u6ce8\u5165\u5230 post content (wrap \u5728 wp:html block)\n *\/\n\n\/* === Astra single-post \u5bb9\u5668\u4fee\u6b63 === *\/\n\/* \u96b1\u85cf Astra \u81ea\u52d5 render \u7684 page title + \u4f5c\u8005\/\u65e5\u671f meta\uff08Perlemor \u7bc4\u672c\u81ea\u5e36 H1\uff09 *\/\n.single-post .entry-header,\n.single-post header.entry-header,\n.single-post .entry-title,\n.single-post .post-meta,\n.single-post .entry-meta,\n.single-post .ast-author-meta { display: none !important; }\n\n\/* \u7a81\u7834 Astra container \u5bec\u5ea6\u9650\u5236\uff1a\n   Astra single-post \u7528 .ast-container CSS grid \u9810\u7559 sidebar \u7a7a\u9593\uff0c#primary \u53ea\u62ff\u5230 ~710px\u3002\n   \u5f37\u5236\u55ae\u6b04 + \u96b1\u85cf sidebar\uff0c\u8b93 #primary \u6eff\u5bec\u3002 *\/\nbody.single-post #secondary { display: none !important; }\nbody.single-post .ast-container,\nhtml body.single-post .ast-container { grid-template-columns: 1fr !important; max-width: 1280px !important; }\nbody.single-post #primary,\nbody.single-post .site-main,\nbody.single-post article.post,\nbody.single-post .entry-content {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n.poc-perlemor { margin: 0 !important; padding: 0; max-width: none !important; }\n\n\/* === Root tokens === *\/\n.poc-perlemor {\n  font-family: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;\n  color: #374151;\n  --pp-accent: #1a3a8a;\n  --pp-bg2: #f3f4f6;\n  --pp-border: #e5e7eb;\n  --pp-fg2: #6b7280;\n  background: #fff;\n}\n.poc-perlemor .container { max-width: 1100px; margin: 0 auto; padding: 0 48px; box-sizing: border-box; }\n\n\/* === Main 3-col === *\/\n.poc-perlemor .main-grid { display: grid; grid-template-columns: 72px 1fr 380px; gap: 0; padding: 32px 0; align-items: start; }\n.poc-perlemor .thumbs { display: flex; flex-direction: column; gap: 10px; padding-top: 4px; }\n.poc-perlemor .thumb { width: 56px; height: 56px; border-radius: 4px; overflow: hidden; background: #eee; border: 2px solid transparent; cursor: default; }\n.poc-perlemor .thumb.active { border-color: var(--pp-accent); }\n.poc-perlemor .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n.poc-perlemor .main-img-wrap { background: #ffffff; border-radius: 6px; overflow: hidden; margin: 0 24px; position: relative; aspect-ratio: 1\/1; max-height: 520px; }\n.poc-perlemor .main-img-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 24px; box-sizing: border-box; display: block; }\n.poc-perlemor .img-counter { position: absolute; bottom: 12px; right: 14px; font-size: 11px; color: var(--pp-fg2); background: rgba(255, 255, 255, 0.7); padding: 3px 8px; border-radius: 3px; }\n\n.poc-perlemor .info { padding-top: 4px; }\n.poc-perlemor .collection-tag { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-fg2); margin-bottom: 8px; }\n.poc-perlemor .product-h1 { font-size: 30px; font-weight: 700; line-height: 1.3; margin: 0 0 6px; color: #374151; font-family: 'Noto Sans TC', sans-serif; }\n.poc-perlemor .product-sub { font-size: 13px; color: var(--pp-fg2); margin-bottom: 20px; }\n\n.poc-perlemor .price-block { margin: 0 0 20px; padding: 16px 0; border-top: 1px solid var(--pp-border); border-bottom: 1px solid var(--pp-border); }\n.poc-perlemor .price-prefix { font-size: 13px; color: var(--pp-fg2); margin-right: 6px; }\n.poc-perlemor .price { font-size: 26px; font-weight: 700; color: var(--pp-accent); letter-spacing: 0.02em; }\n\n.poc-perlemor .color-section { margin-bottom: 20px; }\n.poc-perlemor .color-label { font-size: 12px; letter-spacing: 0.08em; margin-bottom: 10px; color: #374151; }\n.poc-perlemor .color-label .name { color: var(--pp-fg2); }\n.poc-perlemor .swatches { display: flex; gap: 10px; }\n.poc-perlemor .swatch { width: 34px; height: 34px; border-radius: 50%; border: 3px solid var(--pp-accent); outline: 1px solid var(--pp-accent); cursor: default; }\n\n.poc-perlemor .btn { display: block; width: 100%; padding: 14px 24px; font-size: 15px; font-weight: 500; cursor: pointer; font-family: 'Noto Sans TC', sans-serif; border-radius: 999px; transition: all 0.2s; margin-bottom: 12px; text-align: center; text-decoration: none; box-sizing: border-box; }\n.poc-perlemor .btn-primary { background: var(--pp-accent); color: #fff; border: none; }\n.poc-perlemor .btn-primary.disabled { background: #9ca3af; cursor: not-allowed; pointer-events: none; }\n.poc-perlemor .btn-outline { background: #fff; color: var(--pp-accent); border: 2px solid var(--pp-accent); }\n.poc-perlemor .btn-outline:hover { background: var(--pp-accent); color: #fff; }\n\n\/* === Description section === *\/\n.poc-perlemor .section-eyebrow { border-bottom: 1px solid var(--pp-border); padding-bottom: 12px; margin: 60px 0 40px; }\n.poc-perlemor .section-eyebrow span { font-size: 13px; letter-spacing: 0.08em; color: var(--pp-accent); font-weight: 500; }\n\n.poc-perlemor .desc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-bottom: 72px; align-items: start; }\n.poc-perlemor .desc-h2 { font-size: 24px; font-weight: 700; margin: 0 0 4px; color: #374151; font-family: 'Noto Sans TC', sans-serif; }\n.poc-perlemor .desc-sub { font-size: 13px; color: var(--pp-fg2); margin-bottom: 6px; }\n.poc-perlemor .bullets { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-direction: column; gap: 14px; }\n.poc-perlemor .bullet { display: flex; gap: 12px; font-size: 14px; line-height: 1.65; color: #374151; }\n.poc-perlemor .bullet-mark { color: var(--pp-accent); flex-shrink: 0; margin-top: 2px; }\n.poc-perlemor .lifestyle { border-radius: 6px; overflow: hidden; aspect-ratio: 4\/3; background: var(--pp-bg2); display: flex; align-items: center; justify-content: center; }\n.poc-perlemor .lifestyle img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.poc-perlemor .lifestyle-placeholder { color: #9ca3af; font-size: 12px; }\n\n\/* === Spec table === *\/\n.poc-perlemor .spec-wrap { max-width: 600px; margin-bottom: 80px; }\n.poc-perlemor .spec-table { width: 100%; border-collapse: collapse; }\n.poc-perlemor .spec-table td { padding: 14px 20px; font-size: 13px; border-bottom: 1px solid var(--pp-border); }\n.poc-perlemor .spec-table td:first-child { color: var(--pp-fg2); width: 40%; }\n.poc-perlemor .spec-table td:last-child { color: #374151; }\n\n\/* === RWD === *\/\n@media (max-width: 768px) {\n  .poc-perlemor .container { padding: 0 20px; }\n  .poc-perlemor .main-grid { grid-template-columns: 1fr; gap: 20px; }\n  .poc-perlemor .thumbs { flex-direction: row; }\n  .poc-perlemor .main-img-wrap { margin: 0; max-height: none; }\n  .poc-perlemor .product-h1 { font-size: 24px; }\n  .poc-perlemor .desc-grid { grid-template-columns: 1fr; gap: 32px; }\n}\n<\/style>\n<div class=\"poc-perlemor\">\n<div class=\"container\">\n\n  <div class=\"main-grid\">\n\n    <div class=\"thumbs\">\n      \n      <div class=\"thumb active\"><img decoding=\"async\" src=\"https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png\" alt=\"Boston\u6ce2\u58eb\u9813 \u9ad8\u8173\u6c34\u6676\u6c34\u676f (\u900f\u660e) 250ml\" \/><\/div>\n      \n      <div class=\"thumb\"><img decoding=\"async\" src=\"https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Audun_1010671240.png\" alt=\"lifestyle\" \/><\/div>\n      \n    <\/div>\n\n    <div class=\"main-img-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png\" alt=\"Boston\u6ce2\u58eb\u9813 \u9ad8\u8173\u6c34\u6676\u6c34\u676f (\u900f\u660e) 250ml\" \/>\n      <div class=\"img-counter\">1 \/ 2<\/div>\n    <\/div>\n\n    <div class=\"info\">\n      <div class=\"collection-tag\">BOSTON<\/div>\n      <h1 class=\"product-h1\">Boston water tumbler 99 mm, 250 ml<\/h1>\n      <div class=\"product-sub\">\u900f\u660e\uff0c250 ml\uff0c\u6c34\u6676\u73bb\u7483<\/div>\n\n      <div class=\"price-block\">\n        <span class=\"price-prefix\">\u552e\u50f9<\/span>\n        <span class=\"price\">NT$ 1,000<\/span>\n      <\/div>\n\n      <div class=\"color-section\">\n        <div class=\"color-label\">\u984f\u8272\uff1a<span class=\"name\">Transparent<\/span><\/div>\n        <div class=\"swatches\">\n          \n          <div class=\"swatch\" style=\"background:#dbeafe;\" title=\"\u900f\u660e\"><\/div>\n          \n        <\/div>\n      <\/div>\n\n      <a href=\"#\" class=\"btn btn-primary\">\u524d\u5f80\u8cfc\u8cb7<\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"section-eyebrow\"><span>\u7522\u54c1\u63cf\u8ff0<\/span><\/div>\n  <div class=\"desc-grid\">\n    <div>\n      <h2 class=\"desc-h2\">Boston water tumbler 99 mm, 250 ml<\/h2>\n      <div class=\"desc-sub\">\u900f\u660e\uff0c250 ml\uff0c\u6c34\u6676\u73bb\u7483<\/div>\n      <div class=\"desc-sub\">\u984f\u8272\uff1aTransparent<\/div>\n      <ul class=\"bullets\">\n        \n        <li class=\"bullet\"><span class=\"bullet-mark\">\u2014<\/span><span>Villeroy & Boch \u00b7 1748 \u5e74\u767e\u5e74\u5de5\u85dd\u50b3\u627f\uff0c\u7531 \u5fb7\u570b \u88fd\u9020\u3002<\/span><\/li>\n        \n        <li class=\"bullet\"><span class=\"bullet-mark\">\u2014<\/span><span>\u5bb9\u91cf 250 ml\uff0c\u676f\u578b\u91dd\u5c0d\u54c1\u98f2\u9396\u5b9a\u9999\u6c23\u8a2d\u8a08\u3002<\/span><\/li>\n        \n        <li class=\"bullet\"><span class=\"bullet-mark\">\u2014<\/span><span>\u6c34\u6676\u73bb\u7483\uff0c\u8cea\u611f\u5353\u8d8a\u4e14\u8010\u7528\u3002<\/span><\/li>\n        \n        <li class=\"bullet\"><span class=\"bullet-mark\">\u2014<\/span><span>\u901a\u904e\u98df\u54c1\u5b89\u5168\u6b50\u76df\u6a19\u6e96\u8a8d\u8b49\u3002<\/span><\/li>\n        \n        <li class=\"bullet\"><span class=\"bullet-mark\">\u2014<\/span><span>\u9069\u5408\u65e5\u5e38\u4f7f\u7528\uff0c\u4ea6\u70ba\u9ad8\u7aef\u79ae\u54c1\u994b\u8d08\u3002<\/span><\/li>\n        \n      <\/ul>\n    <\/div>\n    <div class=\"lifestyle\">\n      <img decoding=\"async\" src=\"https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Audun_1010671240.png\" alt=\"lifestyle\" \/>\n      \n    <\/div>\n  <\/div>\n\n  <div class=\"section-eyebrow\"><span>\u898f\u683c\u7d30\u7bc0<\/span><\/div>\n  <div class=\"spec-wrap\">\n    <table class=\"spec-table\" cellspacing=\"0\">\n      <tbody>\n        \n        <tr><td>Article number<\/td><td>1172990130<\/td><\/tr>\n        \n        <tr><td>Brand<\/td><td>Villeroy & Boch<\/td><\/tr>\n        \n        <tr><td>Color<\/td><td>Transparent\uff08\u900f\u660e\uff09<\/td><\/tr>\n        \n        <tr><td>Collection<\/td><td>Boston<\/td><\/tr>\n        \n        <tr><td>Material<\/td><td>\u6c34\u6676\u73bb\u7483 (\u8010\u71b1\u6eab\u5ea60-30\u00b0C)<\/td><\/tr>\n        \n        <tr><td>Shape<\/td><td>Round<\/td><\/tr>\n        \n        <tr><td>Dishwasher safe<\/td><td>\u2014<\/td><\/tr>\n        \n        <tr><td>Microwave safe<\/td><td>\u2014<\/td><\/tr>\n        \n        <tr><td>Diameter<\/td><td>99 mm<\/td><\/tr>\n        \n        <tr><td>Height<\/td><td>\u2014<\/td><\/tr>\n        \n        <tr><td>Weight<\/td><td>\u2014<\/td><\/tr>\n        \n      <\/tbody>\n    <\/table>\n  <\/div>\n\n<\/div>\n<\/div>\n<script>\/\/ Perlemor thumbnail click \u2192 swap main image + update active class + update counter\n\/\/ \u7531 product_uploader.py \u900f\u904e inline <script> \u6ce8\u5165\u5230 post content (wrap \u5728 wp:html block)\n(function () {\n  var root = document.querySelector('.poc-perlemor');\n  if (!root) return;\n  var thumbs = root.querySelectorAll('.thumb');\n  var mainImg = root.querySelector('.main-img-wrap img');\n  var counter = root.querySelector('.img-counter');\n  var total = thumbs.length;\n\n  thumbs.forEach(function (thumb, idx) {\n    thumb.style.cursor = 'pointer';\n    thumb.addEventListener('click', function () {\n      var img = thumb.querySelector('img');\n      if (img && mainImg) {\n        mainImg.src = img.src;\n        mainImg.alt = img.alt || mainImg.alt;\n      }\n      thumbs.forEach(function (t) { t.classList.remove('active'); });\n      thumb.classList.add('active');\n      if (counter) counter.textContent = (idx + 1) + ' \/ ' + total;\n    });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>1 \/ 2 BOSTON Boston  [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1363,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[27,14,20,28],"tags":[],"class_list":["post-1364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-boston","category-poc-test","category-20","category-28"],"spectra_custom_meta":{"_thumbnail_id":["1363"],"_uag_page_assets":["a:9:{s:3:\"css\";s:0:\"\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:8:{i:0;s:9:\"core\/html\";i:1;s:11:\"core\/search\";i:2;s:10:\"core\/group\";i:3;s:12:\"core\/heading\";i:4;s:17:\"core\/latest-posts\";i:5;s:20:\"core\/latest-comments\";i:6;s:13:\"core\/archives\";i:7;s:15:\"core\/categories\";}s:8:\"uag_flag\";b:0;s:11:\"uag_version\";s:10:\"1778025717\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":["https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png",75,106,false],"thumbnail":["https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png",75,106,false],"medium":["https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png",75,106,false],"medium_large":["https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png",75,106,false],"large":["https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png",75,106,false],"1536x1536":["https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png",75,106,false],"2048x2048":["https:\/\/villeroy-boch.kenk.com.tw\/wp-content\/uploads\/2026\/04\/Boston_1172990130.png",75,106,false]},"uagb_author_info":{"display_name":"Lina","author_link":"https:\/\/villeroy-boch.kenk.com.tw\/?author=4"},"uagb_comment_info":0,"uagb_excerpt":"1 \/ 2 BOSTON Boston [&hellip;]","_links":{"self":[{"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/1364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1364"}],"version-history":[{"count":5,"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/1364\/revisions"}],"predecessor-version":[{"id":1450,"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/1364\/revisions\/1450"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=\/wp\/v2\/media\/1363"}],"wp:attachment":[{"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/villeroy-boch.kenk.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}