@import url("assets/art-home/restored/fidelity-positions.css?v=20260909-design-audit-r2");

/* 默认禁止双击放大，移动端进一步关闭双指缩放，不接管单指轮播手势。 */
html,body{touch-action:manipulation}
@media(max-width:1000px),(hover:none) and (pointer:coarse){
  html,body{touch-action:pan-x pan-y}
}
/* 锚点偏移只在根滚动容器计算一次，高度由实际吸顶栏同步。 */
html{--anchor-header-height:80px;scroll-padding-top:var(--anchor-header-height)!important}
#main-content,#main-content [id],#main-content section{scroll-margin-top:0!important}
@media(max-width:1000px){
  html{--anchor-header-height:64px}
}
/* 返回顶部固定在屏幕右下角，滚到页尾也不改变位置。 */
button.back-to-top{
  position:fixed;z-index:40;right:max(24px,env(safe-area-inset-right));
  bottom:max(24px,env(safe-area-inset-bottom));
  display:grid;align-content:center;justify-items:center;gap:2px;
  width:56px;height:64px;margin:0;padding:8px;border:1px solid rgba(105,76,48,.35);border-radius:2px;
  color:#694c30;background:rgba(242,237,231,.96);box-shadow:0 3px 14px rgba(64,39,20,.08);
  font-family:"Design Vivo Sans","Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.35;
  cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
button.back-to-top[hidden]{display:none!important}
button.back-to-top svg{display:block;width:24px;height:24px}
button.back-to-top:focus-visible{outline:2px solid #750000;outline-offset:4px}
body.menu-open button.back-to-top{visibility:hidden;pointer-events:none}
@media(hover:hover){button.back-to-top:hover{color:#750000;border-color:#750000;background:#f8f3eb}}
@media(max-width:1000px){
  button.back-to-top{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px;padding:11px}
  button.back-to-top .back-to-top-label{display:none}
}
/* 页尾分为品牌导航与备案底栏，保留原有品牌色和所有跳转入口。 */
footer.site-footer{
  --footer-ink:#694c30;
  --footer-muted:#78634d;
  --footer-rule:rgba(105,76,48,.18);
  display:block;width:100%;max-width:none;margin:0;
  padding:40px clamp(24px,4vw,64px) 24px;
  color:var(--footer-ink);background:linear-gradient(180deg,#eee6da 0%,#f2ebe1 100%);
  border-top:1px solid var(--footer-rule);
}
footer.site-footer .footer-inner{width:100%;max-width:1440px;min-width:0;margin:0 auto}
footer.site-footer .footer-main{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:32px}
footer.site-footer .footer-brand{display:flex;align-items:baseline;gap:16px;width:fit-content;margin:0;text-decoration:none;white-space:nowrap;color:var(--footer-ink)}
footer.site-footer .footer-brand .footer-brand-name{font-family:"Design Auspicious Song","Songti SC",STSong,SimSun,serif;font-size:32px;font-weight:400;line-height:1.4;letter-spacing:.04em}
/* 注册标记独立排版，避免改变品牌字形或撑高手机端行距。 */
footer.site-footer .footer-brand .footer-brand-name{position:relative;padding-right:12px}
footer.site-footer .footer-brand .footer-trademark{position:absolute;top:5px;right:0;font-family:"Design Vivo Sans","Microsoft YaHei","PingFang SC",sans-serif;font-size:11px;font-weight:400;line-height:1;letter-spacing:0;vertical-align:baseline}
footer.site-footer .footer-brand .footer-brand-tagline{margin:0;font-size:15px;line-height:1.6;letter-spacing:.08em;color:var(--footer-muted)}
footer.site-footer .footer-nav{display:grid;grid-template-columns:repeat(5,auto);align-items:center;gap:clamp(16px,2vw,28px);margin:0;padding:0}
footer.site-footer .footer-nav>a{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:0;font-size:16px;line-height:1.5;white-space:nowrap;color:var(--footer-ink);text-decoration:none}
footer.site-footer .footer-nav>.footer-store{gap:12px;min-height:46px;padding:10px 18px;border:1px solid rgba(105,76,48,.45);border-radius:2px;background:rgba(255,255,255,.16)}
footer.site-footer .footer-store svg{display:block;flex:none;width:16px;height:16px}
footer.site-footer .footer-legal{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin:28px 0 0;padding:20px 0 0;border-top:1px solid var(--footer-rule);font-size:14px;line-height:1.7;color:var(--footer-muted)}
footer.site-footer .footer-copyright{margin:0;white-space:nowrap}
footer.site-footer .footer-records{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 24px;min-width:0}
footer.site-footer .footer-records>a{display:inline-flex;align-items:center;gap:7px;margin:0;padding:2px 0;font-size:14px;line-height:1.7;white-space:nowrap;color:var(--footer-muted);text-decoration:none;opacity:1}
footer.site-footer .footer-police img{display:block;flex:none;width:18px;height:20px;object-fit:contain}
footer.site-footer a:focus-visible{outline:2px solid var(--footer-ink);outline-offset:5px}
@media(hover:hover){
  footer.site-footer .footer-nav>a:hover,footer.site-footer .footer-records>a:hover{color:#750000}
  footer.site-footer .footer-nav>.footer-store:hover{border-color:#750000;background:rgba(117,0,0,.04)}
}
@media(max-width:1000px){
  footer.site-footer{padding:28px 24px max(22px,env(safe-area-inset-bottom))}
  footer.site-footer .footer-main{grid-template-columns:minmax(0,1fr);gap:14px}
  footer.site-footer .footer-brand{justify-self:center;gap:14px}
  footer.site-footer .footer-brand .footer-brand-name{font-size:30px}
  footer.site-footer .footer-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;width:100%;max-width:480px;justify-self:center}
  footer.site-footer .footer-nav>a{font-size:15px}
  footer.site-footer .footer-nav>.footer-store{grid-column:1/-1;justify-self:center;width:min(100%,240px);min-height:44px;padding:9px 16px}
  footer.site-footer .footer-legal{flex-direction:column;align-items:center;gap:8px;margin-top:22px;padding-top:16px;text-align:center}
  footer.site-footer .footer-records{flex-direction:column;align-items:center;gap:4px}
}

/* 原稿色值；保留滚动后的毛玻璃，而不是把吸顶栏改回静态图片。 */
:root{--paper:#f2ede7;--wine:#750000;--gold:#8b6b4a}
.site-header::before{background-color:rgba(117,0,0,.78)}
.manifesto{background-color:#d9c6b1}
.gold-button{background-color:#8b6b4a}
.gift-card{border-radius:0}
.gift-card>div{border-radius:0}

@media(min-width:1001px){
  .site-header.is-scrolled{background-color:rgba(117,0,0,.78)}
  .site-nav{position:absolute;left:55.763889%;top:0;width:37.083333%;height:100%;margin:0;display:block}
  .site-nav>a[data-design-art]{position:absolute;top:0;height:100%;padding:0;display:flex;align-items:center}

  .gold-button[data-design-art]{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border-radius:999px;height:2.916667cqw;min-height:0}
  .story-first .gold-button[data-design-art]{left:18.125cqw;top:30.347222cqw;width:12.430556cqw}
  .story-second .gold-button[data-design-art]{left:15.486111cqw;top:30.486111cqw;width:14.652778cqw}
  .gold-button[data-design-art][data-art-ready]>.design-ink{position:absolute;left:2.430556cqw;top:.694444cqw;width:calc(var(--art-width)*.069444444cqw);max-width:none}
  .story-second .story-copy>div>p{margin-left:.069444cqw}

  .history .section-heading>h2{margin-left:29.583333cqw;margin-right:0}
  .history .section-heading>p{margin-left:36.666667cqw;margin-right:0}
  .gifts .section-heading>h2{margin-left:32.569444cqw;margin-right:0}
  .gifts .section-heading>p{margin-left:32.291667cqw;margin-right:0}
  .products .section-heading>p{margin-left:26.180556cqw;margin-right:0}

  .gift-grid{display:block;width:92.569444cqw;height:46.805556cqw}
  .gift-card{position:absolute;top:0;width:30.555556cqw;background:none}
  .gift-card:nth-child(1){left:0}
  .gift-card:nth-child(2){left:31.041667cqw}
  .gift-card:nth-child(3){left:62.013889cqw}
  .gift-card>div{position:relative;height:7.430556cqw;min-height:0;padding:0;background:rgba(242,237,231,.8)}
  .gift-card h3{position:absolute;margin:0!important}
  .gift-card:nth-child(1) h3{left:10.416667cqw;top:1.180556cqw}
  .gift-card:nth-child(2) h3{left:9.513889cqw;top:1.25cqw}
  .gift-card:nth-child(3) h3{left:9.583333cqw;top:1.25cqw}

  .product-grid{row-gap:5.763889cqw}
  .product-copy{height:6.527778cqw;min-height:0;padding:0}
  .product-arrow{right:2.708333cqw;top:1.944444cqw;bottom:auto;transform:none;width:2.708333cqw;height:2.708333cqw;background:transparent url("assets/art-home/restored/product-action.webp?v=20260909-design-audit") center/100% 100% no-repeat}
  .product-arrow:before,.product-arrow:after{display:none}
  .view-more[data-design-art]{left:44.375cqw;top:122.013889cqw;transform:none;margin:0;padding:0;min-height:0}
  .occasion-links,.category-links{display:block}
  .occasion-links>a,.category-links>a{position:absolute;display:block;padding:0;border:0;background-color:transparent;background-repeat:no-repeat;background-size:100% 100%}
  .occasion-links>a>img,.category-links>a>img{position:absolute;margin:0;max-width:none;object-fit:contain}
  .occasion-links .design-ink,.category-links .design-ink{margin:0;max-width:100%}

  /* 每个入口覆盖自己的成稿切片；图片未加载时仍显示原有图标与文字。 */
  .home-shell .category-links>a:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
  .home-shell .category-links>a:nth-child(1):after{background-image:url("assets/art-home/restored/category-original-0.png?v=20260911-original-pixels")}
  .home-shell .category-links>a:nth-child(2):after{background-image:url("assets/art-home/restored/category-original-1.png?v=20260911-icon-optical-scale")}
  .home-shell .category-links>a:nth-child(3):after{background-image:url("assets/art-home/restored/category-original-2.png?v=20260911-original-pixels")}
  .home-shell .category-links>a:nth-child(4):after{background-image:url("assets/art-home/restored/category-original-3.png?v=20260911-original-pixels")}
  .home-shell .category-links>a:nth-child(5):after{background-image:url("assets/art-home/restored/category-original-4.png?v=20260911-original-pixels")}
  .home-shell .category-links>a:nth-child(6):after{background-image:url("assets/art-home/restored/category-original-5.png?v=20260911-icon-optical-scale")}
  .home-shell .category-links>a:nth-child(7):after{background-image:url("assets/art-home/restored/category-original-6.png?v=20260911-icon-optical-scale")}
  .home-shell .category-links>a:nth-child(8):after{background-image:url("assets/art-home/restored/category-original-7.png?v=20260911-original-pixels")}

  .craft>h2:after{content:"";position:absolute;left:-.069444cqw;top:10.763889cqw;width:11.666667cqw;height:3.263889cqw;background:url("assets/art-home/restored/craft-caption-pill.webp?v=20260909-design-audit") center/100% 100% no-repeat;pointer-events:none}
  .craft:after{content:"";position:absolute;left:14.027778cqw;top:40.208333cqw;width:71.666667cqw;height:1.458333cqw;background:url("assets/art-home/restored/craft-track.webp?v=20260909-design-audit") center/100% 100% no-repeat;pointer-events:none}
  .craft-steps{display:block;height:30.833333cqw;border:0;isolation:isolate}
  .craft-steps:before{content:"";position:absolute;left:.138889cqw;top:8.194444cqw;width:74.444444cqw;height:22.638889cqw;background:var(--paper);border-radius:1cqw;z-index:-1}
  .craft-steps>li{position:absolute;top:0;height:100%}
  .craft-steps>li:before{display:none}
  .craft-steps>li:nth-child(1){left:0;width:18.194444cqw}
  .craft-steps>li:nth-child(2){left:19.027778cqw;width:18.125cqw}
  .craft-steps>li:nth-child(3){left:37.708333cqw;width:18.125cqw}
  .craft-steps>li:nth-child(4){left:56.388889cqw;width:18.194444cqw}
  .craft-steps h3{position:absolute;top:1.875cqw;margin:0!important}
  .craft-steps>li:nth-child(1) h3{left:8.402778cqw}
  .craft-steps>li:nth-child(2) h3{left:7.152778cqw}
  .craft-steps>li:nth-child(3) h3{left:6.388889cqw}
  .craft-steps>li:nth-child(4) h3{left:5.972222cqw;top:1.944444cqw}
  .craft-steps>li>img{position:absolute;left:0;top:8.194444cqw;width:100%;height:22.638889cqw;aspect-ratio:auto;object-fit:fill;margin:0}
  .manifesto-copy[data-design-art]{padding:0;height:auto}
}

@media(min-width:1201px){
  .history-list{display:block;height:25.069444cqw}
  .history-list>li{position:absolute;top:0;height:25.069444cqw;padding:0;background-color:transparent;background-repeat:no-repeat;background-size:100% 100%}
  .history-list:before{content:"";position:absolute;left:-3.402778cqw;right:auto;top:7.986111cqw;width:93.402778cqw;height:2.638889cqw;margin:0;border:0;transform:none;box-shadow:none;background:transparent url("assets/art-home/restored/history-track.webp?v=20260909-design-audit") center/100% 100% no-repeat;z-index:2;pointer-events:none}
  .history-list:after,.history-dot{display:none}
  .history-list .design-ink{margin:0;max-width:100%}
}

/* 中等宽度的历程卡片继续用可换行正文，避免原稿细字缩得过小。 */
@media(min-width:1001px) and (max-width:1200px){
  .history-list [data-design-art][data-art-ready]{width:auto;max-width:100%}
  .history-list [data-design-art][data-art-ready]>.design-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
  .history-list [data-design-art][data-art-ready]>.design-ink{display:none}
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header.is-scrolled{background-color:var(--wine)}
}

/* 页头允许延展，导航坐标和字形尺寸仍锁定在居中的 1440px 画布。 */
@media(min-width:1441px){
  .site-nav{left:calc(50% + 83px);width:534px}
  .site-nav>a[data-design-art][data-art-ready]{width:calc(var(--art-width)*1px)}
  .site-nav>a[data-design-art="nav-label-0"]{left:0}
  .site-nav>a[data-design-art="nav-label-1"]{left:156px}
  .site-nav>a[data-design-art="nav-label-2"]{left:309px}
  .site-nav>a[data-design-art="nav-label-3"]{left:464px}
}

/* 手机端沿用独立图标、边框和矢量文字，禁止桌面整图覆盖层遮挡新字形。 */
@media(max-width:1000px){
  .home-shell .gold-button::after,
  .home-shell .occasion-links>a::after,
  .home-shell .category-links>a::after{
    content:none!important;
    display:none!important;
    background-image:none!important;
    pointer-events:none;
  }
  .home-shell .gold-button .design-ink,
  .home-shell .occasion-links .design-ink,
  .home-shell .category-links .design-ink{
    content:normal!important;
  }
}

/* 分类按钮只渲染一层内容，禁止旧合成图与原稿独立切图重复叠加。 */
.home-shell .category-links {
  --category-icon-size: min(44px, 3.055556cqw);
  --category-content-gap: 0.555556cqw;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  height: auto !important;
}

.home-shell .category-links > a {
  box-sizing: border-box;
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-width: 0;
  height: 3.958333cqw !important;
  margin: 0 !important;
  padding: 0 0.694444cqw !important;
  gap: var(--category-content-gap) !important;
  border: 1px solid #765137 !important;
  border-radius: 999px !important;
  background: #fff !important;
  overflow: hidden;
  line-height: 1;
}

.home-shell .category-links > a::before,
.home-shell .category-links > a::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

.home-shell .category-links .category-icon-slot {
  --category-icon-scale: 1;
  box-sizing: border-box;
  position: static !important;
  inset: auto !important;
  display: grid;
  place-items: center;
  flex: 0 0 var(--category-icon-size);
  width: var(--category-icon-size);
  height: var(--category-icon-size);
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
}

.home-shell .category-links .category-icon-slot > img.category-icon {
  position: static !important;
  inset: auto !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0;
  object-fit: contain !important;
  object-position: center;
  background: transparent !important;
  transform: scale(var(--category-icon-scale)) !important;
  transform-origin: center;
}

.home-shell .category-links > a:nth-child(2) > .category-icon-slot,
.home-shell .category-links > a:nth-child(6) > .category-icon-slot {
  --category-icon-scale: 1.16;
}

.home-shell .category-links > a:nth-child(7) > .category-icon-slot {
  --category-icon-scale: 1.08;
}

.home-shell .category-links > a > [data-design-art] {
  position: static !important;
  inset: auto !important;
  flex: 0 1 auto;
  width: calc(var(--art-width) * 100cqw / 1440) !important;
  min-width: 0;
  max-width: calc(100% - var(--category-icon-size) - var(--category-content-gap));
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.home-shell .category-links > a > [data-design-art] > .design-ink {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  margin: 0 !important;
}

@media (max-width: 1000px) {
  .home-shell .category-links {
    --category-icon-size: 32px;
    --category-content-gap: 4px;
  }

  .home-shell .category-links > a {
    height: 48px !important;
    padding: 0 10px !important;
    border-color: #b29e85 !important;
  }

  .home-shell .category-links > a > [data-design-art] {
    width: calc(var(--art-width) * 0.72px) !important;
  }
}

@media (max-width: 600px) {
  .home-shell .category-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}