: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 項

結果：298 件已選 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 = '[{"title":"功能訴求","groupKey":"feature","items":[{"key":"tag:shape_shaping","label":"調整胸形"},{"key":"tag:side_support_lift","label":"側收集中"},{"key":"tag:back_smoothing","label":"修背贅肉"},{"key":"tag:full_coverage","label":"完全包覆"}]},{"title":"對象情境","groupKey":"scene","items":[{"key":"tag:stage_setting","label":"定型階段"},{"key":"tag:stage_care","label":"守護階段"},{"key":"tag:stage_shaping","label":"塑型階段"},{"key":"tag:fuller_bust","label":"大胸專屬"},{"key":"tag:small_bust_solution","label":"小胸救星"},{"key":"tag:period_shaping","label":"生理期塑型"},{"key":"tag:sports_light_support","label":"運動輕支撐"},{"key":"tag:sleep_comfort","label":"睡眠無感"},{"key":"tag:stage_growing","label":"發育階段"},{"key":"tag:moment_sexy","label":"性感時刻"},{"key":"tag:postpartum_recovery","label":"產後修復"},{"key":"tag:occasion_party","label":"派對場合"},{"key":"tag:sports_high_support","label":"運動強支撐"}]},{"title":"設計元素","groupKey":"design","items":[{"key":"tag:back_closure","label":"後扣設計"},{"key":"tag:french_lace","label":"法式蕾絲"},{"key":"tag:cooling_plus","label":"涼感加強"},{"key":"tag:seamless_smooth","label":"絲滑無痕"},{"key":"tag:design_cami","label":"背心設計"},{"key":"tag:strapless","label":"無肩帶\/可拆肩帶"},{"key":"tag:three_hook_rows","label":"三排扣"},{"key":"tag:four_hook_rows","label":"四排扣"},{"key":"tag:single_tape_design","label":"單膠條設計"},{"key":"tag:deep_v_design","label":"深V設計"},{"key":"tag:front_closure","label":"前扣設計"},{"key":"tag:double_tape_design","label":"雙膠條設計"},{"key":"tag:molded_lift_cup","label":"壓模提托杯"},{"key":"tag:pad_pocket","label":"可放胸墊"},{"key":"tag:jelly_support","label":"果凍支撐"},{"key":"tag:outer_lift_strap","label":"外提托帶"},{"key":"tag:double_layer_lining","label":"雙層內裡"},{"key":"tag:built_in_petals","label":"自帶乳貼"},{"key":"tag:outer_crescent","label":"外月牙"},{"key":"tag:palm_support_push_up_cup","label":"掌托集中杯"},{"key":"tag:inner_lift_strap","label":"內提托帶"},{"key":"tag:five_hook_rows","label":"五排扣"},{"key":"tag:inner_crescent","label":"內月牙"},{"key":"tag:two_hook_rows","label":"二排扣"},{"key":"tag:Coffee-Charcoal-Antibacterial-Odor-Control","label":"咖啡紗抗菌除異味"},{"key":"tag:far_infrared_technology","label":"遠紅外線機能"}]}]'; 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(); }); });

內衣

依需要選擇: Select:

Sort

進階篩選

已選 0 項

結果：298 件已選 0 項

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

貴麗雅集高挺調整型內衣－C、D、E、F、G、H 杯

HKD $228 HKD $380

查看詳情

藍色黃色粉色膚色黑色

32/70 34/75 36/80 38/85 40/90 42/95 44/100

C D E F G H

玫瑰花蕾絲月牙調整型內衣

玫瑰花蕾絲月牙調整型內衣

HKD $100 HKD $380

查看詳情

玫瑰粉灰藍色

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

B C D E

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

條紋滑面時尚機能型低脊心內月牙深V調整型內衣

HKD $100 HKD $380

查看詳情

薔薇桃寶藍色黑色

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

C D E

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

【優雅貴婦款】高機能低脊心調整型內衣

HKD $100 HKD $380

查看詳情

新葡紫水晶藍

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

D E

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

防走光百搭可甩帶調整型副乳推進內衣，限量！

HKD $192 HKD $320

查看詳情

黑色

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

B C

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

【透氣無痕】低脊心呼吸機能T bra 七色款

HKD $192 HKD $320

查看詳情

簡約黑蒂芬妮藍紫灰色墨綠色杏仁膚蒂芬妮粉淺紫色艷紅色淺水藍

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

A B C

【新品上市】前扣拉歇爾蕾絲無鋼圈咖啡紗內衣3套組

【新品上市】前扣拉歇爾蕾絲無鋼圈咖啡紗內衣3套組

【新品上市】前扣拉歇爾蕾絲無鋼圈咖啡紗內衣3套組

【新品上市】前扣拉歇爾蕾絲無鋼圈咖啡紗內衣3套組

【新品上市】前扣拉歇爾蕾絲無鋼圈咖啡紗內衣3套組

【新品上市】前扣拉歇爾蕾絲無鋼圈咖啡紗內衣3套組

HKD $960

查看詳情

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

A B C D E

輕淑女高貴擁色款高機能舒適調整型內衣

輕淑女高貴擁色款高機能舒適調整型內衣

輕淑女高貴擁色款高機能舒適調整型內衣

輕淑女高貴擁色款高機能舒適調整型內衣

輕淑女高貴擁色款高機能舒適調整型內衣

輕淑女高貴擁色款高機能舒適調整型內衣

輕淑女高貴擁色款高機能舒適調整型內衣

HKD $100 HKD $380

查看詳情

淺紫色豆沙粉膚色藍色

32/70 34/75 36/80 38/85 40/90 42/95

B C D E

Copyright ©2018 ICMARTS