@import url("assets/art-home/restored/palette.css?v=20260909-art-restore");

/* 原稿字体名称来自 PSD；未获明确网页分发授权，不附带字体文件。 */
@font-face{font-family:"Design Vivo Sans";src:local("vivoSans-Light"),local("vivo Sans Light");font-weight:300;font-display:swap}
@font-face{font-family:"Design Vivo Sans";src:local("vivoSans-Extralight"),local("vivoSans-ExtraLight");font-weight:200;font-display:swap}
@font-face{font-family:"Design Vivo Sans";src:local("vivoSans-Regular"),local("vivo Sans Regular");font-weight:400;font-display:swap}
@font-face{font-family:"Design Auspicious Song";src:local("Fontquan-XinYiJiXiangSong-Regular"),local("字体圈欣意吉祥宋");font-weight:400;font-display:swap}

:root{
  --serif:"Design Auspicious Song","Songti SC","STSong","SimSun",serif;
  --sans:"Design Vivo Sans","vivo Sans","Microsoft YaHei","PingFang SC",sans-serif;
}

body{font-weight:300}
.site-nav,.story p,.gold-button,.section-heading p,.gift-card p,
.product-copy h3,.product-copy p,.category-links a,.view-more{font-family:var(--sans);font-weight:300}
.trust-points p,.history-list p{font-family:var(--sans);font-weight:200}
.history-list time,.history-list h3,.occasion-links a{font-family:var(--sans);font-weight:400}
.gift-card{background:var(--design-gift-caption,#f1e7d8);border-radius:0 0 8px 8px}
.gift-card>div{border-radius:inherit}
.product-card{background:var(--design-product-caption,#e7dac6);border-radius:0 0 8px 8px}
.product-copy{border-radius:inherit}
.history-dot{background:#937047;border:1px solid #f5ead7;box-shadow:0 0 0 1px #b5956c}
.product-arrow{font-size:0}
.product-arrow:before{content:"";position:absolute;width:40%;height:1px;background:currentColor;left:28%;top:50%}
.product-arrow:after{content:"";position:absolute;width:15%;height:15%;border-top:1px solid currentColor;border-right:1px solid currentColor;right:30%;top:50%;transform:translateY(-50%) rotate(45deg)}
.craft-link{display:none}

/* 资质画面整体等比缩放，证书、奖杯与底座不再分别定位。 */
.trust-art>.trust-composition{display:block;width:100%;height:auto;max-width:none}

/* 保留真实 HTML 文案。素材未加载、加载失败或小屏幕下仍显示文字。 */
.design-ink{display:none}

@media(min-width:1001px){
  .brand-logo{width:clamp(150px,12.986111cqw,187px)}

  [data-design-art][data-art-ready]{width:calc(var(--art-width)*.069444444cqw);max-width:100%}
  [data-design-art][data-art-ready]>.design-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  [data-design-art][data-art-ready]>.design-ink{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .section-heading>[data-design-art],.gift-card [data-design-art],.craft-steps [data-design-art]{margin-inline:auto}

  /* 以 PSD 的 1440px 画布定位，不能用均分列重新分配图标和文字。 */
  .trust-copy{left:11.597222%;top:9.305556cqw}
  .trust-copy>p{margin-top:1.458333cqw;margin-left:.486111cqw}
  .trust-points{top:26.597222cqw;left:9.027778%;width:37.847222%;height:9.027778cqw;display:block}
  .trust-points li{position:absolute;inset:0;border:0}
  .trust-points>li>img{position:absolute;top:0;height:4.166667cqw;max-width:none;margin:0;object-fit:contain}
  .trust-points>li:nth-child(1)>img{left:3.819444cqw;width:5.069444cqw}
  .trust-points>li:nth-child(2)>img{left:14.791667cqw;width:6.319444cqw}
  .trust-points>li:nth-child(3)>img{left:27.5cqw;width:5.625cqw}
  .trust-points p{position:absolute;top:5.416667cqw;margin:0;font-size:1.666667cqw;line-height:1.25;letter-spacing:0}
  .trust-points>li:nth-child(1)>p{left:2.916667cqw}
  .trust-points>li:nth-child(2)>p{left:14.861111cqw}
  .trust-points>li:nth-child(3)>p{left:27.569444cqw}
  .trust-points .design-ink{max-width:100%;margin:0}
  .trust-points:before,.trust-points:after{content:"";position:absolute;top:.208333cqw;width:.208333cqw;height:8.611111cqw;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
  .trust-points:before{left:12.083333cqw;background-image:url("assets/art-home/restored/trust-divider-first.webp")}
  .trust-points:after{left:24.652778cqw;background-image:url("assets/art-home/restored/trust-divider-second.webp")}

  .story-second{height:39.930556cqw;margin-top:-.208333cqw}
  .story-copy>div{padding-top:10.208333cqw}
  .story-second .story-copy>div{padding-top:11.527778cqw}
  .story p{margin-top:3.125cqw;line-height:1.75}
  .story-second p{margin-top:3.194444cqw}
  .gold-button{min-height:2.777778cqw;padding:.555556cqw 2.361111cqw;margin-top:8.055556cqw;font-size:1.666667cqw;line-height:1}
  .story-second .gold-button{margin-left:9.513889cqw;margin-top:6.805556cqw}

  .history{padding-top:8.472222cqw}
  .section-heading p{margin-top:2.291667cqw}
  .history-list time{font-size:2.083333cqw}
  .history-list h3{font-size:1.666667cqw}
  .history-list p{font-size:clamp(16px,1.25cqw,18px);line-height:1.55;font-weight:300}

  .gift-card>div{padding-top:1.180556cqw}
  .gift-card p{margin-top:1.111111cqw}
  .craft-steps h3{margin-top:1.736111cqw;margin-bottom:4.166667cqw}
  .craft-steps li:first-child img{border-radius:14px 0 0 14px}
  .craft-steps li:last-child img{border-radius:0 14px 14px 0}
}

/* 临界桌面宽度改为三列，避免为了塞下六张卡片而缩小正文。 */
@media(min-width:1001px) and (max-width:1200px){
  .history{height:auto;padding:64px 32px 72px}
  .history-list{position:relative;inset:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:960px;margin:40px auto 0}
  .history-list:before,.history-list:after{display:none}
  .history-list li{height:auto;min-height:256px;padding:28px 18px}
  .history-list time{font-size:28px}
  .history-dot{width:18px;height:18px;margin:18px auto}
  .history-list h3{font-size:20px}
  .history-list p{font-size:16px;line-height:1.6;margin-top:18px}
}

/* 移动端保留可换行的真实文字，不把桌面细字等比例缩小。 */
@media(max-width:1000px){
  .design-text{position:static;width:auto;height:auto;clip-path:none;white-space:normal}
  .history-list p,.trust-points p{font-weight:300}
}

@media(forced-colors:active){
  [data-design-art][data-art-ready]>.design-text{position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin:0}
  [data-design-art][data-art-ready]>.design-ink{display:none}
}
