{"id":6556,"date":"2026-09-08T05:35:44","date_gmt":"2026-09-08T05:35:44","guid":{"rendered":"https:\/\/bordbarcollection.com\/%d8%ae%d8%a7%d9%86%d9%87\/"},"modified":"2026-11-04T11:05:37","modified_gmt":"2026-11-04T11:05:37","slug":"%d8%ae%d8%a7%d9%86%d9%87","status":"publish","type":"page","link":"https:\/\/bordbarcollection.com\/zh-hans\/","title":{"rendered":"\u062e\u0627\u0646\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6556\" class=\"elementor elementor-6556 elementor-48\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97fdc7b e-con-full e-flex e-con e-parent\" data-id=\"97fdc7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7907e3a elementor-widget elementor-widget-html\" data-id=\"7907e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#bordbar-cinema{position:relative;width:100%;height:600vh;height:600svh;background:#fff;isolation:isolate;direction:ltr;--bc-h:100vh;--bc-p:900px}\n#bordbar-cinema,#bordbar-cinema *{box-sizing:border-box}\n#bordbar-cinema .bc-stage{position:sticky;top:0;height:var(--bc-h);width:100%;overflow:hidden;overflow:clip;background:#fff}\n#bordbar-cinema .bc-depth,#bordbar-cinema .bc-copy-scene{position:absolute;inset:0;pointer-events:none;perspective:var(--bc-p);perspective-origin:50% 48%}\n#bordbar-cinema .bc-world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}\n#bordbar-cinema .bc-rug{position:absolute;left:50%;top:50%;width:var(--bc-art-w,40vw);height:var(--bc-art-h,70vh);margin:0;will-change:transform,opacity}\n#bordbar-cinema .bc-rug img{position:relative;display:block;width:100%;height:100%;max-width:none;object-fit:contain}\n#bordbar-cinema .bc-rug::before,#bordbar-cinema .bc-rug::after{content:\"\";position:absolute;pointer-events:none}\n#bordbar-cinema .bc-rug::after{left:-14%;right:-14%;bottom:-4%;height:8%;background:radial-gradient(closest-side,rgba(30,30,30,.20),rgba(30,30,30,0))}\n#bordbar-cinema .bc-rug::before{left:2%;right:2%;bottom:-.8%;height:1.8%;background:radial-gradient(closest-side,rgba(20,20,20,.34),rgba(20,20,20,0))}\n#bordbar-cinema [hidden]{display:none!important}\n#bordbar-cinema .bc-end{position:absolute;left:50%;top:50%;width:min(340px,64vw);margin:0;text-align:center;color:#1f1f1f;opacity:0;will-change:transform,opacity}\n#bordbar-cinema .bc-end img{display:block;width:100%;height:auto;max-height:26vh;object-fit:contain;margin:auto}\n#bordbar-cinema .bc-wordmark{display:block;direction:ltr;font-size:clamp(30px,4vw,54px);font-weight:700;letter-spacing:.2em;margin-right:-.2em}\n#bordbar-cinema .bc-end figcaption{margin-top:22px;font-size:clamp(15px,1.2vw,19px);font-weight:500;letter-spacing:.04em;color:#444}\n#bordbar-cinema .bc-copy{position:absolute;top:36%;left:54%;width:35%;color:#1f1f1f;text-align:left;direction:ltr;opacity:0;visibility:hidden;will-change:transform,opacity;padding:30px 20px}\n#bordbar-cinema .bc-copy:nth-child(even){left:11%}\n#bordbar-cinema .bc-copy::before{content:\"\";position:absolute;inset:-14% -10%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.82) 50%,rgba(255,255,255,.45) 80%,rgba(255,255,255,0))}\n#bordbar-cinema .bc-copy h1,#bordbar-cinema .bc-copy h2{font-weight:800;font-size:clamp(34px,3.4vw,58px);line-height:1.2;color:inherit;margin:0 0 18px;white-space:nowrap;letter-spacing:.02em}\n#bordbar-cinema .bc-copy p{font-weight:500;font-size:clamp(17px,1.3vw,20px);line-height:1.95;color:#3a3a3a;margin:0}\n#bordbar-cinema .bc-intro{position:absolute;left:0;right:0;bottom:8%;text-align:center;color:#1f1f1f;pointer-events:none}\n#bordbar-cinema .bc-intro span{font-size:13px;letter-spacing:.3em;margin-right:-.3em;display:block}\n#bordbar-cinema .bc-intro p{font-size:14px;line-height:2;color:#555;margin:12px 0 0}\n#bordbar-cinema .bc-scroll-line{height:36px;width:1px;background:rgba(0,0,0,.35);margin:18px auto 0}\n@media(max-width:767px){\n#bordbar-cinema .bc-copy,#bordbar-cinema .bc-copy:nth-child(even){left:6%;width:88%;top:auto;bottom:max(4%,env(safe-area-inset-bottom));padding:12px 10px}\n#bordbar-cinema .bc-copy h1,#bordbar-cinema .bc-copy h2{font-size:clamp(24px,6.2vw,34px);margin-bottom:10px}\n#bordbar-cinema .bc-copy p{font-size:15px;line-height:1.85}\n#bordbar-cinema .bc-intro{bottom:6%}\n}\n#bordbar-cinema.bc-static{height:auto}\n#bordbar-cinema.bc-static .bc-stage{position:relative;height:auto;padding:8vh 0}\n#bordbar-cinema.bc-static .bc-depth{position:relative;perspective:none}\n#bordbar-cinema.bc-static .bc-world{position:relative;transform:none!important;display:grid;gap:30px}\n#bordbar-cinema.bc-static .bc-rug{position:relative;left:auto;top:auto;width:min(80%,520px);height:auto;margin:auto;transform:none!important;opacity:1!important;filter:none!important}\n#bordbar-cinema.bc-static .bc-rug img{height:auto}\n#bordbar-cinema.bc-static .bc-copy,#bordbar-cinema.bc-static .bc-copy:nth-child(even){position:relative;inset:auto;width:min(88%,650px);margin:10px auto 40px;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}\n#bordbar-cinema.bc-static .bc-copy h1,#bordbar-cinema.bc-static .bc-copy h2{white-space:normal}\n#bordbar-cinema.bc-static .bc-intro,#bordbar-cinema.bc-static .bc-copy::before{display:none}\n#bordbar-cinema.bc-static .bc-end{position:relative;left:auto;top:auto;margin:40px auto;transform:none!important;opacity:1!important;filter:none!important}\n<\/style><section id=\"bordbar-cinema\" data-header-theme=\"light\" class=\"bc-static\" lang=\"zh-Hans\" dir=\"ltr\" aria-label=\"\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\u5730\u6bef\u753b\u5eca\"><div class=\"bc-stage\"><div class=\"bc-depth\"><div class=\"bc-world\"><figure class=\"bc-rug\"><img fetchpriority=\"high\" src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-1.webp\" alt=\"\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\u5730\u6bef\uff0c\u4f5c\u54c1\u4e00\" data-ratio=\"0.6929012345679012\" decoding=\"async\" fetchpriority=\"high\" width=\"898\" height=\"1296\"><\/figure><figure class=\"bc-rug\"><img src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-2.webp\" alt=\"\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\u5730\u6bef\uff0c\u4f5c\u54c1\u4e8c\" data-ratio=\"0.7065948855989233\" decoding=\"async\" width=\"1050\" height=\"1486\"><\/figure><figure class=\"bc-rug\"><img src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-3.webp\" alt=\"\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\u5730\u6bef\uff0c\u4f5c\u54c1\u4e09\" data-ratio=\"0.7325949367088608\" decoding=\"async\" width=\"926\" height=\"1264\"><\/figure><figure class=\"bc-rug\"><img src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-4.webp\" alt=\"\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\u5730\u6bef\uff0c\u4f5c\u54c1\u56db\" data-ratio=\"0.6828897338403042\" decoding=\"async\" width=\"898\" height=\"1315\"><\/figure><figure class=\"bc-end\"><img loading=\"lazy\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/10\/header-logo-transparent-480x180-1.webp\" alt=\"\u535a\u5c14\u5fb7\u5df4\u5c14\u6807\u5fd7\" width=\"480\" height=\"180\" decoding=\"async\" onerror=\"this.hidden=true;this.nextElementSibling.hidden=false\"><span class=\"bc-wordmark\" hidden>\u535a\u5c14\u5fb7\u5df4\u5c14<\/span><figcaption>\u535a\u5c14\u5fb7\u5df4\u5c14\u5730\u6bef\u5178\u85cf<\/figcaption><\/figure><\/div><\/div><div class=\"bc-copy-scene\"><article class=\"bc-copy\"><h1>\u4e0d\u6b62\u4e8e\u4e00\u5f20\u5730\u6bef<\/h1><p>\u6bcf\u4e00\u4e2a\u7ef3\u7ed3\uff0c\u90fd\u662f\u65f6\u95f4\u7684\u4e00\u77ac\uff1b\u7ec7\u7269\u7ecf\u7531\u4eba\u7684\u53cc\u624b\uff0c\u7a7f\u8fc7\u4e00\u4ee3\u4eba\u7684\u8bb0\u5fc6\uff0c\u878d\u5165\u4eca\u65e5\u7684\u751f\u6d3b\u3002<\/p><\/article><article class=\"bc-copy\"><h2>\u7f16\u7ec7\u800c\u6210\u7684\u6587\u5316<\/h2><p>\u8fd9\u4e9b\u7eb9\u6837\u6e90\u81ea\u4f0a\u6717\u7684\u571f\u5730\u3001\u8fc1\u5f99\u3001\u5efa\u7b51\u4e0e\u751f\u6d3b\uff1b\u5b83\u4eec\u662f\u7531\u8272\u5f69\u4e0e\u7ecf\u7eac\u7ec7\u5c31\u7684\u6545\u4e8b\uff0c\u5728\u5c55\u5385\u7684\u9759\u8c27\u4e2d\u518d\u5ea6\u7115\u53d1\u751f\u673a\u3002<\/p><\/article><article class=\"bc-copy\"><h2>\u7ec6\u8282\u4e2d\u7684\u827a\u672f<\/h2><p>\u6bcf\u4e00\u5904\u7ec7\u7eb9\u3001\u6bcf\u4e00\u79cd\u8272\u5f69\u3001\u6bcf\u4e00\u6761\u7ebf\uff0c\u90fd\u51dd\u805a\u7740\u591a\u5e74\u7684\u6280\u827a\u3001\u8010\u5fc3\u4e0e\u7cbe\u51c6\uff1b\u8fd9\u4efd\u54c1\u8d28\u5e76\u975e\u6e90\u4e8e\u91cd\u590d\uff0c\u800c\u662f\u6765\u81ea\u4eba\u7684\u53cc\u624b\u4e0e\u7ecf\u9a8c\u3002<\/p><\/article><article class=\"bc-copy\"><h2>\u7559\u7ed9\u660e\u5929\u7684\u4f20\u627f<\/h2><p>\u535a\u5c14\u5fb7\u5df4\u5c14\u7684\u5730\u6bef\u4e3a\u4eca\u65e5\u751f\u6d3b\u800c\u7504\u9009\uff0c\u5176\u6839\u6e90\u5374\u5ef6\u4f38\u81f3\u66f4\u6df1\u8fdc\u7684\u5386\u53f2\uff1b\u8fd9\u4efd\u4f20\u627f\u4ecd\u5728\u5ef6\u7eed\u3002<\/p><\/article><\/div><div class=\"bc-intro\"><span>\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf<\/span><p>\u6b65\u5165\u7ec7\u7269\u7684\u4e16\u754c<\/p><div class=\"bc-scroll-line\"><\/div><\/div><\/div><\/section><script>\n(()=>{'use strict';const root=document.getElementById('bordbar-cinema');if(!root)return;if(root.bcDestroy)root.bcDestroy();\nconst world=root.querySelector('.bc-world'),scene=root.querySelector('.bc-copy-scene'),rugs=[...root.querySelectorAll('.bc-rug')],texts=[...root.querySelectorAll('.bc-copy')],intro=root.querySelector('.bc-intro'),end=root.querySelector('.bc-end');\nconst motion=matchMedia('(prefers-reduced-motion: reduce)'),abort=new AbortController(),opts={passive:true,signal:abort.signal};\nconst clamp=(v,a=0,b=1)=>Math.min(b,Math.max(a,v)),smooth=(a,b,v)=>{const t=clamp((v-a)\/(b-a));return t*t*(3-2*t)};\n\/\/ The logo is reached at 95% of the scroll, so it only holds for a short moment before the page continues.\nconst D=900,base=.1,spacing=.2125,last4=base+4*spacing;\nlet height=innerHeight,width=0,start=0,range=1,target=0,current=0,raf=0,last=0,active=true,dead=false,isMobile=false;\nfunction draw(p){\n const camera=(Math.min(p,last4)-base)\/spacing*D,bob=Math.sin(camera\/D*Math.PI*2)*(isMobile?2:3.5),blurMax=isMobile?0:6;\n world.style.transform=`translate3d(0,${bob.toFixed(2)}px,${camera.toFixed(2)}px)`;\n rugs.forEach((rug,i)=>{const t=(p-(base+i*spacing))\/spacing,focus=smooth(-.7,-.15,t)*(1-smooth(.15,.6,t)),z=camera-i*D,\n  \/\/ Upcoming rugs stay visible but softened while the text beside them is read; passed rugs leave before the next text arrives.\n  haze=1-.6*clamp(-z\/(3.2*D)),ahead=i===0?1:.55+.45*smooth(-.7*D,-.25*D,z),opacity=haze*ahead*(1-smooth(.25*D,.55*D,z)),blur=Math.round(blurMax*(1-focus)*2)\/2;\n  rug.style.visibility=opacity<.01?'hidden':'visible';rug.style.opacity=opacity.toFixed(3);rug.style.filter=blur>0?`blur(${blur}px)`:'';});\n texts.forEach((el,i)=>{const t=(p-(base+i*spacing))\/spacing,f=smooth(-.45,-.15,t)*(1-smooth(.15,.4,t));el.style.opacity=f.toFixed(3);el.style.visibility=f<.002?'hidden':'visible';el.style.transform=`translate3d(0,${(-clamp(t,-1,1)*20).toFixed(1)}px,0)`;});\n intro.style.opacity=(1-smooth(.01,.07,p)).toFixed(3);\n const e=smooth(last4-.7*spacing,last4-.01,p);end.style.opacity=e.toFixed(3);end.style.visibility=e<.002?'hidden':'visible';\n}\nfunction tick(now){raf=0;if(dead||!active||motion.matches)return;const dt=last?Math.min(now-last,64):16;last=now;current+=(target-current)*(1-Math.exp(-dt\/80));if(Math.abs(current-target)<.000025)current=target;draw(current);if(current!==target)raf=requestAnimationFrame(tick);else last=0;}\nfunction schedule(){if(!raf&&active&&!motion.matches)raf=requestAnimationFrame(tick);}\nfunction scroll(){target=clamp((scrollY-start)\/range);schedule();}\nfunction measure(){if(motion.matches)return;width=root.clientWidth;height=innerHeight;isMobile=width<768;\n root.style.setProperty('--bc-p',Math.max(700,Math.min(1100,width*.68))+'px');root.style.setProperty('--bc-h',height+'px');\n start=root.getBoundingClientRect().top+scrollY;range=Math.max(1,root.offsetHeight-height);\n const boxW=width*(isMobile?.78:.36),boxH=height*(isMobile?.46:.74),floor=height*(isMobile?.08:.4);\n rugs.forEach((el,i)=>{const ratio=Number(el.querySelector('img').dataset.ratio),w=Math.min(boxW,boxH*ratio),h=w\/ratio,sign=i%2?1:-1,x=isMobile?sign*width*.04:sign*width*.25;el.style.setProperty('--bc-art-w',w+'px');el.style.setProperty('--bc-art-h',h+'px');el.style.transform=`translate(-50%,-50%) translate3d(${x.toFixed(1)}px,${(floor-h\/2).toFixed(1)}px,${-i*D}px) rotateY(${isMobile?sign*4:-sign*12}deg)`;});\n end.style.transform=`translate(-50%,-50%) translate3d(0,${(-height*.03).toFixed(1)}px,${-4*D}px)`;\n texts.forEach(el=>{const title=el.querySelector('h1,h2');title.style.fontSize='';if(title.scrollWidth>title.clientWidth&&title.clientWidth>0){const size=parseFloat(getComputedStyle(title).fontSize);title.style.fontSize=(size*title.clientWidth\/title.scrollWidth*.99)+'px';}});\n scroll();current=target;draw(current);}\nfunction mode(){root.classList.toggle('bc-static',motion.matches);if(motion.matches){cancelAnimationFrame(raf);raf=0;texts.forEach((text,i)=>rugs[i].after(text));}else{texts.forEach(text=>scene.append(text));measure();}}\naddEventListener('scroll',scroll,opts);addEventListener('resize',measure,opts);addEventListener('pageshow',measure,opts);motion.addEventListener('change',mode,{signal:abort.signal});\nconst observer=new IntersectionObserver(e=>{active=e[0].isIntersecting;if(active){last=0;scroll();}else{cancelAnimationFrame(raf);raf=0;}},{rootMargin:'100px'});observer.observe(root);\nconst resize=new ResizeObserver(()=>{if(root.clientWidth!==width)measure();});resize.observe(root);\nroot.bcDestroy=()=>{dead=true;abort.abort();observer.disconnect();resize.disconnect();cancelAnimationFrame(raf);delete root.bcDestroy;};\nmode();if(document.fonts)document.fonts.ready.then(()=>{if(!dead)measure();});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2c2339 e-flex e-con-boxed e-con e-parent\" data-id=\"a2c2339\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca78190 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ca78190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bee2b04 elementor-widget elementor-widget-html\" data-id=\"bee2b04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bs-story\" id=\"bordbar-story\" lang=\"zh-Hans\" dir=\"ltr\" aria-labelledby=\"bordbar-story-title\">\n  <div class=\"bs-story__body\">\n    <header class=\"bs-head\">\n      <p class=\"bs-head__kicker\">\u4ee5\u7eb9\u6837\u8bb2\u8ff0\uff0c\u4ee5\u7ec7\u9020\u8bc9\u8bf4<\/p>\n      <h2 class=\"bs-head__title\" id=\"bordbar-story-title\"><span>\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\uff1a<\/span><span>\u5728\u65f6\u5149\u7684\u7ecf\u7eac\u95f4\uff0c<\/span><span>\u89c2\u8d4f\u4f0a\u6717\u827a\u672f<\/span><\/h2>\n    <\/header>\n    <p class=\"bs-story__text\">\u6709\u4e9b\u4f5c\u54c1\u767e\u770b\u4e0d\u538c\uff0c\u6bcf\u4e00\u6b21\u90fd\u80fd\u53d1\u73b0\u65b0\u610f\uff1a\u4e00\u5904\u7eb9\u6837\u7684\u7cbe\u5de7\uff0c\u4e00\u7f15\u4e1d\u7ebf\u7684\u5149\u6cfd\uff0c\u6216\u662f\u90a3\u53cc\u8010\u5fc3\u7f16\u7ec7\u7684\u624b\u3002<\/p>\n    <p class=\"bs-story__text\">\u5728\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\uff0c\u900f\u8fc7\u7ec6\u8282\u4e0e\u6545\u4e8b\u63a2\u7d22\u4f0a\u6717\u7684\u624b\u5de5\u5730\u6bef\u3001\u7ec7\u7269\u4e0e\u827a\u672f\u4f5c\u54c1\uff1a\u65e2\u6709\u591a\u5e74\u6c47\u96c6\u7684\u73cd\u54c1\uff0c\u4e5f\u6709\u4e0e\u827a\u672f\u5bb6\u643a\u624b\u521b\u4f5c\u7684\u7ec7\u54c1\u3002<\/p>\n    <a class=\"bs-story__btn\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/carpets\/\">\u63a2\u7d22\u5178\u85cf\u4f5c\u54c1<\/a>\n  <\/div>\n  <div class=\"bs-story__gallery\" aria-hidden=\"true\">\n    <div class=\"bs-story__col\">\n      <figure class=\"bs-story__rug bs-story__rug--parinaz\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Superfine\/parinaz\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n      <figure class=\"bs-story__rug bs-story__rug--alma\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Sumak\/alma\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n    <\/div>\n    <div class=\"bs-story__col\">\n      <figure class=\"bs-story__rug bs-story__rug--sahand\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Carpet\/sahand\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n      <figure class=\"bs-story__rug bs-story__rug--sainaz\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Sumak\/sainaz\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .bs-story,\n  .bs-story * {\n    box-sizing: border-box;\n  }\n\n  .bs-story {\n    --bs-ink: #222323;\n    --bs-muted: rgba(0, 0, 0, .6);\n    --bs-pad: clamp(20px, 3.2vw, 56px);\n    --bs-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: clamp(24px, 4vh, 40px) clamp(28px, 5vw, 88px);\n    align-items: center;\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--bs-pad));\n    margin-inline: auto;\n    padding: clamp(32px, 8vh, 96px) var(--bs-pad);\n    overflow: hidden;\n    overflow: clip;\n    background: #fff;\n    color: var(--bs-ink);\n    direction: ltr;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  .bs-head {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: clamp(18px, 3vh, 28px);\n  }\n\n  .bs-head__kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    color: var(--bs-muted);\n    font-size: 13px;\n  }\n\n  .bs-head__kicker::before {\n    content: \"\";\n    width: 18px;\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .bs-head__title {\n    margin: 12px 0 0;\n    font-size: 30px;\n    font-weight: 500;\n    line-height: 1.45;\n  }\n\n  .bs-head__title span {\n    display: inline-block;\n  }\n\n  .bs-story__text {\n    max-width: 520px;\n    margin: 0 0 14px;\n    color: var(--bs-muted);\n    font-size: 16px;\n    line-height: 1.9;\n  }\n\n  .bs-story__btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    min-height: 46px;\n    margin-top: clamp(10px, 2vh, 18px);\n    padding: 0 32px;\n    border: 1px solid var(--bs-ink);\n    color: var(--bs-ink);\n    font-size: 15px;\n    font-weight: 500;\n    text-decoration: none;\n  }\n\n  .bs-story__btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 3px;\n    border: 1px solid currentColor;\n    opacity: 0;\n  }\n\n  \/* The arrow file points left for the Persian site, so it is mirrored here. *\/\n  .bs-story__btn::after {\n    content: \"\";\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    -webkit-mask: var(--bs-arrow) center \/ contain no-repeat;\n    mask: var(--bs-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  .bs-story__btn:hover,\n  .bs-story__btn:focus-visible {\n    background: var(--bs-ink);\n    color: #fff;\n  }\n\n  .bs-story__btn:hover::before,\n  .bs-story__btn:focus-visible::before {\n    opacity: .35;\n  }\n\n  .bs-story__gallery {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: clamp(14px, 2vw, 32px);\n    \/* Tied to the width so the two-rug columns always stay taller than the window they move in. *\/\n    aspect-ratio: 1;\n    max-height: min(86vh, 780px);\n    max-height: min(86svh, 780px);\n    overflow: hidden;\n  }\n\n  \/* Soft white edges so the moving rugs fade in and out instead of being cut. *\/\n  .bs-story__gallery::before,\n  .bs-story__gallery::after {\n    content: \"\";\n    position: absolute;\n    inset-inline: 0;\n    z-index: 1;\n    height: 14%;\n    pointer-events: none;\n  }\n\n  .bs-story__gallery::before {\n    top: 0;\n    background: linear-gradient(#fff, rgba(255, 255, 255, 0));\n  }\n\n  .bs-story__gallery::after {\n    bottom: 0;\n    background: linear-gradient(rgba(255, 255, 255, 0), #fff);\n  }\n\n  .bs-story__col {\n    display: flex;\n    flex: 1 1 0;\n    flex-direction: column;\n    gap: clamp(28px, 4vh, 48px);\n    min-width: 0;\n    will-change: transform;\n  }\n\n  .bs-story__rug {\n    position: relative;\n    width: 100%;\n    margin: 0;\n  }\n\n  \/* Large and small rugs side by side, the small ones pushed to the outer edges, so the\n     two columns interlock like a puzzle instead of lining up in rows. *\/\n  .bs-story__rug--alma {\n    width: 66%;\n    align-self: flex-start;\n  }\n\n  .bs-story__rug--sahand {\n    width: 72%;\n    align-self: flex-end;\n  }\n\n  \/* Soft floor shadow under each rug. *\/\n  .bs-story__rug::after {\n    content: \"\";\n    position: absolute;\n    left: -10%;\n    right: -10%;\n    bottom: -5%;\n    height: 7%;\n    background: radial-gradient(closest-side, rgba(30, 30, 30, .18), rgba(30, 30, 30, 0));\n    pointer-events: none;\n  }\n\n  \/* The product photos (1600\u00d72000) have transparent space around each rug.\n     The frame takes the rug's own proportions and the photo is shifted so only the rug shows,\n     edge to edge: --w\/--h are the rug's size and --x\/--y its top-left corner, in photo pixels. *\/\n  .bs-story__crop {\n    position: relative;\n    display: block;\n    overflow: hidden;\n    aspect-ratio: var(--w) \/ var(--h);\n  }\n\n  .bs-story__crop img {\n    position: absolute;\n    top: calc(var(--y) \/ var(--h) * -100%);\n    left: calc(var(--x) \/ var(--w) * -100%);\n    display: block;\n    width: calc(1600 \/ var(--w) * 100%);\n    height: auto;\n    max-width: none;\n  }\n\n  .bs-story__rug--parinaz { --x: 240; --y: 0;   --w: 1120; --h: 2000; }\n  .bs-story__rug--sainaz  { --x: 168; --y: 0;   --w: 1264; --h: 2000; }\n  .bs-story__rug--sahand  { --x: 336; --y: 332; --w: 928;  --h: 1336; }\n  .bs-story__rug--alma    { --x: 360; --y: 382; --w: 884;  --h: 1236; }\n\n  @media (max-width: 899px) {\n    .bs-story {\n      grid-template-columns: 1fr;\n    }\n\n    .bs-story__gallery {\n      width: 100%;\n      max-width: 560px;\n      margin-inline: auto;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .bs-story__gallery {\n      gap: 14px;\n    }\n\n    .bs-story__col {\n      gap: 22px;\n    }\n\n    .bs-head__title {\n      font-size: 26px;\n    }\n\n    .bs-story__btn {\n      width: 100%;\n      justify-content: center;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .bs-story__btn,\n    .bs-story__btn::before {\n      transition: opacity .25s ease, color .25s ease, background-color .3s ease;\n    }\n  }\n<\/style>\n\n<script>\n  (() => {\n    const root = document.getElementById('bordbar-story');\n    if (!root || root.bsDestroy) return;\n\n    const gallery = root.querySelector('.bs-story__gallery');\n    const cols = [...root.querySelectorAll('.bs-story__col')];\n    const motion = matchMedia('(prefers-reduced-motion: reduce)');\n    const abort = new AbortController();\n    const opts = { passive: true, signal: abort.signal };\n    let raf = 0;\n    let active = false;\n    let shift = 0;\n\n    \/\/ Columns drift in opposite directions while the gallery crosses the screen: p runs from 1 (below) to -1 (above).\n    const draw = () => {\n      raf = 0;\n      const rect = gallery.getBoundingClientRect();\n      const p = Math.max(-1, Math.min(1, (rect.top + rect.height \/ 2 - innerHeight \/ 2) \/ ((innerHeight + rect.height) \/ 2)));\n      cols.forEach((col, i) => {\n        col.style.transform = `translate3d(0, ${(p * shift * (i % 2 ? -1 : 1)).toFixed(1)}px, 0)`;\n      });\n    };\n\n    const schedule = () => {\n      if (!raf && active && !motion.matches) raf = requestAnimationFrame(draw);\n    };\n\n    \/\/ Each column may travel only until its end reaches the faded edge, so no empty gap ever shows.\n    const measure = () => {\n      cancelAnimationFrame(raf);\n      raf = 0;\n      cols.forEach((col) => { col.style.transform = ''; });\n      if (motion.matches) return;\n      const box = gallery.getBoundingClientRect();\n      const room = Math.min(...cols.map((col) => {\n        const rect = col.getBoundingClientRect();\n        return Math.min(box.top - rect.top, rect.bottom - box.bottom);\n      }));\n      shift = Math.max(0, Math.min(box.height * .24, room + box.height * .1));\n      draw();\n    };\n\n    addEventListener('scroll', schedule, opts);\n    addEventListener('resize', measure, opts);\n    motion.addEventListener('change', measure, { signal: abort.signal });\n\n    const observer = new IntersectionObserver(([entry]) => {\n      active = entry.isIntersecting;\n      if (active) schedule();\n      else {\n        cancelAnimationFrame(raf);\n        raf = 0;\n      }\n    }, { rootMargin: '200px 0px' });\n    observer.observe(gallery);\n\n    root.bsDestroy = () => {\n      abort.abort();\n      observer.disconnect();\n      cancelAnimationFrame(raf);\n      delete root.bsDestroy;\n    };\n\n    measure();\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-852f92a e-flex e-con-boxed e-con e-parent\" data-id=\"852f92a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a38e2 elementor-widget elementor-widget-html\" data-id=\"a9a38e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bt-story\" id=\"bordbar-our-story\" lang=\"zh-Hans\" dir=\"ltr\" aria-labelledby=\"bordbar-our-story-title\">\n  <div class=\"bt-story__frame\">\n    <img loading=\"lazy\" class=\"bt-story__rider\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/image_under_200kb.webp\" alt=\"\" width=\"1150\" height=\"1150\" loading=\"lazy\" decoding=\"async\" aria-hidden=\"true\">\n    <img loading=\"lazy\" class=\"bt-story__floral\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/floral_pattern_under_200kb.webp\" alt=\"\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\" aria-hidden=\"true\">\n    <p class=\"bt-story__kicker\">\u6211\u4eec\u7684\u6545\u4e8b<\/p>\n    <h2 class=\"bt-story__title\" id=\"bordbar-our-story-title\">\u5730\u6bef\u3001\u827a\u672f\u3001\u53d9\u4e8b<\/h2>\n    <div class=\"bt-story__text\">\n      <p>\u5728\u4f0a\u65af\u6cd5\u7f55\u7684\u4e2d\u5fc3\uff0c\u5728\u7eb9\u6837\u3001\u8272\u5f69\u4e0e\u8bb0\u5fc6\u4e4b\u95f4\uff0c\u535a\u5c14\u5fb7\u5df4\u5c14\u6c47\u96c6\u5e76\u521b\u4f5c\u4e86\u4e00\u7cfb\u5217\u4f0a\u6717\u5730\u6bef\u4e0e\u827a\u672f\u4f5c\u54c1\uff0c\u6bcf\u4e00\u4ef6\u90fd\u662f\u4e00\u6bb5\u5b8f\u5927\u53d9\u4e8b\u7684\u4e00\u90e8\u5206\uff1b\u8fd9\u6bb5\u53d9\u4e8b\u5173\u4e4e\u6280\u827a\u3001\u6587\u5316\u4e0e\u5730\u7406\uff0c\u4e5f\u5173\u4e4e\u4e00\u79cd\u5c06\u4f0a\u6717\u827a\u672f\u4ece\u8fc7\u53bb\u8fde\u63a5\u5230\u5f53\u4e0b\u7684\u773c\u5149\u3002<\/p>\n      <p>\u5728\u8fd9\u91cc\uff0c\u4f5c\u54c1\u4e0d\u53ea\u662f\u4e3a\u4e86\u88ab\u89c2\u770b\u3002<\/p>\n    <\/div>\n    <p class=\"bt-story__quote\"><span>\u6bcf\u4e00\u4ef6\u4f5c\u54c1\uff0c<\/span><span>\u90fd\u5e94\u6709\u503c\u5f97\u8bb2\u8ff0\u7684\u6545\u4e8b\u3002<\/span><\/p>\n    <a class=\"bt-story__link\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/about\/our-story\/\">\u4e86\u89e3\u535a\u5c14\u5fb7\u5df4\u5c14\u7684\u6545\u4e8b<\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .bt-story,\n  .bt-story * {\n    box-sizing: border-box;\n  }\n\n  .bt-story {\n    --bt-ink: #222323;\n    --bt-text: rgba(0, 0, 0, .78);\n    --bt-hair: #e8e8e8;\n    --bt-pad: clamp(20px, 3.2vw, 56px);\n    --bt-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    \/* Sizes of the two line drawings; their positions are worked out from these. *\/\n    --bt-rider: clamp(104px, 12vw, 210px);\n    --bt-floral: clamp(96px, 11vw, 200px);\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--bt-pad));\n    margin-inline: auto;\n    padding: calc(var(--bt-rider) * .45) var(--bt-pad) calc(var(--bt-floral) * .6);\n    overflow: hidden;\n    overflow: clip;\n    background: #fff;\n    color: var(--bt-ink);\n    direction: ltr;\n    font-family: inherit;\n  }\n\n  .bt-story__frame {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: clamp(64px, 8vw, 84px) clamp(16px, 9vw, 160px) clamp(56px, 7vw, 72px);\n    border: 1px solid var(--bt-hair);\n    text-align: center;\n  }\n\n  \/* Mirror of the Persian layout: rider on the top-left corner, floral branch on the bottom-right\n     corner, both flipped to face the text and half over the border. *\/\n  .bt-story__rider,\n  .bt-story__floral {\n    position: absolute;\n    display: block;\n    height: auto;\n    max-width: none;\n    opacity: .4;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .bt-story__rider {\n    top: calc(var(--bt-rider) * -.42);\n    left: calc(var(--bt-rider) * -.14);\n    width: var(--bt-rider);\n    transform: scaleX(-1);\n  }\n\n  .bt-story__floral {\n    bottom: calc(var(--bt-floral) * -.55);\n    right: calc(var(--bt-floral) * .1);\n    width: var(--bt-floral);\n    transform: scaleX(-1) rotate(-58deg);\n  }\n\n  .bt-story__kicker {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0;\n    color: rgba(0, 0, 0, .6);\n    font-size: 14px;\n  }\n\n  .bt-story__kicker::before,\n  .bt-story__kicker::after {\n    content: \"\";\n    width: clamp(28px, 4vw, 48px);\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .bt-story__title {\n    margin: 14px 0 0;\n    font-size: clamp(26px, 2.4vw, 32px);\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: .04em;\n  }\n\n  .bt-story__text {\n    max-width: 860px;\n    margin-top: clamp(24px, 4vh, 36px);\n    color: var(--bt-text);\n    font-size: 16px;\n    line-height: 2;\n  }\n\n  .bt-story__text p {\n    margin: 0;\n  }\n\n  .bt-story__quote {\n    margin: clamp(16px, 3vh, 24px) 0 0;\n    font-size: clamp(17px, 1.4vw, 19px);\n    font-weight: 700;\n    line-height: 1.6;\n  }\n\n  .bt-story__quote span {\n    display: inline-block;\n  }\n\n  .bt-story__link {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: clamp(24px, 4vh, 36px);\n    padding-block: 6px;\n    color: var(--bt-ink);\n    font-size: 16px;\n    font-weight: 500;\n    text-decoration: none;\n  }\n\n  \/* The arrow file points left for the Persian site, so it is mirrored here. *\/\n  .bt-story__link::after {\n    content: \"\";\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    -webkit-mask: var(--bt-arrow) center \/ contain no-repeat;\n    mask: var(--bt-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  \/* Hairline that draws in from the left on hover, like the branch rows. *\/\n  .bt-story__link::before {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 1px;\n    background: currentColor;\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n\n  .bt-story__link:hover::before,\n  .bt-story__link:focus-visible::before {\n    transform: scaleX(1);\n  }\n\n  .bt-story__link:focus-visible {\n    outline: 2px solid #777;\n    outline-offset: 4px;\n  }\n\n  @media (max-width: 600px) {\n    .bt-story {\n      padding-bottom: calc(var(--bt-floral) * .8);\n    }\n\n    .bt-story__frame {\n      padding-top: calc(var(--bt-rider) * .7);\n      padding-bottom: calc(var(--bt-floral) * .75);\n    }\n\n    .bt-story__text {\n      font-size: 15px;\n      line-height: 1.95;\n    }\n\n    .bt-story__floral {\n      right: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .bt-story__link::before {\n      transition: transform .4s cubic-bezier(.2, .7, .2, 1);\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2850f7b e-con-full e-flex e-con e-parent\" data-id=\"2850f7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ff52e elementor-widget elementor-widget-html\" data-id=\"f8ff52e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.rw-scroll{--rw-white:#fff;--rw-ink:#242424;--rw-step:140px;position:relative;width:100%;font:inherit;color:var(--rw-ink);isolation:isolate}\n.rw-scroll *{box-sizing:border-box}.rw-scroll h2,.rw-scroll p{margin:0;font-family:inherit}.rw-scroll a,.rw-scroll button{font:inherit;-webkit-tap-highlight-color:transparent}\n.rw-scene,.rw-card{position:relative}.rw-images{display:none}.rw-item{padding:24px;background:var(--rw-white);border-bottom:1px solid #ddd;text-align:left}.rw-item h2{font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.25;margin:0 0 10px}.rw-item p{font-size:clamp(14px,1.2vw,16px);font-weight:400;line-height:1.8;width:100%;max-width:none;overflow-wrap:anywhere}.rw-tag{display:block;font-size:12px;line-height:1.4;margin-bottom:8px;color:#666}.rw-link{display:inline-flex;align-items:center;justify-content:center;align-self:start;width:44px;height:44px;min-width:44px;margin-top:20px;border:1px solid #ddd;border-radius:50%;color:inherit;text-decoration:none!important;background:#fff}.rw-link:hover{background:#f2f2f2}.rw-link svg{display:block;width:22px;height:22px}.rw-scroll[dir=rtl] .rw-link svg{transform:scaleX(-1)}.rw-scroll :focus-visible{outline:2px solid #777;outline-offset:3px}.rw-window,.rw-nav{display:none}\n.rw-scroll.rw-ready{height:calc(100vh + 5 * var(--rw-step));height:calc(100svh + 5 * var(--rw-step))}.rw-ready .rw-scene{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;padding:20px 16px 60px;overflow:hidden;isolation:isolate}.rw-ready .rw-images{display:block;position:absolute;inset:0;z-index:-1;background:#56504a}.rw-images img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .42s ease}.rw-images img.rw-active{opacity:1}.rw-ready .rw-card{display:flex;flex-direction:column;width:min(820px,100%);max-height:100%;border:8px solid var(--rw-white);border-radius:2px;background:transparent;box-shadow:0 12px 48px #0002}.rw-ready .rw-info{display:grid;flex:0 0 auto;background:#fff;border-radius:2px 2px 0 0;padding-bottom:6px}.rw-ready .rw-item{grid-area:1\/1;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:18px;padding:20px 22px 24px;border:0;visibility:hidden;opacity:0;transition:opacity .25s ease;pointer-events:none}.rw-ready .rw-item.rw-active{visibility:visible;opacity:1;pointer-events:auto}.rw-ready .rw-link{margin-top:24px}.rw-ready .rw-window{display:block;flex:0 1 30svh;height:30svh;min-height:64px;max-height:320px;border-radius:2px;background:transparent}.rw-ready .rw-nav{display:flex;position:absolute;bottom:max(6px,env(safe-area-inset-bottom));inset-inline:0;justify-content:center;gap:0}.rw-nav button{display:grid;place-items:center;appearance:none;border:0;width:44px;height:44px;margin:0;padding:0;background:transparent!important;cursor:pointer;border-radius:2px;box-shadow:none}.rw-nav button::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 2px #0007;transition:transform .2s ease}.rw-nav button[aria-current=true]::after{transform:scale(1.5);box-shadow:0 0 0 1px #fff,0 0 4px #0005}.rw-nav button:focus-visible{outline-color:#fff}\n@media(max-width:600px){.rw-ready .rw-scene{padding:14px 12px 54px}.rw-ready .rw-card{border-width:6px;border-radius:2px}.rw-ready .rw-item{grid-template-columns:minmax(0,1fr) 44px;padding:12px 10px 16px;gap:8px}.rw-item h2{font-size:25px;margin-bottom:8px}.rw-item p{font-size:14px;line-height:1.75}.rw-tag{font-size:11px;margin-bottom:6px}.rw-ready .rw-window{flex-basis:26svh;height:26svh;min-height:60px}.rw-ready .rw-info{padding-bottom:4px}.rw-ready .rw-link{margin-top:17px}}\n@media(max-width:380px){.rw-ready .rw-item{grid-template-columns:minmax(0,1fr);position:relative;padding:10px 10px 14px}.rw-ready .rw-item h2,.rw-ready .rw-tag{padding-inline-end:50px}.rw-ready .rw-link{position:absolute;inset-inline-end:8px;top:12px;margin:0}.rw-item p{font-size:13px;line-height:1.7}}\n@media(max-height:500px) and (min-width:601px){.rw-ready .rw-scene{padding:10px 14px 48px}.rw-ready .rw-item{padding:10px 14px 12px}.rw-item h2{font-size:23px;margin-bottom:6px}.rw-item p{font-size:13px;line-height:1.6;max-width:none}.rw-tag{font-size:10px;margin-bottom:4px}.rw-ready .rw-window{flex-basis:20svh;min-height:40px}.rw-ready .rw-info{padding-bottom:0}}\n\/* Short viewports \/ large text: keep all content readable in normal document flow. *\/\n.rw-scroll.rw-flow{height:auto}.rw-flow .rw-scene{position:relative;height:auto;display:block;padding:0;overflow:visible}.rw-flow .rw-images,.rw-flow .rw-window,.rw-flow .rw-nav{display:none}.rw-flow .rw-card{display:block;max-height:none;width:100%;box-shadow:none}.rw-flow .rw-info{display:block}.rw-flow .rw-item{display:grid;visibility:visible;opacity:1;pointer-events:auto;border-bottom:1px solid #ddd}\n@media(prefers-reduced-motion:reduce){.rw-scroll *{transition:none!important;scroll-behavior:auto!important}}\n@media print{.rw-scroll.rw-ready{height:auto}.rw-ready .rw-scene{position:static;height:auto;display:block;padding:0;overflow:visible}.rw-ready .rw-images,.rw-ready .rw-window,.rw-ready .rw-nav{display:none}.rw-ready .rw-info{display:block}.rw-ready .rw-item{visibility:visible;opacity:1;break-inside:avoid}.rw-ready .rw-card{width:100%;max-height:none;box-shadow:none}}\n\/* Use the card midpoint rather than font-dependent ch units. *\/\n@media(min-width:601px) and (min-height:501px){.rw-ready:not(.rw-flow) .rw-item p{width:calc(50% + 31px);max-width:none}}\n<\/style>\n<section class=\"rw-scroll\" lang=\"zh-Hans\" dir=\"ltr\" aria-label=\"\u535a\u5c14\u5fb7\u5df4\u5c14\u5178\u85cf\"><div class=\"rw-scene\">\n<div class=\"rw-images\" aria-hidden=\"true\">\n<!-- IMAGE 1: Carpet -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D9%82%D8%A7%D9%84%DB%8C.webp\" alt=\"\" decoding=\"async\" fetchpriority=\"high\">\n<!-- IMAGE 2: Kilim -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/11\/carpet-pattern-high-quality-under-200kb-1.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 3: Superfine -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D8%B1%D9%88%D9%86%D8%A7%DA%A9-%D8%B3%D9%88%D9%BE%D8%B1%D9%81%D8%A7%DB%8C%D9%86.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 4: Polonaise -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D9%BE%D9%84%D9%88%D9%86%D8%A7%DB%8C%D8%B2.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 5: Soumak -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D8%B3%D9%88%D9%85%D8%A7%DA%A9.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 6: Morvaridbaf -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D9%85%D8%B1%D9%88%D8%A7%D8%B1%DB%8C%D8%AF%D8%A8%D8%A7%D9%81.webp\" alt=\"\" decoding=\"async\" >\n<\/div><div class=\"rw-card\"><div class=\"rw-info\">\n<!-- SLIDE 1 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">\u7ef3\u7ed3\u4e0e\u7eb9\u6837<\/span><h2>\u4f20\u7edf\u5730\u6bef<\/h2><p>\u624b\u5de5\u5730\u6bef\u4e4b\u7f8e\u5728\u4e24\u79cd\u8ddd\u79bb\u4e2d\u663e\u73b0\uff1a\u8fdc\u89c2\uff0c\u662f\u7eb9\u6837\u4e0e\u8272\u5f69\u7684\u548c\u8c10\uff1b\u8fd1\u8d4f\uff0c\u662f\u7ef3\u7ed3\u4e0e\u7cbe\u6e5b\u7684\u5de5\u827a\u3002\u5728\u5178\u85cf\u7684\u5730\u6bef\u4e4b\u95f4\u540c\u65f6\u4f53\u4f1a\u8fd9\u4e24\u79cd\u611f\u53d7\uff0c\u770b\u7ec6\u5fae\u4e4b\u5904\u5982\u4f55\u8d4b\u4e88\u4f5c\u54c1\u72ec\u7279\u7684\u4e2a\u6027\u3002<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/%d9%82%d8%a7%d9%84%db%8c\/\" aria-label=\"\u67e5\u770b\u4f20\u7edf\u5730\u6bef\u7c7b\u522b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 2 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">\u8272\u5f69\u4e0e\u751f\u6d3b<\/span><h2>\u57fa\u91cc\u59c6<\/h2><p>\u5728\u57fa\u91cc\u59c6\u4e2d\uff0c\u7ebf\u6761\u4e0e\u8272\u5f69\u76f4\u63a5\u800c\u9c9c\u660e\u3002\u76ee\u5149\u5728\u8272\u5757\u4e4b\u95f4\u6e38\u8d70\uff0c\u8ffd\u968f\u7eb9\u6837\u7684\u97f5\u5f8b\uff0c\u62b5\u8fbe\u90a3\u4e9b\u7559\u6709\u7ec7\u5de5\u54c1\u5473\u4e0e\u7ecf\u9a8c\u5370\u8bb0\u7684\u7ec6\u8282\u3002\u6b23\u8d4f\u535a\u5c14\u5fb7\u5df4\u5c14\u7684\u57fa\u91cc\u59c6\uff0c\u611f\u53d7\u7eb9\u6837\u3001\u7ec7\u9020\u4e0e\u751f\u6d3b\u4e4b\u95f4\u7684\u4eb2\u5bc6\u5173\u7cfb\u3002<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/kilim\/\" aria-label=\"\u67e5\u770b\u57fa\u91cc\u59c6\u7c7b\u522b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 3 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">\u8fd1\u89c2\u7cbe\u5999<\/span><h2>\u8d85\u7ec6\u5730\u6bef<\/h2><p>\u6b23\u8d4f\u8d85\u7ec6\u5730\u6bef\uff0c\u8fd1\u770b\u672c\u8eab\u5c31\u662f\u4e00\u79cd\u4e50\u8da3\u3002\u7ebf\u6761\u7684\u8fde\u8d2f\u3001\u7eb9\u6837\u7684\u4fee\u9970\u4e0e\u7ec7\u9020\u7684\u7cbe\u51c6\uff0c\u5448\u73b0\u51fa\u521d\u770b\u65f6\u4e0d\u6613\u5bdf\u89c9\u7684\u7ec6\u8282\u3002\u8fd9\u4e9b\u4f5c\u54c1\u8ba9\u4eba\u7ec6\u7ec6\u4f53\u4f1a\u8010\u5fc3\u3001\u6280\u827a\u4e0e\u7cbe\u5999\u4e4b\u95f4\u7684\u8054\u7cfb\u3002<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/super-fine\/\" aria-label=\"\u67e5\u770b\u8d85\u7ec6\u5730\u6bef\u7c7b\u522b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 4 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">\u7ec6\u8282\u7684\u534e\u7f8e<\/span><h2>\u6ce2\u6d1b\u5948\u5179<\/h2><p>\u8bf7\u4ece\u5bb9\u6b23\u8d4f\u6ce2\u6d1b\u5948\u5179\u3002\u8ba9\u76ee\u5149\u4ece\u6574\u4f53\u6784\u56fe\u79fb\u5411\u7eb9\u6837\u7684\u56de\u8f6c\u4e0e\u7ec7\u9020\u7684\u7ec6\u817b\u4e4b\u5904\uff1b\u6b63\u662f\u7cbe\u6e5b\u7684\u5de5\u827a\u4e0e\u5404\u90e8\u5206\u7684\u548c\u8c10\uff0c\u6210\u5c31\u4e86\u4f5c\u54c1\u534e\u8d35\u7684\u6c14\u97f5\u3002\u8fd9\u4e00\u7cfb\u5217\u9080\u60a8\u5728\u7ec6\u8282\u7684\u5c3a\u5ea6\u4e0a\u53d1\u73b0\u7f8e\u3002<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/%d9%be%d9%88%d9%84%d9%88%d9%86%d8%a7%db%8c%d8%b2\/\" aria-label=\"\u67e5\u770b\u6ce2\u6d1b\u5948\u5179\u7c7b\u522b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 5 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">\u7ec7\u7406\u4e2d\u7684\u7eb9\u6837<\/span><h2>\u82cf\u9a6c\u514b<\/h2><p>\u5728\u82cf\u9a6c\u514b\u4e2d\uff0c\u4f5c\u54c1\u7684\u8868\u9762\u4e0e\u56fe\u6848\u540c\u6837\u503c\u5f97\u7ec6\u770b\u3002\u7ec7\u7ebf\u7684\u8d70\u5411\u4e0e\u8272\u5f69\u7684\u4ea4\u878d\u8d4b\u4e88\u7ec7\u7269\u751f\u52a8\u7684\u8d28\u611f\uff0c\u8ba9\u76ee\u5149\u5728\u7eb9\u6837\u4e0e\u7ed3\u6784\u4e4b\u95f4\u5f80\u8fd4\u3002\u8bf7\u4ece\u4e24\u4e2a\u89d2\u5ea6\u6b23\u8d4f\u8fd9\u4e9b\u4f5c\u54c1\uff1a\u6240\u7ed8\u4e4b\u5f62\uff0c\u4e0e\u7ec7\u9020\u4e4b\u6cd5\u3002<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/soumak\/\" aria-label=\"\u67e5\u770b\u82cf\u9a6c\u514b\u7c7b\u522b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 6 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">\u97f5\u5f8b\u4e0e\u7cbe\u5de5<\/span><h2>\u83ab\u5c14\u74e6\u91cc\u5fb7\u5df4\u592b<\/h2><p>\u83ab\u5c14\u74e6\u91cc\u5fb7\u5df4\u592b\u4e4b\u7f8e\u6e90\u4e8e\u7ec6\u8282\u4e4b\u95f4\u7684\u5173\u7cfb\uff1a\u5728\u91cd\u590d\u4e2d\uff0c\u5728\u8272\u5f69\u4e2d\uff0c\u5728\u5c06\u5fae\u5c0f\u90e8\u5206\u8fde\u6210\u60a6\u76ee\u6574\u4f53\u7684\u79e9\u5e8f\u4e2d\u3002\u8d70\u8fd1\u4f5c\u54c1\uff0c\u7ec6\u817b\u4e4b\u5904\u9010\u4e00\u663e\u73b0\uff0c\u9080\u60a8\u7ee7\u7eed\u6b23\u8d4f\u3002<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/%e8%8e%ab%e5%b0%94%e7%93%a6%e9%87%8c%e5%be%b7%e5%b7%b4%e5%a4%ab\/\" aria-label=\"\u67e5\u770b\u83ab\u5c14\u74e6\u91cc\u5fb7\u5df4\u592b\u7c7b\u522b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<\/div><div class=\"rw-window\" aria-hidden=\"true\"><\/div><\/div><nav class=\"rw-nav\" aria-label=\"\u9009\u62e9\u7c7b\u522b\"><button type=\"button\" aria-label=\"\u4f20\u7edf\u5730\u6bef\"><\/button><button type=\"button\" aria-label=\"\u57fa\u91cc\u59c6\"><\/button><button type=\"button\" aria-label=\"\u8d85\u7ec6\u5730\u6bef\"><\/button><button type=\"button\" aria-label=\"\u6ce2\u6d1b\u5948\u5179\"><\/button><button type=\"button\" aria-label=\"\u82cf\u9a6c\u514b\"><\/button><button type=\"button\" aria-label=\"\u83ab\u5c14\u74e6\u91cc\u5fb7\u5df4\u592b\"><\/button><\/nav><\/div><\/section>\n<script>\n(()=>{\nfunction init(root){\n if(root.dataset.rwInit)return;\n root.dataset.rwInit='1';\n const items=[...root.querySelectorAll('.rw-item')],images=[...root.querySelectorAll('.rw-images img')],buttons=[...root.querySelectorAll('.rw-nav button')],scene=root.querySelector('.rw-scene'),info=root.querySelector('.rw-info');\n if(items.length<2||!window.ResizeObserver)return;\n let current=-1,queued=false,flow=false,wheelLocked=false,wheelTimer=0,wheelSum=0,touch=null;\n const step=()=>parseFloat(getComputedStyle(root).getPropertyValue('--rw-step'))||140;\n function activate(n){\n  current=n;\n  items.forEach((item,i)=>{const active=i===n;item.classList.toggle('rw-active',active);item.inert=!flow&&!active;item.setAttribute('aria-hidden',String(!flow&&!active));images[i].classList.toggle('rw-active',active);buttons[i].setAttribute('aria-current',String(active));});\n }\n function go(n){\n  const top=root.getBoundingClientRect().top+window.scrollY;\n  window.scrollTo({top:Math.max(0,top+n*step()),behavior:'instant'});\n  activate(n);\n }\n function pinned(){const r=root.getBoundingClientRect();return !flow&&r.top<=1&&r.bottom>=scene.offsetHeight-1;}\n function canMove(dir){return dir>0?current<items.length-1:current>0;}\n function update(){\n  queued=false;\n  if(!root.isConnected){cleanup();return;}\n  if(flow)return;\n  const n=Math.min(items.length-1,Math.max(0,Math.round(-root.getBoundingClientRect().top\/step())));\n  if(n!==current)activate(n);\n }\n function request(){if(!queued){queued=true;requestAnimationFrame(update);}}\n function resize(){\n  \/\/ Measure the stacked header before choosing a safe layout for large fonts \/ tiny screens.\n  root.classList.remove('rw-flow');\n  const styles=getComputedStyle(scene),available=scene.clientHeight-parseFloat(styles.paddingTop)-parseFloat(styles.paddingBottom);\n  flow=info.offsetHeight+80>available;\n  root.classList.toggle('rw-flow',flow);\n  activate(Math.max(0,current));request();\n }\n function onWheel(e){\n  if(e.ctrlKey||Math.abs(e.deltaX)>Math.abs(e.deltaY)||!e.deltaY||!pinned())return;\n  const dir=Math.sign(e.deltaY);\n  \/\/ Keep momentum from the same gesture from skipping additional slides.\n  if(wheelLocked){if(e.cancelable)e.preventDefault();clearTimeout(wheelTimer);wheelTimer=setTimeout(()=>{wheelLocked=false;wheelSum=0},180);return;}\n  if(!canMove(dir))return; \/\/ Natural page scrolling at both ends.\n  if(!e.cancelable)return;\n  e.preventDefault();\n  wheelSum=(Math.sign(wheelSum)&&Math.sign(wheelSum)!==dir)?e.deltaY:wheelSum+e.deltaY;\n  clearTimeout(wheelTimer);\n  if(Math.abs(wheelSum)*(e.deltaMode===1?16:e.deltaMode===2?scene.offsetHeight:1)>=8){wheelLocked=true;wheelSum=0;go(current+dir);}\n  wheelTimer=setTimeout(()=>{wheelLocked=false;wheelSum=0},180);\n }\n function touchStart(e){touch=e.touches.length===1?{x:e.touches[0].clientX,y:e.touches[0].clientY,delta:0,captured:false}:null;}\n function touchMove(e){\n  if(!touch||e.touches.length!==1)return;\n  const dx=touch.x-e.touches[0].clientX,dy=touch.y-e.touches[0].clientY;\n  if(Math.abs(dx)>Math.abs(dy)||Math.abs(dy)<8)return;\n  if(!touch.captured&&(!pinned()||!canMove(Math.sign(dy))))return;\n  if(e.cancelable){e.preventDefault();touch.captured=true;touch.delta=dy;}\n }\n function touchEnd(){if(touch?.captured&&Math.abs(touch.delta)>=28&&canMove(Math.sign(touch.delta)))go(current+Math.sign(touch.delta));touch=null;}\n function touchCancel(){touch=null;}\n function cleanup(){window.removeEventListener('scroll',request);window.removeEventListener('resize',resize);root.removeEventListener('wheel',onWheel);root.removeEventListener('touchstart',touchStart);root.removeEventListener('touchmove',touchMove);root.removeEventListener('touchend',touchEnd);root.removeEventListener('touchcancel',touchCancel);observer.disconnect();clearTimeout(wheelTimer);}\n root.classList.add('rw-ready');\n buttons.forEach((button,i)=>button.addEventListener('click',()=>{if(!flow)go(i)}));\n root.addEventListener('wheel',onWheel,{passive:false});\n root.addEventListener('touchstart',touchStart,{passive:true});root.addEventListener('touchmove',touchMove,{passive:false});root.addEventListener('touchend',touchEnd,{passive:true});root.addEventListener('touchcancel',touchCancel,{passive:true});\n window.addEventListener('scroll',request,{passive:true});window.addEventListener('resize',resize,{passive:true});\n let lastWidth=0,lastHeight=0;\n const observer=new ResizeObserver(()=>{const width=root.clientWidth,height=info.offsetHeight;if(width!==lastWidth||height!==lastHeight){lastWidth=width;lastHeight=height;resize();}});\n observer.observe(root);observer.observe(info);resize();update();\n}\ndocument.querySelectorAll('.rw-scroll').forEach(init);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b7b59e e-flex e-con-boxed e-con e-parent\" data-id=\"8b7b59e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5325788 elementor-widget elementor-widget-html\" data-id=\"5325788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bp-path\" id=\"bordbar-path\" lang=\"zh-Hans\" dir=\"ltr\" aria-labelledby=\"bordbar-path-title\">\n  <div class=\"bp-path__intro\">\n    <p class=\"bp-path__kicker\">\u4e00\u4e2a\u5178\u85cf\u7684\u5386\u7a0b<\/p>\n    <h2 class=\"bp-path__title\" id=\"bordbar-path-title\"><span>\u591a\u5e74\u7684\u7814\u7a76\u3001\u7ecf\u9a8c<\/span><span>\u4e0e\u6301\u7eed\u8015\u8018<\/span><\/h2>\n    <div class=\"bp-path__text\">\n      <p>\u6bcf\u4e00\u6b21\u5609\u8bb8\u3001\u5408\u4f5c\u4e0e\u6587\u5316\u6d3b\u52a8\u7684\u53c2\u4e0e\uff0c\u90fd\u662f\u8ba4\u8bc6\u548c\u4f20\u64ad\u4f0a\u6717\u827a\u672f\u8fd9\u6bb5\u6f2b\u957f\u5386\u7a0b\u7684\u4e00\u90e8\u5206\u3002<\/p>\n      <p>\u5bf9\u6211\u4eec\u800c\u8a00\uff0c\u5956\u9879\u3001\u8363\u8a89\u8bc1\u4e66\u4e0e\u56fd\u9645\u4eae\u76f8\u5e76\u975e\u7ec8\u70b9\uff0c\u800c\u662f\u591a\u5e74\u6765\u9010\u6e10\u6210\u5f62\u7684\u8fd9\u6761\u9053\u8def\u7684\u5370\u8bb0\u3002<\/p>\n      <p>\u535a\u5c14\u5fb7\u5df4\u5c14\u7684\u9053\u8def\uff0c\u5728\u7814\u4e60\u3001\u65c5\u884c\u3001\u63a2\u5bfb\u3001\u8ba4\u8bc6\u4f5c\u54c1\uff0c\u4ee5\u53ca\u4e0e\u827a\u672f\u5bb6\u3001\u7ec7\u5de5\u3001\u7814\u7a76\u8005\u548c\u6536\u85cf\u5bb6\u7684\u4ea4\u6d41\u4e2d\u4e0d\u65ad\u5ef6\u4f38\u3002<\/p>\n      <p>\u4eca\u5929\u6240\u89c1\uff0c\u662f\u591a\u5e74\u7ecf\u9a8c\u7684\u7ed3\u6676\uff0c\u800c\u8fd9\u6bb5\u5386\u7a0b\u4ecd\u5728\u7ee7\u7eed\u3002<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"bp-path__items\">\n    <a class=\"bp-path__item\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/%d9%82%d8%a7%d9%84%db%8c\/\">\n      <span class=\"bp-path__kicker\">\u4f20\u627f\u81f3\u4eca\u7684\u4f5c\u54c1<\/span>\n      <h3 class=\"bp-path__item-title\">\u7740\u773c\u6765\u5386\u7684\u6536\u85cf<\/h3>\n      <p class=\"bp-path__item-text\">\u6bcf\u4e00\u4ef6\u6536\u85cf\u7684\u4f5c\u54c1\uff0c\u5728\u8fdb\u5165\u5178\u85cf\u4e4b\u524d\u90fd\u6709\u81ea\u5df1\u7684\u7ecf\u5386\u3002\u4e86\u89e3\u5b83\u7684\u6765\u6e90\u3001\u5236\u4f5c\u65b9\u5f0f\u4e0e\u7279\u70b9\uff0c\u6709\u52a9\u4e8e\u6211\u4eec\u66f4\u597d\u5730\u7406\u89e3\u5b83\u7684\u5730\u4f4d\uff0c\u5e76\u5728\u4ecb\u7ecd\u65f6\u7559\u610f\u5b83\u4ece\u8fc7\u53bb\u5e26\u6765\u7684\u4e00\u5207\u3002<\/p>\n    <\/a>\n    <a class=\"bp-path__item\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/product-category\/%d9%82%d8%a7%d9%84%db%8c\/?jsf=epro-loop-builder&tax=pa_provenance:464\">\n      <span class=\"bp-path__kicker\">\u6b63\u5728\u6210\u5f62\u7684\u4f5c\u54c1<\/span>\n      <h3 class=\"bp-path__item-title\">\u4e0e\u827a\u672f\u5bb6\u643a\u624b\u521b\u4f5c<\/h3>\n      <p class=\"bp-path__item-text\">\u6bcf\u4e00\u4ef6\u624b\u5de5\u7ec7\u54c1\u90fd\u8574\u542b\u7740\u7ecf\u5e74\u89c2\u5bdf\u3001\u5b66\u4e60\u4e0e\u5c1d\u8bd5\u6240\u5f97\u7684\u77e5\u8bc6\u3002\u8fd9\u4e9b\u7ecf\u9a8c\u5728\u6bcf\u4e00\u4e2a\u7ef3\u7ed3\u4e0e\u7eb9\u6837\u4e2d\u90fd\u80fd\u611f\u53d7\u5230\uff1b\u800c\u4e86\u89e3\u827a\u672f\u5bb6\u4e0e\u5730\u6bef\u7684\u6545\u4e8b\uff0c\u4fbf\u80fd\u53d1\u73b0\u4f5c\u54c1\u66f4\u591a\u7684\u5c42\u6b21\u3002<\/p>\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .bp-path,\n  .bp-path * {\n    box-sizing: border-box;\n  }\n\n  .bp-path {\n    --bp-ink: #222323;\n    --bp-muted: rgba(0, 0, 0, .6);\n    --bp-hair: #e8e8e8;\n    --bp-pad: clamp(20px, 3.2vw, 56px);\n    --bp-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    display: grid;\n    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);\n    gap: clamp(32px, 6vw, 120px);\n    align-items: start;\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--bp-pad));\n    margin-inline: auto;\n    padding: clamp(48px, 9vh, 96px) var(--bp-pad);\n    background: #fff;\n    color: var(--bp-ink);\n    direction: ltr;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  .bp-path__kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    color: var(--bp-muted);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  \/* Short rule after the kicker, as in the branch sections. *\/\n  .bp-path__kicker::after {\n    content: \"\";\n    width: 18px;\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .bp-path__title {\n    margin: 12px 0 0;\n    font-size: 30px;\n    font-weight: 500;\n    line-height: 1.45;\n  }\n\n  .bp-path__title span {\n    display: inline-block;\n  }\n\n  .bp-path__text {\n    margin-top: clamp(20px, 3vh, 32px);\n    color: var(--bp-muted);\n    font-size: 16px;\n    line-height: 1.9;\n  }\n\n  .bp-path__text p {\n    margin: 0 0 18px;\n  }\n\n  .bp-path__text p:last-child {\n    margin-bottom: 0;\n  }\n\n  .bp-path__items {\n    display: flex;\n    flex-direction: column;\n    padding-top: clamp(0px, 2.5vw, 28px);\n  }\n\n  .bp-path__item {\n    display: block;\n    padding-block: clamp(24px, 3.5vh, 32px);\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .bp-path__item:first-child {\n    padding-top: 0;\n  }\n\n  .bp-path__item + .bp-path__item {\n    border-top: 1px solid var(--bp-hair);\n  }\n\n  .bp-path__item-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 10px 0 0;\n    font-size: 22px;\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  \/* Arrow shows the block is a link; it darkens and nudges on hover. The file points left, so it is mirrored here. *\/\n  .bp-path__item-title::after {\n    content: \"\";\n    flex: none;\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    opacity: .35;\n    -webkit-mask: var(--bp-arrow) center \/ contain no-repeat;\n    mask: var(--bp-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  .bp-path__item-text {\n    margin: 14px 0 0;\n    color: var(--bp-muted);\n    font-size: 16px;\n    line-height: 1.9;\n  }\n\n  .bp-path__item:hover .bp-path__item-title::after,\n  .bp-path__item:focus-visible .bp-path__item-title::after {\n    opacity: 1;\n    transform: translate(4px, 4px) scaleX(-1);\n  }\n\n  .bp-path__item:focus-visible {\n    outline: 2px solid #777;\n    outline-offset: 6px;\n  }\n\n  @media (max-width: 899px) {\n    .bp-path {\n      grid-template-columns: 1fr;\n    }\n\n    .bp-path__items {\n      padding-top: 0;\n      border-top: 1px solid var(--bp-hair);\n    }\n\n    .bp-path__item:first-child {\n      padding-top: clamp(24px, 3.5vh, 32px);\n    }\n  }\n\n  @media (max-width: 480px) {\n    .bp-path__title {\n      font-size: 26px;\n    }\n\n    .bp-path__item-title {\n      font-size: 20px;\n    }\n\n    .bp-path__text,\n    .bp-path__item-text {\n      font-size: 15px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .bp-path__item-title::after {\n      transition: opacity .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1);\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-902bf28 e-flex e-con-boxed e-con e-parent\" data-id=\"902bf28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ab7e9d elementor-widget elementor-widget-html\" data-id=\"3ab7e9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ba-about\" id=\"bordbar-about\" lang=\"zh-Hans\" dir=\"ltr\" aria-labelledby=\"bordbar-about-title\">\n  <header class=\"ba-about__head\">\n    <div>\n      <p class=\"ba-about__kicker\">\u5173\u4e8e\u535a\u5c14\u5fb7\u5df4\u5c14<\/p>\n      <h2 class=\"ba-about__title\" id=\"bordbar-about-title\">\u6bcf\u4ef6\u4f5c\u54c1\u80cc\u540e\u7684\u53cc\u624b<\/h2>\n    <\/div>\n    <p class=\"ba-about__intro\">\u535a\u5c14\u5fb7\u5df4\u5c14\u4e0d\u53ea\u662f\u4e00\u4e2a\u5178\u85cf\uff1b\u5b83\u6e90\u4e8e\u7ec7\u5de5\u3001\u827a\u672f\u5bb6\u4e0e\u7814\u7a76\u8005\u7684\u643a\u624b\u540c\u884c\uff0c\u6bcf\u4e00\u4e2a\u7ef3\u7ed3\u90fd\u51dd\u805a\u7740\u4ed6\u4eec\u7684\u8010\u5fc3\u4e0e\u5b66\u8bc6\uff0c\u8fd9\u6bb5\u5386\u7a0b\u4e5f\u5728\u5c55\u89c8\u4e0e\u8363\u8a89\u4e2d\u4e3a\u4eba\u6240\u89c1\u3002<\/p>\n  <\/header>\n\n  <div class=\"ba-about__frame\">\n    <img loading=\"lazy\" class=\"ba-about__img\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/bordbar-weavers-banner-under-300kb.webp\" alt=\"\u4e0e\u535a\u5c14\u5fb7\u5df4\u5c14\u540c\u884c\u7684\u7ec7\u5de5\u548c\u827a\u672f\u5bb6\" width=\"2048\" height=\"796\" loading=\"lazy\" decoding=\"async\">\n    <!-- Knots under three faces; each one lights up with its link below. -->\n    <span class=\"ba-about__knot ba-about__knot--1\" aria-hidden=\"true\">01<\/span>\n    <span class=\"ba-about__knot ba-about__knot--2\" aria-hidden=\"true\">02<\/span>\n    <span class=\"ba-about__knot ba-about__knot--3\" aria-hidden=\"true\">03<\/span>\n  <\/div>\n\n  <nav class=\"ba-about__links\" aria-label=\"\u5173\u4e8e\u535a\u5c14\u5fb7\u5df4\u5c14\">\n    <a class=\"ba-about__link ba-about__link--1\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/about\/team\/\">\n      <span class=\"ba-about__num\" aria-hidden=\"true\">01<\/span>\n      <span class=\"ba-about__kicker\">\u535a\u5c14\u5fb7\u5df4\u5c14\u7684\u9762\u5b54<\/span>\n      <span class=\"ba-about__name\">\u6211\u4eec\u7684\u56e2\u961f<\/span>\n      <span class=\"ba-about__text\">\u4ece\u7ec7\u5de5\u5230\u7814\u7a76\u8005\uff0c\u8ba4\u8bc6\u6bcf\u4ef6\u4f5c\u54c1\u6240\u7ecf\u8fc7\u7684\u90a3\u4e9b\u53cc\u624b\u3002<\/span>\n    <\/a>\n    <a class=\"ba-about__link ba-about__link--2\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/about\/awards-certificates\/\">\n      <span class=\"ba-about__num\" aria-hidden=\"true\">02<\/span>\n      <span class=\"ba-about__kicker\">\u4e00\u6bb5\u5386\u7a0b\u7684\u5370\u8bb0<\/span>\n      <span class=\"ba-about__name\">\u5956\u9879\u4e0e\u8bc1\u4e66<\/span>\n      <span class=\"ba-about__text\">\u8fd9\u4e9b\u8363\u8a89\u4e0e\u8bc1\u4e66\uff0c\u8bb2\u8ff0\u7740\u535a\u5c14\u5fb7\u5df4\u5c14\u4f5c\u54c1\u7684\u771f\u5b9e\u6027\u4e0e\u54c1\u8d28\u3002<\/span>\n    <\/a>\n    <a class=\"ba-about__link ba-about__link--3\" href=\"https:\/\/bordbarcollection.com\/zh-hans\/about\/exhibitions\/\">\n      <span class=\"ba-about__num\" aria-hidden=\"true\">03<\/span>\n      <span class=\"ba-about__kicker\">\u8fd1\u8ddd\u79bb\u76f8\u89c1<\/span>\n      <span class=\"ba-about__name\">\u5c55\u89c8<\/span>\n      <span class=\"ba-about__text\">\u535a\u5c14\u5fb7\u5df4\u5c14\u5728\u4f0a\u6717\u53ca\u4e16\u754c\u5404\u5730\u6587\u5316\u827a\u672f\u6d3b\u52a8\u4e2d\u7684\u8eab\u5f71\u3002<\/span>\n    <\/a>\n  <\/nav>\n<\/section>\n\n<style>\n  \/* Registered so the spotlight glides between faces instead of jumping. *\/\n  @property --ba-x { syntax: \"<percentage>\"; inherits: true; initial-value: 50%; }\n  @property --ba-y { syntax: \"<percentage>\"; inherits: true; initial-value: 50%; }\n\n  .ba-about,\n  .ba-about * {\n    box-sizing: border-box;\n  }\n\n  .ba-about {\n    --ba-ink: #222323;\n    --ba-muted: rgba(0, 0, 0, .6);\n    --ba-hair: #e8e8e8;\n    --ba-pad: clamp(20px, 3.2vw, 56px);\n    --ba-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    \/* Spotlight spots on the collage, in image percentages (left to right, like the links). *\/\n    --ba-x: 24.5%;\n    --ba-y: 58%;\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--ba-pad));\n    margin-inline: auto;\n    padding: clamp(48px, 9vh, 96px) var(--ba-pad);\n    background: #fff;\n    color: var(--ba-ink);\n    direction: ltr;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  .ba-about__head {\n    display: grid;\n    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);\n    gap: 20px clamp(32px, 6vw, 120px);\n    align-items: end;\n    margin-bottom: clamp(28px, 5vh, 48px);\n  }\n\n  .ba-about__kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    color: var(--ba-muted);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  .ba-about__kicker::after {\n    content: \"\";\n    width: 18px;\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .ba-about__title {\n    margin: 12px 0 0;\n    font-size: 30px;\n    font-weight: 500;\n    line-height: 1.45;\n    text-wrap: balance;\n  }\n\n  .ba-about__intro {\n    max-width: 560px;\n    margin: 0;\n    color: var(--ba-muted);\n    font-size: 16px;\n    line-height: 1.9;\n  }\n\n  \/* Collage *\/\n  .ba-about__frame {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 2048 \/ 796;\n    background: #fff;\n  }\n\n  \/* Pinned to the frame, and specific enough to beat the theme's img { height: auto }, so it always fills the box. *\/\n  .ba-about .ba-about__img {\n    position: absolute;\n    inset: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    margin: 0;\n    object-fit: cover;\n  }\n\n  \/* White veil with a hole; it fades in while a link is hovered and sits on that link's face. *\/\n  .ba-about__frame::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at var(--ba-x) var(--ba-y), rgba(255, 255, 255, 0) 0 9%, rgba(255, 255, 255, .78) 20%);\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .ba-about__knot {\n    position: absolute;\n    z-index: 1;\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    border: 1px solid rgba(255, 255, 255, .8);\n    border-radius: 50%;\n    background: rgba(34, 35, 35, .55);\n    color: #fff;\n    font-size: 13px;\n    transform: translate(50%, -50%);\n    -webkit-backdrop-filter: blur(4px);\n    backdrop-filter: blur(4px);\n  }\n\n  \/* The photo is not flipped, so numbering runs across the same three faces from left to right. *\/\n  .ba-about__knot--1 { right: 75.5%; top: 82%; }\n  .ba-about__knot--2 { right: 51%; top: 54%; }\n  .ba-about__knot--3 { right: 22%; top: 62%; }\n\n  .ba-about:has(.ba-about__link--1:is(:hover, :focus-visible)) { --ba-x: 24.5%; --ba-y: 58%; }\n  .ba-about:has(.ba-about__link--2:is(:hover, :focus-visible)) { --ba-x: 49%; --ba-y: 30%; }\n  .ba-about:has(.ba-about__link--3:is(:hover, :focus-visible)) { --ba-x: 78%; --ba-y: 38%; }\n\n  .ba-about:has(.ba-about__link:is(:hover, :focus-visible)) .ba-about__frame::after {\n    opacity: 1;\n  }\n\n  .ba-about:has(.ba-about__link--1:is(:hover, :focus-visible)) .ba-about__knot--1,\n  .ba-about:has(.ba-about__link--2:is(:hover, :focus-visible)) .ba-about__knot--2,\n  .ba-about:has(.ba-about__link--3:is(:hover, :focus-visible)) .ba-about__knot--3 {\n    background: var(--ba-ink);\n    transform: translate(50%, -50%) scale(1.15);\n  }\n\n  \/* Links *\/\n  .ba-about__links {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 0 clamp(20px, 3vw, 48px);\n  }\n\n  .ba-about__link {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding-top: clamp(22px, 3.5vh, 32px);\n    border-top: 1px solid var(--ba-hair);\n    color: inherit;\n    text-decoration: none;\n  }\n\n  \/* A thread that runs along the top border from the left on hover. *\/\n  .ba-about__link::before {\n    content: \"\";\n    position: absolute;\n    top: -1px;\n    right: 0;\n    left: 0;\n    height: 1px;\n    background: var(--ba-ink);\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n\n  .ba-about__link:hover::before,\n  .ba-about__link:focus-visible::before {\n    transform: scaleX(1);\n  }\n\n  .ba-about__link:focus-visible {\n    outline: 2px solid #777;\n    outline-offset: 6px;\n  }\n\n  .ba-about__num {\n    margin-bottom: 14px;\n    color: rgba(0, 0, 0, .3);\n    font-size: 13px;\n    letter-spacing: .08em;\n  }\n\n  .ba-about__name {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 10px;\n    font-size: 22px;\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  \/* The arrow file points left, so it is mirrored here. *\/\n  .ba-about__name::after {\n    content: \"\";\n    flex: none;\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    opacity: .35;\n    -webkit-mask: var(--ba-arrow) center \/ contain no-repeat;\n    mask: var(--ba-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  .ba-about__link:hover .ba-about__name::after,\n  .ba-about__link:focus-visible .ba-about__name::after {\n    opacity: 1;\n    transform: translate(4px, 4px) scaleX(-1);\n  }\n\n  .ba-about__text {\n    margin-top: 10px;\n    color: var(--ba-muted);\n    font-size: 15px;\n    line-height: 1.9;\n  }\n\n  \/* The collage sits right on top of the links. *\/\n  .ba-about__frame + .ba-about__links {\n    margin-top: clamp(28px, 4vh, 40px);\n  }\n\n  @media (max-width: 899px) {\n    .ba-about__head {\n      grid-template-columns: 1fr;\n    }\n\n    .ba-about__links {\n      grid-template-columns: 1fr;\n    }\n\n    .ba-about__link {\n      padding-bottom: 22px;\n    }\n\n    .ba-about__knot {\n      display: none;\n    }\n  }\n\n  \/* Phones: the wide collage would be tiny, so it becomes a taller window that slowly pans across the faces. *\/\n  @media (max-width: 600px) {\n    .ba-about__frame {\n      aspect-ratio: 4 \/ 3;\n    }\n\n    .ba-about__frame::after {\n      display: none;\n    }\n\n    .ba-about__title {\n      font-size: 26px;\n    }\n\n    .ba-about__intro {\n      font-size: 15px;\n    }\n\n    .ba-about__name {\n      font-size: 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .ba-about__frame::after {\n      transition: opacity .45s ease, --ba-x .6s cubic-bezier(.2, .7, .2, 1), --ba-y .6s cubic-bezier(.2, .7, .2, 1);\n    }\n\n    .ba-about__knot,\n    .ba-about__name::after {\n      transition: transform .3s cubic-bezier(.2, .7, .2, 1), background-color .3s ease, opacity .25s ease;\n    }\n\n    .ba-about__link::before {\n      transition: transform .5s cubic-bezier(.2, .7, .2, 1);\n    }\n  }\n\n  @media (max-width: 600px) and (prefers-reduced-motion: no-preference) {\n    .ba-about__img {\n      animation: ba-pan 36s ease-in-out infinite alternate;\n    }\n  }\n\n  @keyframes ba-pan {\n    from { object-position: 0% 50%; }\n    to { object-position: 100% 50%; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p> [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6556","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/pages\/6556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=6556"}],"version-history":[{"count":18,"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/pages\/6556\/revisions"}],"predecessor-version":[{"id":6604,"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/pages\/6556\/revisions\/6604"}],"wp:attachment":[{"href":"https:\/\/bordbarcollection.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=6556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}