/* 首页专用样式：以 1440px 美工稿为桌面坐标系，移动端重排真实组件。 */
:root{--paper:#f3eee7;--wine:#870b08;--ink:#735331;--gold:#9d7a50;--muted:#81684c;--serif:"FZQingKeBenYueSongS-R-GB","Songti SC","STSong","SimSun",serif;--sans:"vivo Sans","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h2,h3{font-weight:400}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b79560;outline-offset:5px}button:disabled{cursor:default}.home-shell{width:100%;container-type:inline-size}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:200;padding:14px;background:#fff}.site-header{height:6.319444cqw;background:var(--wine);display:flex;align-items:center;padding:0 7.1528% 0 8.8889%;gap:2cqw;position:relative;z-index:50;color:#fff}.brand-logo{width:12.9861%;min-width:150px;flex-shrink:0}.brand-logo img{width:100%;height:auto}.site-nav{display:flex;align-items:center;justify-content:space-between;margin-left:auto;width:43.7%;font-size:clamp(16px,1.25cqw,24px);letter-spacing:.04em}.site-nav a{padding:12px 0;white-space:nowrap}.site-nav a:hover{opacity:.8}.menu-toggle,.mobile-shop,.menu-backdrop{display:none}
/* 页头页尾铺满屏幕，正文独立使用最大 1440px 的容器坐标。 */
body{width:100%;margin:0}
.home-shell>main{width:100%;max-width:1440px;margin-inline:auto;container-type:inline-size}
/* 轮播的位移只有轨道负责，图层坐标不参与切换状态。 */
.hero{position:relative;height:60.138889cqw;background:#e4cdae;isolation:isolate;touch-action:pan-y}.hero-viewport{width:100%;height:100%;overflow:hidden}.hero-track{display:flex;width:100%;height:100%;will-change:transform;transform:translate3d(0,0,0)}.hero-track.is-moving{transition:transform 680ms cubic-bezier(.22,.68,.15,1)}.hero-slide{position:relative;flex:0 0 100%;min-width:0;height:100%;overflow:hidden}.hero-stage{position:absolute;inset:0;container-type:inline-size}.psd-piece{position:absolute;pointer-events:none}.psd-piece img{width:100%;height:100%;max-width:none;object-fit:fill}.hero-seal{border:0}.hero-seal:before,.hero-seal:after{content:"";position:absolute;width:40%;height:40%;border-color:#b49252;border-style:solid;pointer-events:none}.hero-seal:before{left:0;top:0;border-width:2px 0 0 2px}.hero-seal:after{right:0;bottom:0;border-width:0 2px 2px 0}.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:clamp(48px,4.7222cqw,84px);height:clamp(66px,7.7778cqw,136px);border:1px solid #ffffff55;background:#45291416;color:#fff;display:grid;place-items:center;backdrop-filter:blur(3px);transition:background .2s}.hero-arrow:hover{background:#45291442}.hero-prev{left:1.9444%}.hero-next{right:1.9444%}.hero-arrow svg{width:32%;height:42%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #62432866)}.hero-dots{position:absolute;z-index:3;bottom:1.0417cqw;left:50%;transform:translateX(-50%);display:flex;gap:4px}.hero-dots button{width:44px;height:44px;padding:0;border:0;background:none;display:grid;place-items:center}.hero-dots button:before{content:"";width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:#fff5;box-shadow:0 0 4px #53381866;transition:background .2s,transform .2s}.hero-dots button[aria-current=true]:before{background:#fff;transform:scale(1.35)}.hero-play{position:absolute;z-index:3;right:2%;bottom:1.25cqw;background:#563a2838;color:#fff;border:1px solid #ffffff70;padding:8px 14px;min-height:44px;font-size:14px}.hero.is-dragging{cursor:grabbing;user-select:none}
/* 每个裁切层都声明手势方向，避免 overflow:hidden 截断外层 touch-action。 */
.hero,.hero-viewport,.hero-track,.hero-slide,.hero-stage{touch-action:pan-y;touch-action:pan-y pinch-zoom}
.hero-viewport{-webkit-user-select:none;user-select:none}
.hero-viewport img{-webkit-user-drag:none}
/* 触摸位移交给 Swiper，保留美工图层及原有按钮、横线的外观。 */
.hero-viewport.swiper{contain:paint}
.hero-track.swiper-wrapper{transition-timing-function:cubic-bezier(.22,.61,.36,1)}
/* 资质部分拆分为背景、证书、奖杯、图标和可读文字。 */
.trust{position:relative;height:44.027778cqw;margin-top:4.027778cqw;overflow:hidden}.trust-art{position:absolute;inset:0}.trust-copy{position:absolute;left:11.6%;top:9.166667cqw;z-index:2}.trust-copy h2{font-family:var(--serif);font-size:clamp(36px,4.166667cqw,86px);letter-spacing:-.055em;line-height:1.25}.trust-copy>p{font-family:var(--serif);font-size:clamp(19px,2.083333cqw,40px);margin-top:1.111111cqw;letter-spacing:.04em}.trust-points{position:absolute;top:26.805556cqw;left:11.6%;width:32%;display:grid;grid-template-columns:repeat(3,1fr);z-index:2}.trust-points li{text-align:center;border-right:1px solid #997a4755}.trust-points li:last-child{border:0}.trust-points img{height:3.472222cqw;width:auto;max-width:75%;object-fit:contain;margin:0 auto 1.388889cqw}.trust-points p{font-family:var(--serif);font-size:clamp(16px,1.666667cqw,30px);line-height:1.25;letter-spacing:.04em}
.stories{margin-top:2.291667cqw}.story{display:grid;position:relative;height:40.069444cqw}.story-first{grid-template-columns:46.805556% 53.194444%}.story-second{grid-template-columns:52.916667% 47.083333%}.story-photo{width:100%;height:100%;object-fit:cover;min-width:0}.story-copy{position:relative;min-width:0;overflow:hidden}.story-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-copy>div{position:relative;padding:9.861111cqw 2cqw 0 13.263889cqw}.story-second .story-copy>div{padding-left:6.111111cqw;padding-top:11.180556cqw}.story h2{font-family:var(--serif);font-size:clamp(30px,3.472222cqw,66px);line-height:1.3;white-space:nowrap}.story p{margin-top:2.222222cqw;font-family:var(--serif);font-size:clamp(18px,2.083333cqw,36px);line-height:1.6}.gold-button{display:block;width:max-content;min-height:32px;padding:.35cqw 2.2cqw;margin:7.361111cqw 0 0 4.861111cqw;border-radius:40px;background:#97764e;color:#fff;font-size:clamp(16px,1.527778cqw,27px);line-height:1.25}.story-second .gold-button{margin-left:9.305556cqw;margin-top:6.666667cqw}.gold-button:hover{background:#7f5d39}
.section-heading{text-align:center;position:relative}.section-heading h2{font-family:var(--serif);font-size:clamp(38px,4.583333cqw,88px);line-height:1.2;letter-spacing:-.045em}.section-heading p{margin-top:1.527778cqw;font-family:var(--serif);font-size:clamp(22px,2.777778cqw,52px);line-height:1.2}.history{height:53.680556cqw;position:relative;padding-top:8.194444cqw}.history-list{position:absolute;left:6.736111%;right:6.388889%;top:22.083333cqw;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.694444cqw}.history-list:before{content:"";position:absolute;top:9.097222cqw;left:-3.402778cqw;right:-2cqw;height:2px;background:#9c7b51;z-index:1}.history-list:after{content:"";position:absolute;top:8.402778cqw;right:-2.777778cqw;width:1.388889cqw;height:1.388889cqw;border:solid #9c7b51;border-width:2px 2px 0 0;transform:rotate(45deg)}.history-list li{height:25.069444cqw;position:relative;text-align:center;background:#d8bf9e;padding:3.611111cqw .45cqw 1.5cqw}.history-list time{font-size:clamp(20px,2.083333cqw,40px);font-family:var(--serif)}.history-dot{display:block;position:relative;z-index:2;width:1.527778cqw;height:1.527778cqw;margin:2.222222cqw auto 2.222222cqw;border:4px solid #b39369;border-radius:50%;background:#ede2d3}.history-list h3{font-family:var(--serif);font-size:clamp(18px,1.666667cqw,32px);line-height:1.2}.history-list p{font-family:var(--serif);font-size:clamp(15px,1.25cqw,24px);line-height:1.55;margin-top:1.666667cqw}
.gifts{height:86.597222cqw;position:relative;padding-top:7.222222cqw;isolation:isolate}.section-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.gift-grid{position:absolute;top:22.708333cqw;left:4.722222%;right:2.638889%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.486111cqw}.gift-card{display:block;min-width:0;background:#faf7f1;transition:box-shadow .2s}.gift-card>img{width:100%;aspect-ratio:440/567;object-fit:cover}.gift-card>div{height:7.569444cqw;text-align:center;padding-top:1.111111cqw}.gift-card h3{font-family:var(--serif);font-size:clamp(21px,2.083333cqw,36px);line-height:1.3}.gift-card p{margin-top:.486111cqw;font-family:var(--serif);font-size:clamp(16px,1.527778cqw,27px);line-height:1.3}.gift-card:hover,.product-card:hover{box-shadow:0 6px 25px #71563a1a}.occasion-links{position:absolute;top:73.125cqw;left:16.944444%;right:16.875%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25cqw}.occasion-links a{border:1px solid #a38866;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:1.111111cqw;height:5.625cqw;font-size:clamp(16px,1.388889cqw,26px)}.occasion-links img{height:2.638889cqw;width:2.638889cqw;object-fit:contain}.occasion-links a:hover,.category-links a:hover{background:#fff8}
.products{height:142.708333cqw;position:relative;padding-top:9.444444cqw}.product-grid{position:absolute;top:22.5cqw;left:10.486111%;right:10.486111%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2.013889cqw;row-gap:5.069444cqw}.product-card{display:block;min-width:0;background:#f6f0e7;transition:box-shadow .2s}.product-card>img{width:100%;aspect-ratio:360/531;object-fit:cover}.product-copy{position:relative;height:7.222222cqw;padding:1.111111cqw 3.75cqw .7cqw 1.388889cqw}.product-copy h3{font-family:var(--serif);font-size:clamp(19px,1.666667cqw,32px);line-height:1.25}.product-copy p{margin-top:.416667cqw;font-family:var(--serif);font-size:clamp(16px,1.388889cqw,26px);line-height:1.3;white-space:nowrap}.product-arrow{position:absolute;right:1.25cqw;top:50%;transform:translateY(-50%);width:2.777778cqw;height:2.777778cqw;display:grid;place-items:center;background:#937047;color:white;border-radius:50%;font-family:var(--serif);font-size:2.083333cqw;line-height:1}.view-more{position:absolute;top:121.666667cqw;left:50%;transform:translateX(-50%);font-family:var(--serif);font-size:clamp(24px,2.5cqw,44px);padding:8px}.category-links{position:absolute;left:21.944444%;right:21.875%;top:127.708333cqw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:.763889cqw;row-gap:.902778cqw}.category-links a{height:3.958333cqw;display:flex;align-items:center;justify-content:center;gap:.555556cqw;border:1px solid #b29e85;border-radius:40px;font-family:var(--serif);font-size:clamp(18px,2.083333cqw,36px);background:#fff8}.category-links img{width:3cqw;height:3cqw;object-fit:contain}
.craft{position:relative;height:83.958333cqw;isolation:isolate}/* 工坊与手镯统一合成，移动端仅裁切整张场景图。 */.craft-scene{position:absolute;top:0;left:0;width:100%;height:59.930556cqw;z-index:-1}.craft-background{display:block;width:100%;height:100%;object-fit:cover}.craft>h2{position:absolute;top:12.152778cqw;left:14.027778%;font-family:var(--serif);font-size:clamp(30px,3.472222cqw,66px);line-height:1.3;color:#f6f1e8;letter-spacing:-.04em}.craft-steps{position:absolute;top:40.972222cqw;left:11.597222%;right:13.819444%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.694444cqw;color:#f9f1e7;border-top:2px solid #c3a673}.craft-steps li{position:relative}.craft-steps li:before{content:"";position:absolute;left:50%;top:-.555556cqw;width:.833333cqw;height:.833333cqw;border-radius:50%;background:#e1bc73}.craft-steps h3{font-family:var(--serif);font-size:clamp(23px,2.5cqw,44px);line-height:1.2;text-align:center;margin:1.388889cqw 0 3.611111cqw}.craft-steps img{width:100%;aspect-ratio:262/326;object-fit:cover}.craft-link{position:absolute;bottom:3.333333cqw;left:50%;transform:translateX(-50%);font-size:clamp(16px,1.25cqw,22px);border-bottom:1px solid #bda588;padding:8px}.manifesto{height:97.777778cqw;position:relative;isolation:isolate;background:#d9c7af;overflow:hidden}.manifesto-background{position:absolute;left:0;bottom:0;width:100%;height:68.333333cqw;object-fit:fill;z-index:-1}.manifesto-copy{position:relative;text-align:center;padding-top:9.1cqw;font-family:var(--sans);font-size:clamp(20px,2.083333cqw,40px);line-height:1.75;color:#6a431a;font-weight:300}
.site-footer{padding:42px 8.9% 28px;background:#eee6da;border-top:1px solid #ae967b33}.footer-brand{font-family:var(--serif);font-size:30px}.footer-brand span{font-family:var(--sans);font-size:16px;margin-left:15px}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:25px;font-size:16px}.footer-legal{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:30px;font-size:14px;line-height:1.7;color:#77654f}
/* 手机与平板改为内容流，不把整张桌面稿缩成无法阅读的小字。 */
@media(max-width:1000px){
body{font-size:17px}.site-header{position:sticky;top:0;height:72px;padding:8px 24px;justify-content:center;gap:0}.brand-logo{width:142px;min-width:0}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;position:absolute;left:14px;top:14px;width:44px;height:44px;border:0;background:none;padding:10px;color:#fff}.menu-toggle span{height:1px;width:24px;background:currentColor;transition:transform .2s,opacity .2s}.menu-open .menu-toggle span:first-child{transform:translateY(8px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-open .menu-toggle span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-shop{display:grid;place-items:center;position:absolute;right:14px;top:14px;width:44px;height:44px}.mobile-shop svg{width:24px;height:24px}.site-nav{position:fixed;left:0;top:72px;bottom:0;width:clamp(180px,55vw,300px);margin:0;padding:18px 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:var(--wine);font-size:17px;line-height:1.5;overflow-y:auto;overscroll-behavior-y:contain;visibility:hidden;transform:translateX(-100%);transition:transform .25s,visibility .25s}.site-nav a{display:flex;align-items:center;min-height:52px;flex-shrink:0;padding:12px 2px;border-bottom:1px solid #ffffff30}.menu-open .site-nav{visibility:visible;transform:translateX(0)}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:72px 0 0;z-index:40;background:#26150e33;border:0}.menu-open{overflow:hidden}.hero-arrow{width:44px;height:68px}.hero-prev{left:12px}.hero-next{right:12px}.hero-play{bottom:7px;right:10px;font-size:12px;padding:6px 10px}.hero-dots{bottom:3px;gap:0}.hero-dots button{width:36px}.trust{margin-top:24px;height:52cqw}.trust-copy{left:7%;top:9cqw}.trust-copy h2{font-size:4.4cqw}.trust-copy>p{font-size:2.45cqw;margin-top:2cqw}.trust-points{left:6%;top:28cqw;width:39%}.trust-points img{height:4cqw;margin-bottom:2cqw}.trust-points p{font-size:2.3cqw}.stories{margin-top:20px}.story{height:auto;min-height:38cqw}.story-copy>div,.story-second .story-copy>div{padding:7cqw 4cqw}.story h2{font-size:3.1cqw;white-space:normal}.story p{font-size:2.2cqw;line-height:1.65;margin-top:3cqw}.gold-button,.story-second .gold-button{margin:4cqw auto 0;padding:7px 18px;font-size:16px;max-width:100%}.section-heading h2{font-size:36px;line-height:1.35;letter-spacing:0}.section-heading p{font-size:22px;margin-top:14px;line-height:1.6}.history{height:auto;padding:64px 24px}.history-list{position:relative;inset:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}.history-list:before,.history-list:after{display:none}.history-list li{height:auto;min-height:240px;padding:26px 10px}.history-list time{font-size:28px}.history-dot{width:18px;height:18px;margin:20px auto;border-width:3px}.history-list h3{font-size:22px}.history-list p{font-size:17px;margin-top:16px;line-height:1.65}.gifts{height:auto;padding:56px 22px 60px}.gift-grid{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.gift-card>div{height:auto;min-height:100px;padding:16px 6px}.gift-card h3{font-size:22px}.gift-card p{font-size:16px;margin-top:9px;line-height:1.6}.occasion-links{position:static;margin:30px auto 0;gap:12px;max-width:800px}.occasion-links a{height:52px;font-size:16px;gap:8px}.occasion-links img{width:28px;height:28px}.products{height:auto;padding:62px 24px}.product-grid{position:static;column-gap:18px;row-gap:30px;margin-top:34px}.product-copy{height:auto;min-height:100px;padding:15px 30px 15px 12px}.product-copy h3{font-size:22px}.product-copy p{font-size:16px;white-space:normal;margin-top:8px;line-height:1.5}.product-arrow{width:24px;height:24px;font-size:24px;right:7px}.view-more{display:block;position:static;transform:none;text-align:center;font-size:24px;margin:36px auto 24px;width:max-content}.category-links{position:static;max-width:660px;margin:auto;gap:12px}.category-links a{height:48px;font-size:20px;gap:4px}.category-links img{width:30px;height:30px}.craft{height:88cqw}.craft>h2{font-size:3.7cqw}.craft-steps h3{font-size:2.7cqw}.craft-link{bottom:2cqw;font-size:16px}.manifesto-copy{font-size:2.3cqw;padding-top:8cqw}.site-footer{padding:32px 24px}.footer-legal{font-size:14px}
}
@media(max-width:600px){
.site-header{height:64px}.brand-logo{width:122px}.menu-toggle,.mobile-shop{top:10px}.site-nav{top:64px}.menu-backdrop:not([hidden]){top:64px}.hero{height:75.173611cqw}.hero-stage{left:-12.5%;width:125%;height:100%;right:auto}.hero-family-message,.hero-wedding-message,.hero-mother-message{left:16%!important}.hero-family-wordmark{left:23%!important}.hero-arrow{width:38px;height:58px;background:#45291420}.hero-prev{left:8px}.hero-next{right:8px}.hero-play{font-size:12px;min-height:36px;padding:6px 8px}.hero-dots{bottom:0}.hero-dots button{width:32px;height:38px}.trust{margin-top:16px;height:auto;padding:28px 20px 30px;display:flex;flex-direction:column;background:#eadbc2}.trust-art{position:relative;order:2;height:76cqw;margin:16px -20px 0;overflow:hidden;container-type:inline-size}.trust-art .psd-piece{transform:scale(1.85);transform-origin:86% 0}.trust-copy{position:static;text-align:center;order:1}.trust-copy h2{font-size:32px;letter-spacing:-.04em}.trust-copy>p{font-size:18px;margin-top:12px;letter-spacing:0}.trust-points{position:static;order:3;width:100%;margin-top:24px;gap:0}.trust-points img{height:34px;margin-bottom:12px}.trust-points p{font-size:17px;line-height:1.5}.stories{margin-top:16px}.story{display:flex;flex-direction:column}.story-first .story-photo{order:1}.story-first .story-copy{order:2}.story-second .story-photo{order:1}.story-second .story-copy{order:2}.story-photo{height:auto;aspect-ratio:1.25;object-fit:cover}.story-copy>div,.story-second .story-copy>div{padding:36px 24px;text-align:center}.story h2{font-size:30px}.story p{font-size:19px;line-height:1.8;margin-top:18px}.gold-button,.story-second .gold-button{margin:26px auto 0;font-size:17px;padding:8px 26px}.section-heading h2{font-size:30px}.section-heading p{font-size:18px;line-height:1.7;margin-top:12px}.history{padding:45px 18px}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.history-list li{padding:22px 8px;min-height:250px}.history-list p{font-size:16px;line-height:1.7}.gifts{padding:42px 18px}.gift-grid{grid-template-columns:1fr;gap:24px;margin-top:25px}.gift-card>img{aspect-ratio:440/520}.gift-card>div{padding:20px 12px;min-height:100px}.gift-card h3{font-size:25px}.gift-card p{font-size:18px;margin-top:8px}.occasion-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.occasion-links a{font-size:17px}.products{padding:45px 16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;margin-top:26px}.product-copy{padding:14px 10px;min-height:115px}.product-copy h3{font-size:21px}.product-copy p{font-size:16px;line-height:1.6;margin-top:8px}.product-arrow{display:none}.view-more{font-size:22px;margin-top:28px}.category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-links a{font-size:19px;height:48px}.category-links img{width:30px;height:30px}.craft{height:auto;padding:38px 18px 30px;background:#20150d;color:#f5ebdd;display:flex;flex-direction:column;overflow:hidden}.craft-scene{position:relative;inset:auto;order:1;z-index:auto;width:calc(100% + 36px);height:auto;margin:24px -18px 30px;flex:none}.craft-background{height:auto;object-fit:contain;opacity:1}.craft>h2{position:relative;inset:auto;font-size:29px;line-height:1.5;z-index:2}.craft-steps{position:relative;inset:auto;order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;border:0}.craft-steps li:before{display:none}.craft-steps h3{font-size:23px;line-height:1.4;margin:0 0 12px}.craft-steps img{aspect-ratio:262/326}.craft-link{position:static;transform:none;width:max-content;margin:28px auto 0;font-size:18px;color:#ead8be}.manifesto{height:auto;min-height:0;padding:40px 14px 320px}.manifesto-copy{padding:0;font-size:17px;line-height:1.95;letter-spacing:0}.manifesto-background{height:auto;min-height:620px;object-fit:cover;object-position:center bottom}.site-footer nav{gap:16px 24px;font-size:16px}.footer-legal{display:flex;flex-direction:column;gap:8px;font-size:14px}.footer-brand{font-size:28px}
}
/* 窄平板保留可读字号，并为放大后的品牌文案预留内容高度。 */
@media (min-width:601px) and (max-width:1000px){
  .trust-copy h2{font-size:clamp(28px,4.4cqw,44px)}
  .trust-copy>p{font-size:clamp(18px,2.45cqw,26px)}
  .trust-points p{font-size:clamp(18px,2.3cqw,24px)}
  .story h2{font-size:clamp(26px,3.1cqw,32px)}
  .story p{font-size:clamp(18px,2.2cqw,22px)}
  .manifesto{height:auto;min-height:97.777778cqw;padding:8cqw 20px 40cqw}
  .manifesto-copy{padding-top:0;font-size:clamp(18px,2.3cqw,24px)}
}
/* 手机资质图使用同一放大的画布，不能逐张围绕各自中心缩放。 */
@media (max-width:600px){
  .trust-art{
    width:185cqw;
    height:81.451389cqw;
    left:-72cqw;
    margin:16px 0 0 -20px;
    flex-shrink:0;
    align-self:flex-start;
    overflow:visible;
  }
  .trust-art .psd-piece{transform:none}

}
/* 超宽屏只延展页头页尾背景，导航与页脚文字仍对齐正文画布。 */
@media(min-width:1441px){
  .site-header{height:91px;padding-left:calc(50% - 592px);padding-right:calc(50% - 617px);gap:28.8px}
  .site-nav{font-size:18px}
  .site-footer{padding-inline:calc(50% - 591.84px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 首页锚点预留吸顶导航空间，避免标题被页头遮挡。 */
#main-content [id] { scroll-margin-top: 120px; }

/* 轮播指示器改为细横线，保留手机端易于点击的操作区域。 */
.hero-dots { gap: 4px; }
.hero-dots button { position: relative; width: 48px; height: 44px; }
.hero-dots button:before { width: 32px; height: 3px; border: 0; border-radius: 0; background: #ffffff66; box-shadow: 0 1px 3px #2a191033; transform: none; }
.hero-dots button:hover:before { background: #ffffffb3; }
.hero-dots button[aria-current=true]:before { background: #ffffff80; transform: scaleX(1.25); }
/* 当前横线按真实轮播计时填充，非当前项仅显示底轨。 */
.hero-dots button[aria-current=true]:after { content: ""; position: absolute; left: 50%; top: 50%; width: 40px; height: 3px; background: #fff; transform: translate(-50%, -50%) scaleX(var(--hero-progress, 0)); transform-origin: left center; pointer-events: none; }

/* 移动端通过手势及横线切换，隐藏左右箭头以减少画面遮挡。 */
@media (max-width: 1000px) {
  .hero-arrow { display: none; }
}

/* 电脑端导航吸顶，滚动后透出经过模糊处理的页面背景。 */
@media (min-width: 1001px) {
  .site-header { position: sticky; top: 0; transition: background-color .25s ease, box-shadow .25s ease; }
  .site-header.is-scrolled { background: rgba(135, 11, 8, .78); -webkit-backdrop-filter: blur(20px) saturate(140%); backdrop-filter: blur(20px) saturate(140%); box-shadow: 0 1px 0 #ffffff24, 0 8px 24px #3f0c091f; }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .site-header.is-scrolled { background: var(--wine); }
  }
}
/* 手机端用独立背景层做毛玻璃，避免影响固定定位的抽屉导航。 */
@media (max-width: 1000px) {
  .site-header { transition: background-color .25s ease, box-shadow .25s ease; }
  .site-header:before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: rgba(135, 11, 8, .78); -webkit-backdrop-filter: blur(20px) saturate(140%); backdrop-filter: blur(20px) saturate(140%); opacity: 0; transition: opacity .25s ease; }
  .site-header.is-scrolled { background: transparent; box-shadow: 0 1px 0 #ffffff24, 0 8px 24px #3f0c091f; }
  .site-header.is-scrolled:before { opacity: 1; }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .site-header.is-scrolled { background: var(--wine); }
    .site-header:before { display: none; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-header, .site-header:before { transition: none; }
}

/* 手机和平板使用无分隔线的原始图层，四张工艺图统一比例与直角边缘。 */
.craft-step-media{display:block;aspect-ratio:262/326;overflow:hidden;border:0;border-radius:0}
.home-shell .craft-step-media>img{display:block;width:100%;height:100%;max-width:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;margin:0}
/* 桌面端继续使用 PSD 成稿切片，保留原先的位置、尺寸和拼接关系。 */
@media(min-width:1001px){
  .home-shell .craft-steps>li>.craft-step-media{position:absolute;left:0;top:8.194444cqw;width:calc(var(--step-width) * 100cqw / 1440);max-width:none;height:22.638889cqw;aspect-ratio:auto;margin:0}
  .home-shell .craft-step-media>img{object-fit:fill}
}
/* 移动端文字切图按内容角色设置字级，不再直接套用桌面图片尺寸。 */
@media(max-width:1000px){
  :is(.home-shell,.site-header) [data-design-art][data-art-ready]{min-width:0;max-width:100%}
  :is(.home-shell,.site-header) [data-design-art][data-art-ready]>.design-ink{
    display:block!important;position:static;inset:auto;transform:none;
    width:auto;width:calc(var(--art-width) * var(--mobile-art-scale,1) * 1px);
    max-width:100%;height:auto;aspect-ratio:auto;margin:0;object-fit:contain;
  }
  /* 搜索和读屏继续读取原文，图片加载成功后才替代可见文字。 */
  :is(.home-shell,.site-header) [data-design-art][data-art-ready]>.design-text{
    display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;
  }
  .site-header [data-design-art]{--mobile-art-scale:1.06}
  .home-shell .section-heading h2[data-design-art]{--mobile-art-scale:.52}
  .home-shell .section-heading p[data-design-art]{--mobile-art-scale:.51}
  .home-shell .story-copy h2[data-design-art]{--mobile-art-scale:.62}
  .home-shell .story-copy p[data-design-art]{--mobile-art-scale:.65}
  .home-shell .gold-button[data-design-art]{--mobile-art-scale:.82}
  .home-shell .trust-copy h2[data-design-art]{--mobile-art-scale:.60}
  .home-shell .trust-copy>p[data-design-art]{--mobile-art-scale:.62}
  .home-shell .trust-points p[data-design-art]{--mobile-art-scale:.78}
  .home-shell .history-list time[data-design-art]{--mobile-art-scale:.92}
  .home-shell .history-list h3[data-design-art]{--mobile-art-scale:.91}
  .home-shell .history-list p[data-design-art]{--mobile-art-scale:1}
  .home-shell .gift-card h3[data-design-art]{--mobile-art-scale:.82}
  .home-shell .gift-card p[data-design-art]{--mobile-art-scale:.90}
  .home-shell .product-copy h3[data-design-art]{--mobile-art-scale:.92}
  .home-shell .product-copy p[data-design-art]{--mobile-art-scale:1}
  .home-shell .occasion-links [data-design-art]{--mobile-art-scale:.95}
  .home-shell .category-links [data-design-art]{--mobile-art-scale:.72}
  .home-shell .view-more[data-design-art]{--mobile-art-scale:.65}
  .home-shell .craft>h2[data-design-art]{--mobile-art-scale:.62}
  .home-shell .craft-steps h3[data-design-art]{--mobile-art-scale:.75}
  .home-shell .manifesto-copy{
    position:relative;inset:auto;width:min(100%,360px);height:auto;min-height:0;
    margin-inline:auto;padding:0;transform:none;
  }
  .home-shell :is(.section-heading,.trust-points,.history-list,.gift-card,.craft-steps) [data-design-art][data-art-ready]>.design-ink,
  .home-shell :is(.view-more,.gold-button,.manifesto-copy)[data-design-art][data-art-ready]>.design-ink{margin-inline:auto}
  .home-shell :is(.gold-button,.view-more){display:flex;align-items:center;justify-content:center;min-height:44px}
  /* 完整按钮图已含装饰，但文字单独切图仍沿用原有按钮底色。 */
  :is(.home-shell,.site-header) a[data-art-button][data-art-ready]{
    display:flex;align-items:center;justify-content:center;min-height:44px;
    padding:0;border:0;background:transparent;box-shadow:none;
  }
  :is(.home-shell,.site-header) a[data-art-button][data-art-ready]>img:not(.design-ink){display:none}
}
/* 平板的叠图区保持原稿坐标，普通标题稍大于手机端。 */
@media(min-width:601px) and (max-width:1000px){
  .home-shell .section-heading h2[data-design-art]{--mobile-art-scale:.62}
  .home-shell .section-heading p[data-design-art]{--mobile-art-scale:.56}
  .home-shell .story-copy h2[data-design-art],
  .home-shell .story-copy p[data-design-art]{--mobile-art-scale:.58}
  .home-shell .trust-copy [data-design-art][data-art-ready]>.design-ink,
  .home-shell .craft>h2[data-design-art][data-art-ready]>.design-ink{width:calc(var(--art-width) * 100cqw / 1440)}
}
@media(max-width:600px){
  .home-shell :is(.trust-copy,.story-copy) [data-design-art][data-art-ready]>.design-ink{margin-inline:auto}
  .home-shell .manifesto-copy{width:min(100%,340px)}
  .home-shell .product-copy{min-height:92px}
}
/* 小屏优先给说明文字让出宽度，避免两列卡片把切图挤成小字。 */
@media(max-width:360px){
  .home-shell .products{padding-inline:10px}
  .home-shell .product-grid{column-gap:10px}
  .home-shell .product-copy{padding-inline:4px}
  .home-shell .history{padding-inline:12px}
  .home-shell .history-list{column-gap:10px}
  .home-shell .history-list li{padding-inline:4px}
}
