:root{--color-ivory: #fbf7ef;--color-pearl: #fffdf8;--color-champagne: #c7a76a;--color-gold-deep: #8a6a32;--color-ink: #171514;--color-muted: #6f6760;--color-line: rgba(23, 21, 20, .13);--color-wine: #6c1f2b;--color-green: #25D366;--color-surface: rgba(255, 253, 248, .92);--shadow-soft: 0 24px 70px rgba(51, 38, 25, .12);--shadow-card: 0 8px 30px rgba(51, 38, 25, .1);--radius-large: 34px;--radius-medium: 22px;--radius-small: 999px;--font-serif: "Cormorant Garamond", "Songti TC", "Songti SC", serif;--font-sans: "PingFang TC", "PingFang HK", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;--container: min(1280px, calc(100vw - 40px) )}body{background:radial-gradient(circle at 78% 4%,rgba(199,167,106,.18),transparent 30rem),linear-gradient(180deg,var(--color-pearl),var(--color-ivory));color:var(--color-ink);font-family:var(--font-sans);line-height:1.65}.breadcrumb{max-width:var(--container);margin:0 auto;padding:1rem 0 0;font-size:.82rem;color:var(--color-muted)}.breadcrumb a{transition:color .15s ease}.breadcrumb a:hover{color:var(--color-ink)}.breadcrumb .sep{margin:0 .4rem;opacity:.5}.page-header{max-width:var(--container);margin:0 auto;padding:1.5rem 0 2rem}.page-header h1{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:500;line-height:1.1;margin:0 0 .6rem;letter-spacing:-.025em}.page-header p{color:var(--color-muted);font-size:clamp(.92rem,1.1vw,1.05rem);margin:0;max-width:640px}.filter-section{max-width:var(--container);margin:0 auto}.filter-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);padding:clamp(1rem,2vw,1.5rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-row{display:grid;gap:.8rem;margin-bottom:.8rem}.filter-row:last-child{margin-bottom:0}.filter-row-shape .chip-group{padding-top:1.6rem;align-items:flex-end}.filter-row-shape{grid-template-columns:1fr}.filter-row-4c{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr)}.filter-row-details{grid-template-columns:1fr 1fr 1fr 1fr}.filter-row-range{grid-template-columns:1fr 1fr}.filter-group{display:flex;flex-direction:column;gap:.3rem;min-width:0}.filter-group .chip-group{flex:1}.filter-label{color:var(--color-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:.25rem}.filter-label .label-en{font-weight:500;opacity:.6;text-transform:none;letter-spacing:0;font-size:.65rem}.chip-group{display:flex;flex-wrap:nowrap;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.chip-group::-webkit-scrollbar{display:none}.chip{align-items:center;background:#fff;border:1px solid var(--color-line);border-radius:6px;color:var(--color-muted);cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:500;justify-content:center;min-height:30px;padding:.2rem .5rem;transition:all .18s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.chip:hover{border-color:var(--color-champagne);color:var(--color-ink)}.chip.selected{background:var(--color-champagne);border-color:var(--color-champagne);color:var(--color-pearl)}.chip-shape{position:relative;padding:.4rem;min-width:46px;min-height:46px}.chip-shape .shape-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.chip-shape .shape-icon svg{width:34px;height:34px;stroke:var(--color-muted);fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s ease}.chip-shape .shape-icon svg [fill=currentColor]{fill:var(--color-muted)}.chip-shape.selected .shape-icon svg [fill=currentColor],.chip-shape:hover .shape-icon svg [fill=currentColor]{fill:var(--color-pearl)}.chip-shape.selected .shape-icon svg{stroke:var(--color-pearl)}.chip-shape:hover .shape-icon svg{stroke:var(--color-champagne)}.chip-shape.selected:hover .shape-icon svg{stroke:var(--color-pearl)}.chip-shape:hover .shape-icon img{filter:brightness(1.4)}.chip-shape.selected .shape-icon img{filter:invert(1)}.chip-shape.selected:hover .shape-icon img{filter:invert(1) brightness(1.1)}.chip-shape:after{content:attr(data-label);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--color-ink);color:var(--color-pearl);font-size:.65rem;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.chip-shape:hover:after{opacity:1}.chip-color{min-width:32px;font-weight:700;font-size:.72rem;position:relative;padding-bottom:.3rem}.chip-color:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:12px;height:2px;border-radius:1px;opacity:.4}.chip-color[data-grade=D]:after{background:#fff}.chip-color[data-grade=E]:after{background:#fefefe}.chip-color[data-grade=F]:after{background:#fdfcf7}.chip-color[data-grade=G]:after{background:#f8f4e8}.chip-color[data-grade=H]:after{background:#f3eddb}.chip-color[data-grade=I]:after{background:#ede5ce}.chip-color[data-grade=J]:after{background:#e6dbc0}.chip-color[data-grade=K]:after{background:#dfd1b2}.chip-color[data-grade=L]:after{background:#d7c7a5}.chip-color[data-grade=M-Z]:after{background:#cfbd98}.range-wrap{display:flex;flex-direction:column;gap:.4rem}.range-inputs{display:flex;gap:.4rem;align-items:center}.range-input-field{flex:1;display:flex;align-items:center;background:#fff;border:1px solid var(--color-line);border-radius:8px;padding:0 .4rem;height:32px}.range-input-field input{width:100%;border:none;outline:none;font-size:.78rem;font-weight:500;color:var(--color-ink);background:transparent;text-align:center;padding:.2rem 0}.range-input-field input:focus{color:var(--color-champagne)}.range-separator{font-size:.7rem;color:var(--color-muted);flex-shrink:0}.range-track{position:relative;height:28px;display:flex;align-items:center}.dual-range{position:relative;width:100%;height:4px;background:var(--color-line);border-radius:2px}.dual-range input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;width:100%;height:4px;background:transparent;pointer-events:none;outline:none;top:0;left:0}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-ink);border:2px solid var(--color-pearl);box-shadow:0 1px 4px #17151433;cursor:pointer;pointer-events:auto;transition:transform .15s ease;position:relative;z-index:2}.dual-range input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.dual-range input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-ink);border:2px solid var(--color-pearl);box-shadow:0 1px 4px #17151433;cursor:pointer;pointer-events:auto}.dual-range .range-track-fill{position:absolute;height:100%;background:var(--color-champagne);border-radius:2px;top:0}.filter-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--color-line)}.filter-summary{font-size:.82rem;color:var(--color-muted)}.filter-summary strong{color:var(--color-ink);font-weight:700}.filter-btns{display:flex;gap:.6rem}.btn-reset{background:transparent;border:none;color:var(--color-muted);cursor:pointer;font-size:.82rem;font-weight:600;padding:.5rem .8rem;border-radius:var(--radius-small);transition:color .18s ease,background .18s ease}.btn-reset:hover{color:var(--color-ink);background:#1715140a}.cta-pill{align-items:center;background:var(--color-champagne);border:none;border-radius:var(--radius-small);box-shadow:0 10px 24px #8a6a3247;color:#fff;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:700;justify-content:center;min-height:46px;padding:.75rem 1.25rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cta-pill:hover{transform:translateY(-2px);background:var(--color-gold-deep);box-shadow:0 12px 28px #8a6a325c}.results-section{max-width:var(--container);margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(3rem,5vw,5rem)}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.8rem}.results-count{font-size:.88rem;color:var(--color-muted)}.results-count strong{color:var(--color-ink)}.results-sort{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--color-muted)}.results-sort select{background:#fff;border:1px solid var(--color-line);border-radius:12px;color:var(--color-ink);font-size:.82rem;font-weight:600;min-height:36px;padding:0 .7rem;appearance:auto}.table-wrap{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-medium);box-shadow:var(--shadow-card);overflow-x:auto}.diamond-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;min-width:860px}.diamond-table thead th{background:#fffdf8cc;color:var(--color-muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.75rem .7rem;text-align:left;border-bottom:1px solid var(--color-line);position:sticky;top:0;white-space:nowrap}.diamond-table thead th:first-child{padding-left:1.2rem}.diamond-table thead th:last-child{padding-right:1.2rem}.diamond-table tbody tr{transition:background .15s ease}.diamond-table tbody tr:hover{background:#c7a76a0f}.diamond-table tbody td{padding:.8rem .7rem;border-bottom:1px solid rgba(23,21,20,.05);vertical-align:middle;white-space:nowrap}.diamond-table tbody td:first-child{padding-left:1.2rem}.diamond-table tbody td:last-child{padding-right:1.2rem}.diamond-table tbody tr:last-child td{border-bottom:none}.td-shape{display:flex;align-items:center;gap:.5rem}.td-shape .shape-dot{width:8px;height:8px;border-radius:50%;background:var(--color-champagne);flex-shrink:0}.td-shape span{font-family:var(--font-serif);font-size:.95rem;font-weight:600}.td-cert{font-family:monospace;font-size:.78rem;color:var(--color-muted)}.td-price{color:var(--color-wine);font-weight:800;font-size:.9rem}.td-actions{display:flex;align-items:center;gap:.4rem}.td-actions .btn-inquiry{background:var(--color-champagne);border:none;border-radius:var(--radius-small);color:#fff;cursor:pointer;font-size:.72rem;font-weight:700;padding:.35rem .65rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px #8a6a3238}.td-actions .btn-inquiry svg{display:inline-block;width:13px;height:13px;flex-shrink:0;margin:0!important}.td-actions .btn-inquiry:hover{transform:translateY(-1px);background:var(--color-gold-deep);box-shadow:0 6px 16px #8a6a324d}.featured-badge{background:var(--color-champagne);color:#fff;font-size:.62rem;font-weight:700;padding:.12rem .4rem;border-radius:var(--radius-small);letter-spacing:.05em;margin-right:.4rem;vertical-align:middle}.sold-tag{color:var(--color-muted);font-size:.72rem;font-weight:600}.pagination-wrap{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:1.5rem}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:3rem 0;color:var(--color-muted);font-size:.88rem;gap:.5rem}.loading-spinner{width:18px;height:18px;border:2px solid var(--color-line);border-top-color:var(--color-champagne);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-results{text-align:center;padding:3rem 1rem;color:var(--color-muted)}.no-results h3{font-family:var(--font-serif);font-size:1.4rem;font-weight:500;color:var(--color-ink);margin:0 0 .5rem}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--color-green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #25d36666;z-index:30;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 8px 30px #25d36680}.whatsapp-float svg{width:30px;height:30px;fill:#fff}@media(max-width:980px){.filter-row-4c,.filter-row-details{grid-template-columns:1fr 1fr}}@media(max-width:680px){.page-header h1{font-size:clamp(1.75rem,7vw,2.4rem)}.filter-panel{border-radius:var(--radius-medium);padding:.8rem}.filter-row-4c{grid-template-columns:1fr}.filter-row-details{grid-template-columns:1fr 1fr}.filter-row-range{grid-template-columns:1fr}.chip-shape{min-width:46px;padding:.25rem .35rem}.chip-shape .shape-icon{width:18px;height:18px}.chip-shape .shape-icon svg{width:16px;height:16px}.chip{font-size:.68rem;min-height:28px;padding:.15rem .4rem}.filter-actions{flex-direction:column;gap:.6rem}.filter-btns{width:100%}.filter-btns .cta-pill{flex:1}.results-header{flex-direction:column;align-items:flex-start}.mobile-actions{display:flex}.whatsapp-float{display:none}}.modal-overlay{position:fixed;inset:0;background:#17151499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-panel{background:var(--color-pearl);border-radius:var(--radius-large);box-shadow:0 32px 80px #17151440;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.8rem;border-bottom:1px solid var(--color-line)}.modal-header h2{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;margin:0}.modal-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-line);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.modal-close:hover{background:#1715140d}.modal-close svg{width:18px;height:18px;color:var(--color-ink)}.modal-body{padding:1.5rem 1.8rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-label{font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.detail-value{font-size:1.05rem;font-weight:500;color:var(--color-ink)}.detail-value.price{font-family:var(--font-serif);font-size:1.4rem;color:var(--color-champagne)}.modal-footer{padding:1.2rem 1.8rem 1.5rem;border-top:1px solid var(--color-line);display:flex;flex-direction:column;gap:.8rem}.gia-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-champagne);font-size:.88rem;font-weight:600;text-decoration:none;transition:color .15s ease}.gia-link:hover{color:var(--color-gold-deep)}.gia-link svg{width:16px;height:16px}.modal-actions{display:flex;gap:.8rem}.modal-actions .cta-pill,.modal-actions .outline-pill{flex:1;justify-content:center}.btn-detail{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-line);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;color:var(--color-muted)}.btn-detail:hover{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.btn-detail svg{width:16px;height:16px}@media(max-width:680px){.modal-panel{border-radius:var(--radius-medium)}.modal-header,.modal-body{padding:1.2rem}.modal-footer{padding:1rem 1.2rem 1.2rem}.detail-grid{grid-template-columns:1fr}}.btn-select{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:var(--radius-small);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:1.5px solid var(--color-champagne);background:transparent;color:var(--color-champagne);white-space:nowrap}.btn-select:hover,.btn-select.selected{background:var(--color-champagne);color:#fff}.diamond-bottom-stack{position:fixed;left:0;right:0;bottom:0;z-index:52;display:flex;flex-direction:column;align-items:stretch;pointer-events:none}.diamond-bottom-stack>*{pointer-events:auto}.diamond-sticky-bar{position:relative;background:linear-gradient(0deg,#fffdf8fa,#fffdf8f0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:2px solid var(--color-champagne);padding:.9rem 1.2rem;box-shadow:0 -8px 40px #33261926}.diamond-sticky-bar .sticky-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.diamond-sticky-bar .sticky-specs{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:.88rem}.diamond-sticky-bar .sticky-specs .stick-shape{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#c7a76a4d,#8a6a3226);display:flex;align-items:center;justify-content:center}.diamond-sticky-bar .sticky-specs strong{font-size:1rem}.diamond-sticky-bar .sticky-price{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;color:var(--color-gold-deep)}.diamond-sticky-bar .sticky-actions{display:flex;gap:.5rem;align-items:center}.btn-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.4rem;border-radius:var(--radius-small);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;text-decoration:none}.btn-cta-primary{background:var(--color-champagne);color:#fff}.btn-cta-primary:hover{background:var(--color-gold-deep)}.btn-cta-clear{background:transparent;border:1px solid var(--color-line);color:var(--color-muted);font-size:.7rem;padding:.35rem .8rem;cursor:pointer}.btn-cta-clear:hover{border-color:var(--color-wine);color:var(--color-wine)}.diamond-compare-dock{position:relative;background:linear-gradient(0deg,#fbf7effc,#fbf7eff5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:2px solid var(--color-champagne);box-shadow:0 -8px 36px #33261924}.compare-bar{max-width:min(1280px,calc(100vw - 40px));margin:0 auto;padding:.55rem .2rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.compare-bar-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;min-width:0}.compare-bar-meta strong{font-family:var(--font-serif);font-size:1rem;font-weight:500}.compare-bar-meta .compare-count{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;color:var(--color-gold-deep);background:#c7a76a29;border-radius:999px;padding:.2rem .55rem}.compare-chips{display:flex;gap:.35rem;flex-wrap:wrap}.compare-chip{font-size:.72rem;color:var(--color-muted);border:1px solid var(--color-line);border-radius:999px;padding:.15rem .5rem;white-space:nowrap;max-width:10rem;overflow:hidden;text-overflow:ellipsis}.compare-bar-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.compare-expand-btn{display:inline-flex;align-items:center;gap:.3rem;min-height:34px;padding:.35rem .9rem;border-radius:var(--radius-small);border:1px solid var(--color-champagne);background:#c7a76a1f;color:var(--color-ink);font-size:.78rem;font-weight:700;cursor:pointer}.compare-expand-btn:hover{background:#c7a76a38}.compare-body{max-width:min(1280px,calc(100vw - 40px));margin:0 auto;padding:0 .2rem .85rem;max-height:min(48vh,420px);overflow:auto;border-top:1px solid var(--color-line)}.compare-table-wrapper{overflow-x:auto;padding-top:.65rem}.compare-table{width:100%;border-collapse:collapse;font-size:.82rem}.compare-table td{padding:.5rem .8rem;border-bottom:1px solid var(--color-line);text-align:center;vertical-align:middle}.compare-table .compare-label{text-align:left;font-weight:600;color:var(--color-muted);font-size:.75rem;white-space:nowrap;min-width:70px}.compare-table .compare-col{min-width:140px}.compare-table thead td{border-bottom:2px solid var(--color-champagne);font-weight:600}.compare-table .diff-highlight{background:#c7a76a2e}.th-compare{width:40px;text-align:center;font-size:.7rem;font-weight:600;color:var(--color-muted)}.td-compare{text-align:center}@media(max-width:640px){.compare-chips{display:none}}.knowledge-tip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-line);color:var(--color-muted);font-size:.6rem;font-weight:700;cursor:help;transition:all .15s ease;position:relative;flex-shrink:0}.knowledge-tip:hover{background:var(--color-champagne);color:#fff}.knowledge-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:0;background:var(--color-ink);color:var(--color-pearl);font-size:.72rem;font-weight:400;line-height:1.5;padding:.5rem .8rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:20}.knowledge-tip:hover:after{opacity:1}.knowledge-tip-right:after{left:auto;right:0}[x-cloak]{display:none!important}@media(max-width:640px){.diamond-sticky-bar .sticky-inner{flex-direction:column;gap:.6rem}.diamond-sticky-bar .sticky-specs{font-size:.78rem}}