:root{ --bg:#f7ece8; --card:#fffaf8; --border:#ead6cf; --text:#4a2a22; --muted:#8a6c60; --accent:#c88b6e; --accentDark:#a86f52; --radius:18px; --shadow:0 12px 28px rgba(74,42,34,.10); --shadow2:0 18px 40px rgba(0,0,0,.08); --font:var(--font-ui-en, "DM Sans", sans-serif); /* 新增：复选框主题色（匹配第一张图的棕色） */ --checkbox-color: #a86f52; --checkbox-bg: #fff; --checkbox-border: #ead6cf; } /* 筛选器部分样式 */ .filter-section{ background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,236,232,.85)); border-bottom:1px solid rgba(234,214,207,.95); transform:translateY(0); transition:transform .22s ease, box-shadow .22s ease; will-change:transform; } .check-box{ display:flex; flex-direction:column; align-items:stretch; gap:10px; } .mobile-select-summary{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; width:100%; } .mobile-select-summary h2{ margin:0; display:flex; align-items:center; line-height:1.25; font-family:var(--font-body-zh, "Noto Sans TC", sans-serif); font-size:18px; letter-spacing:.2px; font-weight:950; white-space:nowrap; } .mobile-select-summary .desktop-select-label{ display:none; } .mobile-select-summary .mobile-select-label{ display:inline; } @media (min-width:1024px){ .filter-section{ position:sticky; top:0; z-index:200; backdrop-filter: blur(10px); } } /* Container only for FILTER */ .container{ width:100%; box-sizing:border-box; padding:18px 16px; } @media (min-width:768px){ .container{padding:24px 24px;} } @media (min-width:1280px){ .container{ max-width:1280px; margin:0 auto; padding:28px 40px; } } /* 依需要選擇 + keywords 同一排，超過寬換行；keywords 按鈕樣式 */ .title-and-kw-wrap{ display:flex; flex-wrap:wrap; align-items:center; gap:0.5em 0.75em; margin-bottom:0.15em; /* 新增：相对定位，为左右箭头提供定位参考 */ position: relative; width: 100%; overflow: hidden; justify-content: flex-start; padding: 0 10px; } .title-and-kw-wrap h2{ margin:0; font-family:var(--font-body-zh, "Noto Sans TC", sans-serif); font-size:20px; letter-spacing:.2px; font-weight:950; /* 新增：固定标题不滚动 */ flex-shrink: 0; } .sub{ margin:0.8em 0 0; font-family:var(--font-ui-en, "DM Sans", sans-serif); color:var(--muted); font-size:12px; line-height:1.6; } .title-and-kw-wrap .tabs-shell{ flex:1 1 auto; min-width:0; /* 新增：溢出隐藏，用于滚动 */ overflow: hidden; position: relative; } /* 新增：关键词滚动容器样式 */ .title-and-kw-wrap .kw-scroll-container { display: flex; align-items: center; width: 100%; overflow-x: auto; scroll-behavior: smooth; /* 隐藏滚动条 */ -ms-overflow-style: none; scrollbar-width: none; } .title-and-kw-wrap .kw-scroll-container::-webkit-scrollbar { display: none; } .title-and-kw-wrap .kw-tabs{ display:flex; /* 新增：取消换行，改为横向滚动 */ flex-wrap: nowrap; align-items:center; gap:0.4em; /* 新增：给足够的内边距，避免被箭头遮挡 */ padding: 0 30px; } /* 新增：关键词左右切换箭头样式 */ .kw-nav-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--border); background: rgba(255,255,255,.95); box-shadow: var(--shadow); display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; transition: all 0.2s ease; z-index: 10; opacity: 0; pointer-events: none; } .kw-nav-arrow.show { opacity: 1; pointer-events: auto; } .kw-nav-arrow.left { left: 0; /* 避开标题 */ margin-left: calc(0px + 0px) } .kw-nav-arrow.right { right: 0; margin-right: 0px; } .kw-nav-arrow:hover { background: var(--card); border-color: var(--accent); } .kw-nav-arrow:active { transform: translateY(-50%) scale(0.95); } .kw-nav-arrow.disabled { opacity: 0.3; pointer-events: none; } /* 新增：箭头图标 */ .kw-nav-arrow::after { content: ''; width: 8px; height: 8px; border-right: 2px solid var(--text); border-bottom: 2px solid var(--text); } .kw-nav-arrow.left::after { transform: rotate(135deg); margin-right: 0px; } .kw-nav-arrow.right::after { transform: rotate(-45deg); margin-left: 0px; } /* 响应式调整箭头位置 */ @media (max-width: 768px) { .kw-nav-arrow.left { margin-left: 0px; } .title-and-kw-wrap h2 { /* 移动端标题换行 */ width: 100%; margin-bottom: 10px; } .kw-nav-arrow { top: calc(0% + 50%); } } /* keywords 按鈕樣式 */ .kw-tab{ appearance:none; font-family:var(--font-ui-en, "DM Sans", sans-serif); border:1px solid var(--border); background:#fff; border-radius:999px; padding:6px 12px; font-size:13px; font-weight:800; color:var(--muted); cursor:pointer; white-space:nowrap; transition:color .15s ease, background .15s ease, border-color .15s ease, transform .08s ease; /* 新增：固定不换行 */ flex-shrink: 0; } .kw-tab:hover{ color:var(--accentDark); border-color:var(--accent); background:rgba(200,139,110,.08); } .kw-tab:active{transform:scale(.98);} .kw-tab.active{ color:#fff; background:linear-gradient(135deg, var(--accent), var(--accentDark)); border-color:var(--accentDark); } /* 下拉列 */ .filter-row-one{ display:flex; flex-direction:column; align-items:stretch; gap:0.8em; padding:0.8em 0 10px; border-bottom:0px solid rgba(200,139,110,.25); } .filter-row-one .top-controls{ margin-top:0; } .tab-arrow{ position:absolute; top:50%; transform:translateY(-55%); width:34px; height:34px; border-radius:12px; border:1px solid rgba(234,214,207,.95); background:rgba(255,255,255,.92); box-shadow:0 10px 18px rgba(74,42,34,.08); display:none; align-items:center; justify-content:center; cursor:pointer; user-select:none; transition:transform .08s ease, opacity .15s ease; z-index:2; } .tab-arrow:active{transform:translateY(-55%) scale(.98);} .tab-arrow svg{width:16px; height:16px; fill:rgba(74,42,34,.8);} .tab-arrow.left{left:8px;} .tab-arrow.right{right:8px;} @media (min-width:768px){ .tab-arrow.show{display:flex;} } .tab-arrow.disabled{opacity:.35; pointer-events:none;} /* Top controls: Selected count + Sort */ .top-controls{ margin-top:14px; display:flex; flex-wrap:wrap; gap:12px; } .filter-row-one .top-controls{margin-top:0;} .selected-pill{ display:inline-flex; align-items:center; gap:8px; font-size:12px; padding:8px 10px; border-radius:999px; background:#fff; border:1px solid var(--border); color:var(--muted); white-space:nowrap; font-weight:900; width:100%; justify-content:center; } .sort-wrap{ display:flex; flex-wrap:wrap; gap:10px; width:100%; } .sort-wrap-inner{ display:flex; flex-wrap:wrap; gap:10px; width:100%; align-items:center; } .sort-label{ display:none; } .sort-select{ appearance:none; -webkit-appearance: none; -moz-appearance: none; font-family:var(--font-ui-en, "DM Sans", sans-serif); border:1px solid var(--border); background:#fff; border-radius:14px; padding:0 30px 0 12px; font-size:13px; font-weight:950; color:var(--text); cursor:pointer; box-shadow:0 10px 20px rgba(74,42,34,.06); width:100%; margin-bottom:8px; box-sizing: border-box; height: 36px; line-height: 36px; } .sort-box{ position:relative; display:block; width:100%; } .sort-box::after{ content:""; position:absolute; right:12px; top:50%; width:8px; height:8px; border-right:2px solid rgba(74,42,34,.65); border-bottom:2px solid rgba(74,42,34,.65); transform:translateY(-60%) rotate(45deg); pointer-events:none; } .old-filter-apply{ display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-ui-en, "DM Sans", sans-serif); width:36px; height:36px; border-radius:999px; border:1px solid rgba(234,214,207,.95); background:rgba(255,255,255,.92); color:rgba(138,108,96,.95); box-shadow:0 10px 18px rgba(74,42,34,.08); cursor:pointer; transition:transform .08s ease, opacity .15s ease, border-color .15s ease; } .old-filter-apply:hover{ border-color:rgba(210,182,171,.95); } .old-filter-apply:active{ transform:scale(.98); } .old-filter-apply svg{ width:16px; height:16px; stroke:currentColor; stroke-width:2.25; fill:none; } .applied-old-filters{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:auto; flex:0 1 auto; max-width:100%; } .applied-old-filters:empty{ display:none; } .applied-old-filter-pill{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font-ui-en, "DM Sans", sans-serif); min-height:38px; padding:0 12px; border-radius:999px; border:1px solid rgba(234,214,207,.95); background:#fffaf8; color:#6d5146; box-shadow:0 10px 18px rgba(74,42,34,.05); font-size:12px; font-weight:900; white-space:nowrap; } .applied-old-filter-pill .meta{ color:var(--muted); font-weight:800; } /* 旧的筛选框样式 */ .old-filters-wrapper { display: flex; flex-wrap: wrap; gap: 8px; width: auto; flex: 1 1 280px; margin-bottom: 0; } .old-filter-box { position: relative; display: block; flex: 1 0 calc(50% - 4px); min-width: calc(50% - 4px); } .old-filter-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid var(--border); background: #fff; border-radius: 14px; padding: 0 30px 0 12px; font-size: 13px; font-weight: 950; color: var(--text); cursor: pointer; box-shadow: 0 10px 20px rgba(74,42,34,.06); width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; height: 36px; line-height: 36px; } .old-filter-box::after { content: ""; position: absolute; right: 12px; top: 50%; width: 8px; height: 8px; border-right: 2px solid rgba(74,42,34,.65); border-bottom: 2px solid rgba(74,42,34,.65); transform: translateY(-60%) rotate(45deg); pointer-events: none; } /* 平板端样式 */ @media (min-width: 640px) and (max-width: 767px) { .old-filter-box { flex: 1 0 calc(33.333% - 8px); min-width: calc(33.333% - 8px); } } /* 桌面端样式 */ @media (min-width: 768px) { .check-box{ flex-direction:row; justify-content:space-between; align-items:center; } .mobile-select-summary{ flex:1 1 auto; min-width:0; } .mobile-select-summary .desktop-select-label{ display:inline; } .mobile-select-summary .mobile-select-label{ display:none; } .filter-row-one{ flex:0 0 auto; } .top-controls { flex-direction: row; align-items: center; justify-content: space-between; } .selected-pill { width: auto; justify-content: flex-start; } .sort-wrap { width: auto; flex-wrap: nowrap; } .sort-wrap-inner { flex-wrap: nowrap; width: auto; align-items: center; } .sort-label { display: inline-block; font-size: 12px; color: var(--muted); font-weight: 900; white-space: nowrap; line-height: 1; margin: 0; padding: 0; height: auto; } .sort-select { width: auto; margin-bottom: 0; min-width: 100px; } .sort-box { width: auto; display: inline-block; } .old-filters-wrapper { flex-wrap: nowrap; width: auto; margin-bottom: 0; margin-right: 12px; } .old-filter-box { flex: none; min-width: 100px; } } /* 大桌面端样式 */ @media (min-width: 1024px) { .old-filter-select { min-width: 100px; } } /* Filter Accordion - 移动端优化 */ .filter-bar{ margin-top:0; /* 核心修改：彻底移除顶部间距 */ transition: margin-top 0.3s ease-out; /* 平滑过渡 */ } /* 隱藏「進階篩選 / 已選 x 項」那條欄，篩選內容照常顯示 */ .filter-bar .acc-head{ display:flex !important; position:relative; padding:12px 40px 12px 12px; border:1px solid var(--border); border-radius:16px; background:#fff; cursor:pointer; user-select:none; width:100%; box-sizing:border-box; justify-content:space-between; align-items:center; margin:0; /* 确保没有额外间距 */ } .acc-text{ display:flex; flex-direction:column; gap:2px; width:100%; max-width:100%; box-sizing:border-box; text-align:center; } .acc-title{ font-family:var(--font-ui-en, "DM Sans", sans-serif); font-size:16px; font-weight:950; white-space:nowrap; display:block; width:100%; } /* prefix 一行佔全行、打橫排，置中 */ .acc-sub{ display:block; width:100%; max-width:100%; font-family:var(--font-ui-en, "DM Sans", sans-serif); font-size:14px; color:var(--muted); font-weight:700; white-space:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; box-sizing:border-box; text-align:center; } .acc-sub::-webkit-scrollbar{display:none;} .acc-head .right{ position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: flex-end; font-family: var(--font-ui-en, "DM Sans", sans-serif); color: var(--muted); font-weight: 900; font-size: 12px; gap: 8px; } .acc-head .btn-clear-inline{ display:none; font-family:var(--font-ui-en, "DM Sans", sans-serif); border:none; background:transparent; color:var(--accentDark); font-size:12px; font-weight:900; padding:0; cursor:pointer; white-space:nowrap; } .acc-head .btn-clear-inline.is-visible{ display:inline-flex; align-items:center; } .chev{ width:10px; height:10px; border-right:2px solid rgba(138,108,96,.9); border-bottom:2px solid rgba(138,108,96,.9); transform:rotate(45deg); transition:transform .18s ease; margin-top:-2px; } .acc-head .chev{ margin-top:0; } .acc-head.open .chev{ transform:rotate(-135deg); margin-top:0; } .acc-panel{ margin-top:0; /* 核心修改：默认无间距 */ display:none; height: 0; /* 彻底隐藏高度 */ overflow: hidden; } .acc-panel.show { display:block; margin-top:10px; /* 展开时添加间距 */ height: auto; /* 展开时恢复高度 */ } @media (min-width:1024px){ .filter-bar{ background:rgba(255,255,255,.84); border:1px solid rgba(234,214,207,.70); border-radius:22px; padding:14px; box-shadow:0 14px 30px rgba(74,42,34,.08); margin-top:12px; /* 桌面端保留间距 */ } .filter-bar .acc-head{ cursor:pointer; border-color:rgba(234,214,207,.55); pointer-events:auto; } .filter-bar .chev{ display:inline-block; } .acc-panel{ display:none; margin-top:0; height:0; } .acc-panel.show{ display:block; margin-top:14px; height:auto; } } /* Filters layout - 完全复刻第一张图的布局 */ .filters{ display:grid; grid-template-columns:1fr; gap:12px; /* 减小卡片间距，更紧凑 */ padding:0; } @media(min-width:768px){ .filters{ grid-template-columns:repeat(3, 1fr); /* 平板/桌面端固定3列，匹配第一张图 */ gap:16px; } } @media(min-width:1024px){ .filters{ grid-template-columns:repeat(3, 1fr); gap:20px; } } /* 复刻第一张图的卡片样式 */ .filter-group{ background: var(--card); border: 1px solid var(--border); border-radius: 16px; /* 匹配第一张图的圆角 */ padding: 16px 16px 14px; /* 内边距更均匀 */ box-sizing: border-box; box-shadow: 0 2px 8px rgba(74,42,34,.04); /* 轻微阴影，更立体 */ } /* 组标题样式 - 匹配第一张图 */ .group-title{ margin: 0 0 5px 0; font-family:var(--font-body-zh, "Noto Sans TC", sans-serif); font-size: 15px; font-weight: 950; color: var(--text); letter-spacing: 0.2px; } /* 复选框容器 - 横向排列，紧凑布局 */ .chips{ display:flex; flex-wrap:wrap; gap: 16px 12px; /* 行列间距匹配第一张图 */ align-items: center; } /* ✅ 核心：复刻第一张图的复选框+文字样式 */ .ck{ background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; gap: 6px !important; /* 复选框和文字间距更小 */ display: inline-flex; /* 行内排列，不是块级 */ align-items: center; cursor: pointer; min-height: auto; /* 移除最小高度限制 */ width: auto; /* 自适应宽度 */ } .ck:hover{ border: none !important; box-shadow: none !important; background: transparent !important; } .ck:active{ transform: none !important; } /* 复选框文字样式 - 匹配第一张图 */ .ck span{ color: var(--text); /* 黑色文字，不是链接色 */ font-weight: 700; /* 中等加粗，不是900 */ font-size: 14px; /* 字号匹配 */ letter-spacing: 0.1px; line-height: 1; } /* ✅ 核心：自定义复选框样式（完全复刻第一张图） */ .ck input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 16px; /* 小尺寸，匹配第一张图 */ height: 16px; margin: 0; cursor: pointer; background: var(--checkbox-bg); border: 1px solid var(--checkbox-border); border-radius: 4px; /* 轻微圆角 */ position: relative; transition: all 0.2s ease; flex-shrink: 0; } /* 选中状态 - 匹配第一张图的棕色填充 */ .ck input[type="checkbox"]:checked { background: var(--checkbox-color); border-color: var(--checkbox-color); } /* 选中时的对勾（极简样式，匹配第一张图） */ .ck input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 2px; left: 5px; width: 4px; height: 8px; border-right: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: rotate(45deg); } /* Info row (結果 + 清除) */ .results-head{ margin-top:8px; /* 核心修改：减小顶部间距 */ display:flex; flex-direction:column; gap:8px; /* 减小内部间距 */ } /* 已選 / Sort / 結果幾件 / 清除同一行不換行 */ .results-head-one-line{ flex-direction:row; flex-wrap:nowrap; align-items:center; gap:8px; /* 减小间距 */ margin-top:8px; /* 减小顶部间距 */ } .results-head-one-line .top-controls{ margin-top:0; display:flex; flex-wrap:nowrap; align-items:center; gap:8px; } .results-head-one-line .count{ margin-left:0; } .count{ font-size:12px; color:var(--muted); display:flex; align-items:center; flex-wrap:wrap; gap:8px; } .pill{ font-size:12px; padding:6px 10px; border-radius:999px; background:#fff; border:1px solid var(--border); color:var(--muted); white-space:nowrap; } /* 清除全部按钮 - 匹配第一张图的样式 */ .btn{ border:none; border-radius: 12px; /* 更小的圆角，匹配第一张图 */ padding: 8px 16px; /* 更紧凑的内边距 */ font-size:14px; cursor:pointer; transition: all 0.2s ease; white-space:nowrap; font-weight:700; /* 中等加粗 */ width: auto; /* 自适应宽度 */ background: var(--card); color: var(--text); border: 1px solid var(--border); } .btn:hover{ background: rgba(247,236,232,.5); border-color: var(--accent); } .btn:active{ transform:scale(.98); } .btn.secondary{ background:var(--card); color:var(--text); border:1px solid var(--border); } @media(min-width:768px){ .results-head{ flex-direction:row; align-items:center; justify-content:space-between; margin-top:0px; /* 桌面端恢复间距 */ gap:10px; } .btn{ width:auto; } } code.inline{ font-size:12px; background:#fff; border:1px solid var(--border); padding:2px 6px; border-radius:10px; } /* ✅ 关键修改：移动端改为固定展开/收缩，移除弹窗滚动 + 彻底修复空白问题 */ @media (max-width: 1023px) { .filter-row-one .top-controls{ flex-direction: row; align-items: center; width: 100%; } .sort-wrap{ width: 100%; } .sort-wrap-inner{ display: flex; align-items: center; flex-wrap: nowrap; width: 100%; gap: 8px; } .old-filters-wrapper{ display: flex; flex-wrap: nowrap; flex: 1 1 auto; margin-bottom: 0; } .mobile-select-summary{ align-items:center; } .mobile-select-summary h2{ font-size:16px; line-height:1.25; } .applied-old-filters{ flex:1 1 auto; min-width:0; overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px; scrollbar-width:none; } .applied-old-filters::-webkit-scrollbar{ display:none; } .applied-old-filter-pill{ flex:0 0 auto; } .old-filter-box{ flex: 1 1 0; min-width: 0; } .sort-box{ flex: 0 0 auto; width: auto; } .sort-select{ width: auto; min-width: 100px; margin-bottom: 0; /* 移除底部间距 */ } /* 清除全部 + 結果幾件 + 已選幾項同一行 */ .results-head{ flex-direction: row; align-items: center; gap: 8px; margin-top: 8px !important; /* 强制减小间距 */ } .results-head-one-line{ flex-wrap: nowrap; margin-top: 8px !important; /* 强制减小间距 */ } .results-head-one-line .btn{ width: auto; /* 自适应宽度 */ flex: none; padding-inline: 16px; text-align: center; } .results-head-one-line .count{ flex: 1 1 auto; justify-content: flex-end; display: flex; flex-wrap: nowrap; gap: 6px; } .results-head-one-line .pill{ max-width: 50%; overflow: hidden; text-overflow: ellipsis; } /* ✅ 移除弹窗抽屉样式，改为固定展开/收缩 + 彻底修复空白 */ .filter-bar{ margin-top:8px !important; /* 仅保留极小间距 */ margin-left:0; margin-right:0; width:100%; padding-left:0; padding-right:0; box-sizing:border-box; padding: 10px; } .filter-bar .acc-head{ display:flex !important; margin:0; } .acc-panel{ position: static !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; transform: none !important; transition: all 0.3s ease-out; /* 所有属性平滑过渡 */ z-index: auto !important; overflow: hidden; max-height: 0; height: 0; opacity: 0; pointer-events: none; display: block !important; margin-top: 0 !important; /* 强制无间距 */ } .acc-panel.show{ max-height: 1000px; height: auto; opacity: 1; pointer-events: auto; margin-top: 10px !important; /* 展开时仅加10px间距 */ } .filters{ width:100%; max-height: none; overflow: visible; } .tag-drawer-footer, .tag-drawer-mask { display: none !important; } .filter-bar.tag-drawer-open{ position: static; z-index: auto; } .acc-panel .filter-group{ width:100%; box-sizing:border-box; } }

依需要選擇: Select:

Sort

進階篩選

已選 0 項

結果：292 件已選 0 項

// 动态获取basePath - 支持两种URL格式 function getBasePath() { const catIdInput = document.getElementById('currentCategoryId'); if (catIdInput && catIdInput.value) { return `/category.php?id=${catIdInput.value}`; } const urlParams = new URLSearchParams(window.location.search); const id = urlParams.get('id'); if (id) { return `/category.php?id=${id}`; } return '/category.php'; } const basePath = getBasePath(); // 从服务器数据动态生成关键字数组 const KEYWORDS = (function() { const keywords = []; keywords.push({ key: "kw:無鋼圈", label: "無鋼圈" }); keywords.push({ key: "kw:軟鋼圈內衣", label: "軟鋼圈內衣" }); keywords.push({ key: "kw:鋼圈", label: "鋼圈" }); return keywords; })(); // 解码HTML实体 function decodeHtmlEntities(text) { const textarea = document.createElement('textarea'); textarea.innerHTML = text; return textarea.value; } // 从服务器数据动态生成TAG分组数组 const TAG_GROUPS = (function() { const tagGroups = []; try { const serverTagGroupsRaw = '[]'; if (!serverTagGroupsRaw || serverTagGroupsRaw.trim() === '') { return [ { title: "舒適度", groupKey: "comfort", items: [ {key: "tag:comfort_comfy", label: "舒適"}, {key: "tag:comfort_support", label: "高支撐"}, {key: "tag:comfort_light", label: "輕包覆"} ] }, { title: "功能", groupKey: "function", items: [ {key: "tag:function_lift", label: "托高"}, {key: "tag:function_pushup", label: "集中"}, {key: "tag:function_breathable", label: "透氣"} ] }, { title: "風格", groupKey: "style", items: [ {key: "tag:style_minimal", label: "簡約"}, {key: "tag:style_sexy", label: "性感"}, {key: "tag:style_sporty", label: "運動"} ] } ]; } const decodedStr = decodeHtmlEntities(serverTagGroupsRaw); const serverTagGroups = JSON.parse(decodedStr); if (serverTagGroups && serverTagGroups.length > 0) { for (let i = 0; i < serverTagGroups.length; i++) { const group = serverTagGroups[i]; const formattedGroup = { title: group.title, groupKey: group.groupKey || group.title.replace(/[^a-zA-Z0-9]/g, '_').toLowerCase(), items: [] }; if (group.items && group.items.length > 0) { for (let j = 0; j < group.items.length; j++) { const item = group.items[j]; if (item.key && item.label) { formattedGroup.items.push({ key: item.key, label: item.label }); } } } if (formattedGroup.items.length > 0) { tagGroups.push(formattedGroup); } } } } catch (e) { return [ { title: "舒適度", groupKey: "comfort", items: [ {key: "tag:comfort_comfy", label: "舒適"}, {key: "tag:comfort_support", label: "高支撐"}, {key: "tag:comfort_light", label: "輕包覆"} ] }, { title: "功能", groupKey: "function", items: [ {key: "tag:function_lift", label: "托高"}, {key: "tag:function_pushup", label: "集中"}, {key: "tag:function_breathable", label: "透氣"} ] }, { title: "風格", groupKey: "style", items: [ {key: "tag:style_minimal", label: "簡約"}, {key: "tag:style_sexy", label: "性感"}, {key: "tag:style_sporty", label: "運動"} ] } ]; } return tagGroups; })(); // DOM const elFilterSection = document.getElementById("filterSection"); const elKwTabs = document.getElementById("kwTabs"); const elFilters = document.getElementById("filters"); const elCount = document.getElementById("resultCount"); const elClearInline = document.getElementById("btnClearInline"); const elAppliedOldFilters = document.getElementById("appliedOldFilters"); const elAccToggle = document.getElementById("accToggle"); const elAccPanel = document.getElementById("accPanel"); const elAccHint = document.getElementById("accHint"); const elSelectedPill = document.getElementById("selectedPill"); const elTagMask = document.getElementById("tagDrawerMask"); const elTagDrawerApply = document.getElementById("tagDrawerApplyBtn"); const elFilterBar = document.querySelector(".filter-bar"); const elSortSelect = document.getElementById("sortSelect"); const elOldFilterApply = document.getElementById("oldFilterApplyBtn"); // 新增：关键词滚动相关DOM const elKwScrollContainer = document.getElementById("kwScrollContainer"); const elKwArrowLeft = document.getElementById("kwArrowLeft"); const elKwArrowRight = document.getElementById("kwArrowRight"); // State const state = { kw: "", tags: [], sort: "ALL", }; // 工具函数 function isMobile(){return window.matchMedia("(max-width: 860px)").matches;} function isTabletUp(){return window.matchMedia("(min-width: 768px)").matches;} function isPCSticky(){return window.matchMedia("(min-width: 1024px)").matches;} // 从URL中提取filter_attr参数 function extractFilterAttrFromUrl(url) { if (!url) return ""; try { const urlObj = new URL(url, window.location.origin); const queryValue = urlObj.searchParams.get("filter_attr") || ""; if (queryValue) { return queryValue; } const seoMatch = urlObj.pathname.match(/-attr([0-9.]+)/); return seoMatch ? seoMatch[1] : ""; } catch (e) { const queryPart = url.includes('?') ? url.split('?')[1] : ''; if (queryPart) { const params = new URLSearchParams(queryPart); const queryValue = params.get("filter_attr") || ""; if (queryValue) { return queryValue; } } const seoMatch = url.match(/-attr([0-9.]+)/); return seoMatch ? seoMatch[1] : ""; } } function getCurrentFilterAttrValue() { const sp = new URLSearchParams(location.search); const fromQuery = sp.get("filter_attr"); if (fromQuery) { return fromQuery; } const hiddenFilterAttr = document.getElementById('filter_attr'); return hiddenFilterAttr && hiddenFilterAttr.value ? hiddenFilterAttr.value : ""; } function setCurrentFilterAttrValue(value) { const hiddenFilterAttr = document.getElementById('filter_attr'); if (hiddenFilterAttr) { hiddenFilterAttr.value = value || ""; } } function getPendingOldFilterSelections() { const items = []; const oldFilterSelects = document.querySelectorAll('.old-filter-select'); oldFilterSelects.forEach((select, fallbackIndex) => { const rawIndex = parseInt(select.getAttribute('data-filter-id'), 10); const slotIndex = Number.isNaN(rawIndex) ? fallbackIndex : rawIndex; const selectedOption = select.selectedOptions && select.selectedOptions[0]; if (!selectedOption || !selectedOption.value) { return; } const optionFilterAttr = extractFilterAttrFromUrl(selectedOption.value); if (!optionFilterAttr) { return; } const optionParts = optionFilterAttr.split('.'); const slotValue = optionParts[slotIndex] || "0"; if (!slotValue || slotValue === "0") { return; } items.push({ slotIndex, name: select.getAttribute('data-filter-name') || '', label: selectedOption.textContent ? selectedOption.textContent.trim() : '', value: slotValue }); }); return items; } function getAppliedOldFilterItems() { const items = []; const activeParts = getCurrentFilterAttrValue() ? getCurrentFilterAttrValue().split('.') : []; const oldFilterSelects = document.querySelectorAll('.old-filter-select'); oldFilterSelects.forEach((select, fallbackIndex) => { const rawIndex = parseInt(select.getAttribute('data-filter-id'), 10); const slotIndex = Number.isNaN(rawIndex) ? fallbackIndex : rawIndex; const activeValue = activeParts[slotIndex] || "0"; if (!activeValue || activeValue === "0") { return; } let label = ''; for (let option of select.options) { if (!option.value) { continue; } const optionFilterAttr = extractFilterAttrFromUrl(option.value); const optionParts = optionFilterAttr ? optionFilterAttr.split('.') : []; if ((optionParts[slotIndex] || "0") === activeValue) { label = option.textContent ? option.textContent.trim() : ''; break; } } if (!label) { return; } items.push({ slotIndex, name: select.getAttribute('data-filter-name') || '', label, value: activeValue }); }); return items; } function renderAppliedOldFilters() { if (!elAppliedOldFilters) { return; } const items = getAppliedOldFilterItems(); if (!items.length) { elAppliedOldFilters.innerHTML = ''; return; } elAppliedOldFilters.innerHTML = items.map(item => { const prefix = item.name ? `<span class="meta">${escapeHtml(item.name)}</span>` : ''; return `<span class="applied-old-filter-pill">${prefix}<span>${escapeHtml(item.label)}</span></span>`; }).join(''); } function resetOldFilterSelects() { const oldFilterSelects = document.querySelectorAll('.old-filter-select'); oldFilterSelects.forEach((select, fallbackIndex) => { const rawIndex = parseInt(select.getAttribute('data-filter-id'), 10); const slotIndex = Number.isNaN(rawIndex) ? fallbackIndex : rawIndex; let resetIndex = 0; for (let i = 0; i < select.options.length; i++) { const option = select.options[i]; if (!option.value || option.disabled) { continue; } const optionParts = extractFilterAttrFromUrl(option.value).split('.'); if ((optionParts[slotIndex] || "0") === "0") { resetIndex = i; break; } } select.selectedIndex = resetIndex; }); } function syncOldFilterSelectsToCurrent() { const activeParts = getCurrentFilterAttrValue() ? getCurrentFilterAttrValue().split('.') : []; const oldFilterSelects = document.querySelectorAll('.old-filter-select'); oldFilterSelects.forEach((select, fallbackIndex) => { const rawIndex = parseInt(select.getAttribute('data-filter-id'), 10); const slotIndex = Number.isNaN(rawIndex) ? fallbackIndex : rawIndex; const activeValue = activeParts[slotIndex] || "0"; let matchedIndex = -1; for (let i = 0; i < select.options.length; i++) { const option = select.options[i]; if (!option.value) { continue; } const optionParts = extractFilterAttrFromUrl(option.value).split('.'); if ((optionParts[slotIndex] || "0") === activeValue) { matchedIndex = i; break; } } if (matchedIndex >= 0) { select.selectedIndex = matchedIndex; } }); } // 合并旧筛选框的 filter_attr 值，保留多个 dropdown 的选择 function getSelectedFilterAttr() { const oldFilterSelects = Array.from(document.querySelectorAll('.old-filter-select')); if (!oldFilterSelects.length) { return ""; } const merged = getCurrentFilterAttrValue() ? getCurrentFilterAttrValue().split('.') : []; const targetLength = Math.max(merged.length, oldFilterSelects.length); while (merged.length < targetLength) { merged.push("0"); } oldFilterSelects.forEach((select, fallbackIndex) => { const rawIndex = parseInt(select.getAttribute('data-filter-id'), 10); const slotIndex = Number.isNaN(rawIndex) ? fallbackIndex : rawIndex; while (merged.length <= slotIndex) { merged.push("0"); } if (!(select.selectedOptions.length > 0 && select.selectedOptions[0].value)) { return; } const optionFilterAttr = extractFilterAttrFromUrl(select.selectedOptions[0].value); if (!optionFilterAttr) { return; } const parts = optionFilterAttr.split('.'); merged[slotIndex] = parts[slotIndex] && parts[slotIndex] !== '' ? parts[slotIndex] : "0"; }); while (merged.length > 0 && (!merged[merged.length - 1] || merged[merged.length - 1] === "0")) { merged.pop(); } return merged.length ? merged.join('.') : ""; } // URL构建 function buildUrl() { const params = new URLSearchParams(); const brandInput = document.getElementById('brand'); const priceMinInput = document.getElementById('price_min'); const priceMaxInput = document.getElementById('price_max'); const onlineSaleZInput = document.getElementById('online_sale_z'); const zbGoodsInput = document.getElementById('zb_goods'); if (state.kw) params.set("kw", state.kw); if (state.tags && state.tags.length) params.set("tag", state.tags.join(",")); if (state.sort && state.sort !== "ALL") params.set("sort", state.sort); if (brandInput && brandInput.value) params.set("brand", brandInput.value); if (priceMinInput && priceMinInput.value) params.set("price_min", priceMinInput.value); if (priceMaxInput && priceMaxInput.value) params.set("price_max", priceMaxInput.value); if (onlineSaleZInput && onlineSaleZInput.value) params.set("online_sale_z", onlineSaleZInput.value); if (zbGoodsInput && zbGoodsInput.value) params.set("zb_goods", zbGoodsInput.value); const selectedFilterAttr = getSelectedFilterAttr(); if (selectedFilterAttr) { params.set("filter_attr", selectedFilterAttr); } const currentBraRecommend = new URLSearchParams(location.search).get("bra_recommend") || ""; if (currentBraRecommend && selectedFilterAttr === getCurrentFilterAttrValue()) { params.set("bra_recommend", currentBraRecommend); } const currentSizeMatch = new URLSearchParams(location.search).get("size_match") || ""; if (currentSizeMatch === "exact") { params.set("size_match", "exact"); } const qs = params.toString(); if (basePath.includes('?')) { return basePath + (qs ? '&' + qs : ''); } else { return basePath + (qs ? '?' + qs : ''); } } // 计算已选项 function calculateSelectedCount() { let count = 0; count += state.tags.length; const slotSet = new Set(); getAppliedOldFilterItems().forEach(item => slotSet.add(item.slotIndex)); getPendingOldFilterSelections().forEach(item => slotSet.add(item.slotIndex)); count += slotSet.size; if (state.sort && state.sort !== "ALL") { count += 1; } return count; } // 更新选中数量显示 function updateSelectedCount() { const selectedCount = calculateSelectedCount(); if (elAccHint) elAccHint.textContent = `已選 ${selectedCount} 項`; if (elSelectedPill) elSelectedPill.textContent = `已選 ${selectedCount} 項`; if (elClearInline) { elClearInline.classList.toggle('is-visible', selectedCount > 0); } renderAppliedOldFilters(); } // 立即跳转 function syncUrl() { const url = buildUrl(); window.location.href = url; } // 从URL加载状态 function loadFromUrl() { const sp = new URLSearchParams(location.search); state.kw = sp.get("kw") || ""; const tagStr = sp.get("tag") || ""; state.tags = tagStr ? tagStr.split(",").filter(Boolean) : []; state.sort = sp.get("sort") || "ALL"; const oldFilterSelects = document.querySelectorAll('.old-filter-select'); const filterAttrValue = getCurrentFilterAttrValue(); setCurrentFilterAttrValue(filterAttrValue); if (oldFilterSelects.length) { syncOldFilterSelectsToCurrent(); } if (elSortSelect) elSortSelect.value = state.sort; } // 渲染关键字标签 function renderKeywordTabs() { if (!elKwTabs || KEYWORDS.length === 0) { return; } elKwTabs.innerHTML = KEYWORDS.map(k => { const isActive = (k.key === state.kw); return `<button class="kw-tab ${isActive ? "active":""}" type="button" data-kw="${escapeHtml(k.key)}">${escapeHtml(k.label)}</button>`; }).join(""); // 新增：渲染后更新箭头状态 updateKwArrows(); } // 渲染过滤器 function renderFilters() { if (!elFilters || TAG_GROUPS.length === 0) { return; } elFilters.innerHTML = TAG_GROUPS.map(g => { const chips = g.items.map(it => { const safeId = (g.groupKey + "_" + it.key).replace(/[^a-zA-Z0-9_-]/g, "_"); return ` <label class="ck" for="${safeId}"> <input type="checkbox" id="${safeId}" data-tag="${escapeHtml(it.key)}"> <span>${escapeHtml(it.label)}</span> </label> `; }).join(""); return ` <div class="filter-group"> <div class="group-title">${escapeHtml(g.title)}</div> <div class="chips">${chips}</div> </div> `; }).join(""); updateCheckboxUI(); } // 更新复选框UI function updateCheckboxUI() { if (!elFilters || TAG_GROUPS.length === 0) { return; } const checked = new Set(state.tags); [...document.querySelectorAll('input[type="checkbox"][data-tag]')].forEach(cb => { cb.checked = checked.has(cb.getAttribute("data-tag")); }); } // 手风琴状态：预设收起，保留已选数量摘要 function setAccordionState() { if (!elAccToggle || !elAccPanel) { return; } const isOpen = elAccPanel.classList.contains("show"); elAccToggle.classList.toggle("open", isOpen); elAccToggle.setAttribute("aria-expanded", isOpen ? "true" : "false"); elAccToggle.style.pointerEvents = "auto"; if (elAccToggle.querySelector('.chev')) { elAccToggle.querySelector('.chev').style.display = "inline-block"; } if (elTagMask) { elTagMask.classList.remove("show"); } } // 切换手风琴 function toggleAccordion() { if (!elAccToggle || !elAccPanel) return; const isOpen = elAccPanel.classList.contains("show"); if (isOpen) { elAccPanel.classList.remove("show"); elAccToggle.classList.remove("open"); elAccToggle.setAttribute("aria-expanded", "false"); } else { elAccPanel.classList.add("show"); elAccToggle.classList.add("open"); elAccToggle.setAttribute("aria-expanded", "true"); } } // 关闭抽屉 function closeTagDrawer() { if (!elAccPanel || !elAccPanel.classList.contains("show")) return; elAccPanel.classList.remove("show"); elAccToggle.classList.remove("open"); elAccToggle.setAttribute("aria-expanded", "false"); if (elTagMask) elTagMask.classList.remove("show"); if (elFilterBar) elFilterBar.classList.remove("tag-drawer-open"); } // 滚动事件 let lastY = window.scrollY; let ticking = false; function handleScroll() { if (!elFilterSection || !isPCSticky()) return; const y = window.scrollY; const delta = y - lastY; if (y < 40) { elFilterSection.classList.remove("is-hidden"); } else { if (delta < -8) { elFilterSection.classList.add("is-hidden"); } else if (delta > 8) { elFilterSection.classList.remove("is-hidden"); } } lastY = y; ticking = false; } window.addEventListener("scroll", () => { if (!ticking) { ticking = true; requestAnimationFrame(handleScroll); } }, {passive:true}); // 事件：关键词点击 if (elKwTabs) { elKwTabs.addEventListener("click", (e) => { const btn = e.target.closest("button[data-kw]"); if (!btn) return; state.kw = btn.getAttribute("data-kw") || ""; syncUrl(); }); } // 事件：checkbox 选中后立即跳转 document.addEventListener("change", (e) => { const cb = e.target.closest('input[type="checkbox"][data-tag]'); if (cb) { const tag = cb.getAttribute("data-tag"); if (!tag) return; const set = new Set(state.tags); if (cb.checked) set.add(tag); else set.delete(tag); state.tags = [...set]; updateSelectedCount(); syncUrl(); return; } // 旧筛选框 const oldSelect = e.target.closest('.old-filter-select'); if (oldSelect) { updateSelectedCount(); return; } // 排序 if (e.target === elSortSelect) { state.sort = elSortSelect.value || "ALL"; syncUrl(); } }); // 清除按钮 if (elClearInline) { elClearInline.addEventListener("click", (e) => { e.stopPropagation(); state.kw = ""; state.tags = []; state.sort = "ALL"; if (elSortSelect) elSortSelect.value = "ALL"; setCurrentFilterAttrValue(""); resetOldFilterSelects(); updateSelectedCount(); syncUrl(); setAccordionState(); }); } // 手风琴点击 if (elAccToggle) { elAccToggle.addEventListener("click", toggleAccordion); } // 应用按钮（保留但实际已经即时跳转） if (elTagDrawerApply) { elTagDrawerApply.addEventListener("click", () => { updateSelectedCount(); closeTagDrawer(); syncUrl(); }); } if (elTagMask) { elTagMask.addEventListener("click", () => { if (!isMobile()) closeTagDrawer(); }); } if (elOldFilterApply) { elOldFilterApply.addEventListener("click", () => { syncUrl(); }); } window.addEventListener("resize", () => { setAccordionState(); if (!isPCSticky() && elFilterSection) { elFilterSection.classList.remove("is-hidden"); } // 新增：窗口调整时更新箭头状态 updateKwArrows(); }); function escapeHtml(str) { if (typeof str !== 'string') return ''; return String(str) .replaceAll("&","&") .replaceAll("<","<") .replaceAll(">",">") .replaceAll('"',""") .replaceAll("'","'"); } // 新增：更新关键词滚动箭头状态（勿在此強制 scrollLeft=0，否則捲動事件觸發時用戶無法橫向看後段鈕） function updateKwArrows() { if (!elKwScrollContainer || !elKwArrowLeft || !elKwArrowRight) return; const container = elKwScrollContainer; const isScrollable = container.scrollWidth > container.clientWidth; // 显示/隐藏箭头 if (isScrollable) { elKwArrowLeft.classList.add('show'); elKwArrowRight.classList.add('show'); } else { elKwArrowLeft.classList.remove('show'); elKwArrowRight.classList.remove('show'); } // 禁用/启用左箭头 if (container.scrollLeft <= 0) { elKwArrowLeft.classList.add('disabled'); } else { elKwArrowLeft.classList.remove('disabled'); } // 禁用/启用右箭头 const isAtEnd = container.scrollLeft >= (container.scrollWidth - container.clientWidth - 5); if (isAtEnd) { elKwArrowRight.classList.add('disabled'); } else { elKwArrowRight.classList.remove('disabled'); } } // 新增：关键词滚动函数 function scrollKwContainer(direction) { if (!elKwScrollContainer) return; const scrollAmount = 200; // 每次滚动的像素值 if (direction === 'left') { elKwScrollContainer.scrollBy({ left: -scrollAmount, behavior: 'smooth' }); } else { elKwScrollContainer.scrollBy({ left: scrollAmount, behavior: 'smooth' }); } // 延迟更新箭头状态，确保滚动完成 setTimeout(updateKwArrows, 100); } // 新增：绑定关键词滚动事件 if (elKwArrowLeft) { elKwArrowLeft.addEventListener('click', () => scrollKwContainer('left')); } if (elKwArrowRight) { elKwArrowRight.addEventListener('click', () => scrollKwContainer('right')); } // 新增：滚动时更新箭头状态 if (elKwScrollContainer) { elKwScrollContainer.addEventListener('scroll', updateKwArrows); } // 初始化 loadFromUrl(); renderKeywordTabs(); renderFilters(); setAccordionState(); updateSelectedCount(); // 新增：初始化关键词箭头状态 updateKwArrows(); if (elKwScrollContainer) { elKwScrollContainer.scrollLeft = 0; } window.addEventListener("pageshow", function () { if (elKwScrollContainer) { elKwScrollContainer.scrollLeft = 0; } requestAnimationFrame(function () { updateKwArrows(); }); });

$50一件出清售完即止！

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

防走光性感刺繡杯透氣側比舒適柔軟上托調整型無鋼圈内衣

HKD $50 HKD $320

查看詳情

粉色灰藍色綠色黑色大紅

34/75 36/80 38/85 40/90

B

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

超薄C杯全透氣空調杯大胸顯小收副乳改善外擴防下垂調整型舒適無痕内衣

HKD $50 HKD $320

查看詳情

粉色藍色膚色黑色

36/80 38/85 40/90 42/95

C

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

舒適嬰兒棉精緻雞心V字裝飾性感蕾絲杯面防副乳内衣

HKD $50 HKD $320

查看詳情

酒紅色黑色茶綠色深灰色

32/70 34/75 36/80 38/85

A B 通杯

性感鏤空蕾絲搭配可愛蝴蝶結時尚舒適大碼D杯無鋼圈調整內衣

性感鏤空蕾絲搭配可愛蝴蝶結時尚舒適大碼D杯無鋼圈調整內衣

性感鏤空蕾絲搭配可愛蝴蝶結時尚舒適大碼D杯無鋼圈調整內衣

性感鏤空蕾絲搭配可愛蝴蝶結時尚舒適大碼D杯無鋼圈調整內衣

HKD $50 HKD $320

查看詳情

黑色膚色大紅深藍色咖啡色

36/80 38/85 40/90 42/95

D

大罩杯36-42碼大胸顯小性感蕾絲四排扣舒適無痕內衣

大罩杯36-42碼大胸顯小性感蕾絲四排扣舒適無痕內衣

大罩杯36-42碼大胸顯小性感蕾絲四排扣舒適無痕內衣

大罩杯36-42碼大胸顯小性感蕾絲四排扣舒適無痕內衣

HKD $50 HKD $320

查看詳情

黑色奶灰色大紅草木綠

36/80 38/85 40/90 42/95

D

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

清涼網紗舒適透氣零束縛薄B杯調整型聚攏無鋼圈內衣

HKD $50 HKD $268

查看詳情

黑色膚色灰色

34/75 36/80 38/85

B

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

不跌肩帶BRA-柔軟直立棉舒適呵護大碼薄棉杯抹胸式無鋼圈内衣

HKD $50 HKD $320

查看詳情

黑色粉色

36/80 38/85 40/90 42/95

C

柔軟嬰兒棉深V聚攏無痕收副乳不空杯蕾絲無鋼圈內衣（RGL01821）

柔軟嬰兒棉深V聚攏無痕收副乳不空杯蕾絲無鋼圈內衣（RGL01821）

柔軟嬰兒棉深V聚攏無痕收副乳不空杯蕾絲無鋼圈內衣（RGL01821）

柔軟嬰兒棉深V聚攏無痕收副乳不空杯蕾絲無鋼圈內衣（RGL01821）

柔軟嬰兒棉深V聚攏無痕收副乳不空杯蕾絲無鋼圈內衣（RGL01821）

柔軟嬰兒棉深V聚攏無痕收副乳不空杯蕾絲無鋼圈內衣（RGL01821）

柔軟嬰兒棉深V聚攏無痕收副乳不空杯蕾絲無鋼圈內衣（RGL01821）

HKD $50 HKD $268

查看詳情

酒紅色黑色奶灰色綠色粉色

34/75 36/80 38/85 40/90

Copyright ©2018 ICMARTS