body.detail-page{
  --detail-paper:#F1F1ED;
  --detail-paper-soft:#F7F7F4;
  --detail-paper-deep:#E8E8E2;
  --detail-ink:#26261F;
  --detail-ink-soft:#66665C;
  --detail-ink-faint:#93938A;
  --detail-line:#D5D5CC;
  --detail-line-soft:#E3E3DC;
  --detail-serif:"Songti SC","STSong","Source Han Serif SC","Noto Serif SC",serif;
  --detail-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;
  --paper:var(--detail-paper);
  --paper-soft:var(--detail-paper-soft);
  --paper-deep:var(--detail-paper-deep);
  --ink:var(--detail-ink);
  --ink-soft:var(--detail-ink-soft);
  --ink-faint:var(--detail-ink-faint);
  --line:var(--detail-line);
  --line-soft:var(--detail-line-soft);
  --serif:var(--detail-serif);
  --sans:var(--detail-sans);
  background:var(--detail-paper);
  color:var(--detail-ink);
  font-family:var(--detail-sans);
  font-size:15px;
  font-weight:normal;
  line-height:1.9;
  letter-spacing:.02em;
  -webkit-font-smoothing:auto;
  text-rendering:auto;
}

.detail-page .wrap{max-width:1160px;padding:0 40px}

.detail-page header.site{
  background:rgba(241,241,237,.94);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom-color:var(--detail-line-soft);
}
.detail-page .nav{height:76px}
.detail-page .brand{display:block;line-height:1.15}
.detail-page .brand .cn{
  display:block;
  font-family:var(--detail-serif);
  font-size:20px;
  font-weight:400;
  letter-spacing:.22em;
}
.detail-page .brand .cn sup{font-size:9px;vertical-align:super;letter-spacing:0}
.detail-page .brand .en{
  display:block;
  margin-top:3px;
  padding-left:4px;
  color:var(--detail-ink-faint);
  font-family:var(--detail-sans);
  font-size:9px;
  font-weight:400;
  letter-spacing:.42em;
  text-transform:uppercase;
}
.detail-page header.site .brand .cn{font-size:23px}
.detail-page header.site .brand .en{
  padding-left:6px;
  font-size:10px;
  letter-spacing:.42em;
}
.detail-page .nav-links{gap:34px}
.detail-page .nav-links a{
  padding:0 0 3px;
  border-bottom:1px solid transparent;
  color:var(--detail-ink-soft);
  font-size:14px;
  font-weight:400;
  letter-spacing:.02em;
}
.detail-page .nav-links a:hover{
  border-color:var(--detail-ink);
  color:var(--detail-ink);
}

.detail-page :is(.product-crumb,.film-crumb,.basic-crumb){
  padding-top:30px;
  color:var(--detail-ink-faint);
  font-size:12px;
  font-weight:400;
  line-height:1.8;
  letter-spacing:.08em;
}
.detail-page :is(.product-crumb,.film-crumb,.basic-crumb) a:hover{color:var(--detail-ink-soft)}
.detail-page :is(.product-crumb,.film-crumb,.basic-crumb) span{
  margin:0 .6em;
  color:var(--detail-line);
}
.detail-page :is(.product-sheet,.film-sheet,.basic-sheet){padding-top:34px}

.detail-page :is(.product-adjacent,.film-adjacent,.basic-adjacent){
  gap:24px;
  padding:30px 0 52px;
  border-top-color:var(--detail-line);
  color:var(--detail-ink-soft);
  font-size:13px;
  font-weight:400;
  line-height:1.9;
  letter-spacing:.06em;
}
.detail-page :is(.product-adjacent,.film-adjacent,.basic-adjacent) a{
  transition:color .2s ease;
}
.detail-page :is(.product-adjacent,.film-adjacent,.basic-adjacent) a:hover{color:var(--detail-ink)}

.detail-page footer.site{
  margin-top:0;
  padding:64px 0 40px;
  border-top-color:var(--detail-line);
  background:var(--detail-paper-deep);
  font-size:13px;
}
.detail-page .foot{grid-template-columns:1.4fr 1fr 1fr;gap:60px}
.detail-page .foot p{
  max-width:44ch;
  margin:14px 0 0;
  color:var(--detail-ink-soft);
  font-size:13px;
  font-weight:400;
  line-height:1.95;
}
.detail-page .foot h4{
  margin-bottom:16px;
  color:var(--detail-ink-faint);
  font-family:var(--detail-sans);
  font-size:12px;
  font-weight:400;
  letter-spacing:.24em;
  text-transform:none;
}
.detail-page .foot li{margin-bottom:11px}
.detail-page .foot a{color:var(--detail-ink-soft);font-size:13px;font-weight:400}
.detail-page .foot a:hover{color:var(--detail-ink)}
.detail-page .foot-base{
  margin-top:44px;
  padding-top:26px;
  border-top-color:var(--detail-line);
  color:var(--detail-ink-faint);
  font-size:12.5px;
  font-weight:400;
}

@media (max-width:880px){
  .detail-page .foot{grid-template-columns:1fr 1fr;gap:40px}
}

@media (max-width:600px){
  .detail-page .wrap{padding-left:22px;padding-right:22px}
  .detail-page .nav-links{
    display:none;
    position:absolute;
    top:76px;
    left:0;
    right:0;
    flex-direction:column;
    gap:0;
    padding:8px 22px 18px;
    border-bottom:1px solid var(--detail-line);
    background:var(--detail-paper);
  }
  .detail-page .nav-links.open{display:flex}
  .detail-page .nav-links a{width:100%;padding:13px 0;border-bottom:1px solid var(--detail-line-soft)}
  .detail-page .nav-toggle{display:block}
  .detail-page :is(.product-crumb,.film-crumb,.basic-crumb){padding-top:22px}
  .detail-page :is(.product-sheet,.film-sheet,.basic-sheet){padding-top:26px}
  .detail-page :is(.product-adjacent,.film-adjacent,.basic-adjacent){padding:26px 0 44px}
  .detail-page .foot{grid-template-columns:1fr;gap:34px}
}

@media (prefers-reduced-motion:reduce){
  .detail-page :is(.product-adjacent,.film-adjacent,.basic-adjacent) a{transition:none!important}
}