.wrap{width:min(var(--maxw),100% - var(--s6));margin-inline:auto}
.wrap--narrow{width:min(760px,100% - var(--s6));margin-inline:auto}

.section{
  padding:var(--s9) 0;background-color:var(--cream-100);
  background-image:
    repeating-linear-gradient(45deg,rgba(166,50,39,.032) 0 1px,transparent 1px 9px),
    radial-gradient(70% 55% at 0% 0%,rgba(166,50,39,.045),transparent 60%);
}
.section--tight{padding:var(--s8) 0}
.section--dark{background-color:var(--red-950);color:var(--cream-100)}
.section{position:relative}
.section::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:96px;height:1px;background:var(--gold-500);opacity:.55;pointer-events:none;
}
.section > .wrap{position:relative;z-index:1}
.section--dark .lede{color:rgba(251,246,236,.82)}
.section--paper{
  background-color:var(--cream-200);
  background-image:
    repeating-linear-gradient(45deg,rgba(166,50,39,.036) 0 1px,transparent 1px 9px),
    radial-gradient(75% 60% at 100% 0%,rgba(166,50,39,.06),transparent 62%);
}
.section--dark .eyebrow{color:var(--gold-400)}

.sec-head{display:flex;flex-direction:column;gap:var(--s3);margin-bottom:var(--s7)}
.sec-head h2{font-size:clamp(26px,3.2vw,38px)}
.sec-head h2 .accent{color:var(--red-800)}
.section--dark .sec-head h2 .accent{color:var(--gold-400)}

/* 页头 */
.site-header{
  position:sticky;top:0;z-index:100;overflow:hidden;
  background:linear-gradient(180deg,var(--wine-red),var(--wine-900));
  border-bottom:2px solid rgba(232,185,120,.42);
}
/* 右上角红光，向左下方渐隐 */
.site-header::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(130% 240% at 100% 0%,
    rgba(196,46,53,.95) 0%,
    rgba(196,46,53,.55) 26%,
    rgba(126,18,24,0) 62%);
}
.header__inner{position:relative;z-index:1}
.header__inner{display:flex;align-items:center;gap:var(--s5);height:var(--header-h)}
.site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;
  background:repeating-linear-gradient(90deg,var(--gold-400) 0 10px,transparent 10px 22px);
  opacity:.38;pointer-events:none;
}
.brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto}
.brand__mark{width:30px;height:30px;color:var(--gold-400);flex:0 0 auto}
.brand__text{font-family:var(--font-display);font-size:22px;letter-spacing:.16em;color:var(--cream-100)}
@media (max-width:600px){
  .brand__mark{width:26px;height:26px}
  .brand__text{font-size:19px;letter-spacing:.12em}
}
.brand__sub{display:none;font-size:12px;letter-spacing:.18em;color:var(--ink-500)}

/* 页脚 */
.site-footer{
  position:relative;overflow:hidden;
  background:var(--wine-950);color:rgba(250,250,250,.8);
  padding:var(--s8) 0 var(--s6);
}
.site-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 220% at 100% 0%,
    rgba(196,46,53,.6) 0%,
    rgba(169,30,35,.24) 30%,
    rgba(124,22,29,0) 66%);
}
.site-footer .wrap{position:relative;z-index:1}
.footer__title{font-family:var(--font-display);color:var(--gold-300);font-size:19px;letter-spacing:.12em;margin-bottom:var(--s3)}
.footer__meta{font-size:13px;line-height:2;color:rgba(251,246,236,.62)}
.footer__bottom{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line-light);display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;font-size:13px;color:rgba(251,246,236,.62)}

.grid{display:grid;gap:var(--s5)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){
  .grid--3,.grid--2{grid-template-columns:minmax(0,1fr)}
  .section{padding:var(--s8) 0}
}
.footer__sig{user-select:none;-webkit-user-select:none}
.footer__sig-name{font-weight:400;cursor:default}