.page-products{
  --pf-hair:rgba(42,74,65,.24);
  --pf-hair-soft:rgba(42,74,65,.14);
  --pf-ink-text:#1E3B33;
  --pf-mist-text:#2F5149;
  background:var(--ink);
  color:var(--paper);
}

/* ---------- 面包屑 ---------- */
.page-products .pf-crumb{
  background:var(--ink);
  padding-top:clamp(14px,2vw,22px);
  padding-bottom:6px;
}
.page-products .pf-crumb .breadcrumb__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  font-size:var(--t-meta);
  letter-spacing:.08em;
  color:var(--mist);
}
.page-products .pf-crumb li:not(:first-child)::before{
  content:"/";
  margin:0 8px;
  color:var(--line);
}
.page-products .pf-crumb a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-products .pf-crumb a:hover{
  color:var(--gold-bright);
  border-bottom-color:var(--gold);
}

/* ---------- 首屏 ---------- */
.page-products .pf-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--ink-deep);
  padding:clamp(52px,8vw,120px) 0 clamp(46px,6.4vw,96px);
}
.page-products .pf-hero__bg{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  opacity:.34;
  filter:saturate(.88) contrast(1.08);
}
.page-products .pf-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(120% 88% at 16% 10%, rgba(201,162,39,.22), transparent 58%),
    radial-gradient(92% 72% at 90% 84%, rgba(79,147,170,.20), transparent 62%),
    linear-gradient(180deg, rgba(11,43,36,.74), rgba(6,23,15,.95));
}
.page-products .pf-hero__inner{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:clamp(14px,2vw,24px);
  max-width:min(100%,820px);
}
.page-products .pf-hero__title{
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(32px,6.2vw,74px);
  line-height:1.1;
  letter-spacing:-.015em;
  color:var(--paper);
}
.page-products .pf-hero__lead{
  margin:0;
  max-width:60ch;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.8;
  color:rgba(245,239,226,.84);
}
.page-products .pf-hero__stats{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(16px,3vw,40px);
  margin-top:4px;
  padding-top:clamp(14px,2vw,22px);
  border-top:1px solid rgba(201,162,39,.32);
}
.page-products .pf-stat{
  display:flex;
  align-items:baseline;
  gap:8px;
  font-size:var(--t-small);
  color:var(--mist);
  letter-spacing:.04em;
}
.page-products .pf-stat b{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(26px,3.2vw,40px);
  line-height:1;
  color:var(--gold-bright);
  letter-spacing:-.03em;
}
.page-products .pf-stat i{font-style:normal;}
.page-products .pf-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}

/* ---------- 通用区块标题 ---------- */
.page-products .pf-head{
  max-width:min(100%,760px);
  margin-bottom:clamp(22px,3vw,40px);
}
.page-products .pf-head__title{
  margin:10px 0 0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(23px,3.4vw,40px);
  line-height:1.24;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-products .pf-head__lead{
  margin:14px 0 0;
  font-size:var(--t-body);
  line-height:1.78;
  color:var(--pf-mist-text);
}
.page-products .pf-head--dark .pf-head__title{color:var(--paper);}
.page-products .pf-head--dark .pf-head__lead{color:rgba(245,239,226,.78);}

/* ---------- 权益总览 ---------- */
.page-products .pf-cats{
  position:relative;
  background:var(--paper);
  color:var(--ink);
  padding:clamp(48px,7vw,104px) 0;
}
.page-products .pf-cats::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right, var(--pf-hair-soft) 1px, transparent 1px),
    linear-gradient(to bottom, var(--pf-hair-soft) 1px, transparent 1px);
  background-size:88px 88px;
  opacity:.85;
}
.page-products .pf-cats > .wrap{position:relative;}

.page-products .pf-track{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3vw,40px);
  margin-top:clamp(24px,3.4vw,44px);
}

/* 左栏对照 */
.page-products .pf-aside__inner{
  background:linear-gradient(160deg,var(--ink),var(--ink-deep));
  border:1px solid rgba(201,162,39,.44);
  padding:clamp(18px,2.4vw,26px);
  color:var(--paper);
}
.page-products .pf-aside__title{
  margin:10px 0 0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(18px,2vw,22px);
  line-height:1.35;
  color:var(--paper);
}
.page-products .pf-tier-switch{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:clamp(16px,2vw,22px);
}
.page-products .pf-tier-radio{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.page-products .pf-tier-switch__btn{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 14px;
  border:1px solid rgba(143,167,156,.36);
  background:rgba(245,239,226,.04);
  color:var(--paper);
  font-size:var(--t-small);
  letter-spacing:.04em;
  cursor:pointer;
  transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease);
}
.page-products .pf-tier-switch__btn:hover{
  border-color:var(--gold);
  background:rgba(201,162,39,.12);
  transform:translateY(-2px);
}
.page-products .pf-tier-switch__name{white-space:nowrap;}
.page-products .pf-tier-switch__num{
  margin-left:auto;
  font-family:var(--font-serif);
  font-size:24px;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--gold-bright);
}
.page-products .pf-tier-switch__unit{
  font-size:var(--t-meta);
  color:var(--mist);
}
.page-products .pf-tier-radio:checked + .pf-tier-switch__btn{
  border-color:var(--gold);
  background:rgba(201,162,39,.18);
}
.page-products .pf-tier-radio:focus-visible + .pf-tier-switch__btn{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
}
.page-products .pf-aside__note{
  margin:16px 0 0;
  font-size:var(--t-small);
  line-height:1.75;
  color:rgba(245,239,226,.7);
}
.page-products .pf-aside__link{margin-top:16px;}

/* 类别卡 */
.page-products .pf-cat{
  background:linear-gradient(150deg,var(--paper-2),var(--paper) 72%);
  border:1px solid var(--pf-hair);
  border-left:3px solid rgba(201,162,39,.6);
  margin-bottom:clamp(12px,1.6vw,18px);
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.page-products .pf-cat:hover{border-color:rgba(201,162,39,.8);}
.page-products .pf-cat[open]{box-shadow:0 18px 44px rgba(6,23,15,.1);}

.page-products .pf-cat__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "num text marker"
    "meta meta meta";
  align-items:center;
  gap:clamp(12px,2vw,18px);
  padding:clamp(14px,2vw,20px) clamp(14px,2.2vw,24px);
  cursor:pointer;
  list-style:none;
}
.page-products .pf-cat__head::-webkit-details-marker{display:none;}
.page-products .pf-cat__num{
  grid-area:num;
  display:grid;
  place-items:center;
  width:clamp(66px,7.6vw,110px);
  height:clamp(66px,7.6vw,110px);
  border:1px solid rgba(201,162,39,.62);
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(34px,5vw,66px);
  line-height:1;
  letter-spacing:-.05em;
  color:var(--gold);
  flex:none;
}
.page-products .pf-cat__text{
  grid-area:text;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.page-products .pf-cat__title{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(18px,2.2vw,24px);
  line-height:1.3;
  color:var(--ink);
}
.page-products .pf-cat__desc{
  font-size:var(--t-small);
  line-height:1.68;
  color:var(--pf-mist-text);
}
.page-products .pf-cat__meta{
  grid-area:meta;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-products .pf-cat__count{
  font-size:var(--t-meta);
  letter-spacing:.1em;
  color:var(--pf-mist-text);
}
.page-products .pf-cat__marker{
  grid-area:marker;
  position:relative;
  width:14px;
  height:14px;
  flex:none;
}
.page-products .pf-cat__marker::before,
.page-products .pf-cat__marker::after{
  content:"";
  position:absolute;
  background:var(--ink);
  transition:transform .3s var(--ease);
}
.page-products .pf-cat__marker::before{left:0;top:6.5px;width:14px;height:1.5px;}
.page-products .pf-cat__marker::after{top:0;left:6.5px;width:1.5px;height:14px;}
.page-products .pf-cat[open] .pf-cat__marker::after{transform:scaleY(0);}

.page-products .pf-cat__panel{
  border-top:1px solid var(--pf-hair);
  padding:clamp(12px,1.8vw,18px) clamp(14px,2.2vw,24px) clamp(16px,2.2vw,22px);
}
.page-products .pf-cat__media{
  margin-bottom:14px;
  border:1px solid rgba(201,162,39,.4);
  overflow:hidden;
  background:linear-gradient(150deg,var(--ink),var(--ink-deep));
}
.page-products .pf-cat__img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
}

/* 细则列表 */
.page-products .pf-spec{
  display:grid;
  gap:1px;
  margin:0;
  padding:0;
  list-style:none;
  background:var(--pf-hair-soft);
  border:1px solid var(--pf-hair-soft);
}
.page-products .pf-spec__item{
  padding:13px clamp(12px,2vw,18px);
  background:rgba(245,239,226,.92);
  font-size:var(--t-small);
  line-height:1.72;
  color:var(--pf-ink-text);
  transition:opacity .35s var(--ease),filter .35s var(--ease),background .25s var(--ease);
}
.page-products .pf-spec__item:hover{background:rgba(201,162,39,.14);}
.page-products .pf-spec__item b{
  display:block;
  margin-bottom:2px;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:var(--t-body);
  color:var(--ink);
}

/* 等级切换驱动的淡出 */
.page-products .pf-track:has(#pf-tier-1:checked) .pf-spec__item[data-tier="2"],
.page-products .pf-track:has(#pf-tier-1:checked) .pf-spec__item[data-tier="3"],
.page-products .pf-track:has(#pf-tier-2:checked) .pf-spec__item[data-tier="3"]{
  opacity:.3;
  filter:grayscale(1);
}

/* ---------- 本轮新增 ---------- */
.page-products .pf-new{
  background:var(--ink-deep);
  padding:clamp(48px,7vw,104px) 0;
}
.page-products .pf-new__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,2.6vw,30px);
}
.page-products .pf-newcard{
  position:relative;
  padding:clamp(22px,3vw,34px);
  background:linear-gradient(165deg, rgba(233,220,191,.11), rgba(6,23,15,.42));
  border:1px solid rgba(201,162,39,.36);
  overflow:hidden;
}
.page-products .pf-newcard::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:78px;
  height:78px;
  background:linear-gradient(225deg, rgba(176,83,108,.42), transparent 68%);
  pointer-events:none;
}
.page-products .pf-newcard__flag{
  position:absolute;
  top:0;
  right:0;
  padding:6px 14px;
  background:var(--rose);
  color:#FBEFE6;
  font-size:var(--t-meta);
  letter-spacing:.16em;
  line-height:1.4;
}
.page-products .pf-newcard__no{
  margin:0;
  font-size:var(--t-meta);
  letter-spacing:.18em;
  color:var(--gold);
}
.page-products .pf-newcard__title{
  margin:8px 0 0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(20px,2.4vw,27px);
  line-height:1.3;
  color:var(--paper);
}
.page-products .pf-newcard__text{
  margin:14px 0 0;
  font-size:var(--t-body);
  line-height:1.78;
  color:rgba(245,239,226,.8);
}
.page-products .pf-newcard__list{
  margin:16px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:1px;
  background:rgba(201,162,39,.22);
  border-top:1px solid rgba(201,162,39,.22);
  border-bottom:1px solid rgba(201,162,39,.22);
}
.page-products .pf-newcard__list li{
  padding:11px 14px;
  background:rgba(6,23,15,.55);
  font-size:var(--t-small);
  line-height:1.72;
  color:rgba(245,239,226,.9);
}
.page-products .pf-newcard__list li::before{
  content:"—";
  margin-right:8px;
  color:var(--gold);
}
.page-products .pf-newcard__who{
  margin:16px 0 0;
  font-size:var(--t-small);
  line-height:1.7;
  color:var(--mist);
}
.page-products .pf-new__tail{
  margin:clamp(22px,3vw,34px) 0 0;
  max-width:72ch;
  font-size:var(--t-small);
  line-height:1.8;
  color:rgba(245,239,226,.74);
}
.page-products .pf-new__tail a{
  color:var(--gold-bright);
  text-decoration:none;
  border-bottom:1px solid rgba(201,162,39,.55);
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-products .pf-new__tail a:hover{
  color:var(--paper);
  border-color:var(--paper);
}

/* ---------- 等级对照表 ---------- */
.page-products .pf-tiers{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(48px,7vw,104px) 0;
}
.page-products .pf-tablewrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--pf-hair);
  background:rgba(245,239,226,.6);
}
.page-products .pf-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  font-size:var(--t-small);
}
.page-products .pf-table caption{
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.page-products .pf-table th,
.page-products .pf-table td{
  padding:14px clamp(12px,2vw,20px);
  text-align:left;
  border-bottom:1px solid var(--pf-hair-soft);
  white-space:nowrap;
}
.page-products .pf-table thead th{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:var(--t-small);
  letter-spacing:.06em;
  color:var(--paper);
  background:var(--ink);
  border-bottom:1px solid var(--line);
}
.page-products .pf-table tbody th{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:var(--t-body);
  color:var(--ink);
}
.page-products .pf-table__no{
  display:inline-block;
  margin-right:10px;
  font-family:var(--font-serif);
  font-size:var(--t-meta);
  letter-spacing:.1em;
  color:var(--gold);
}
.page-products .pf-table tbody tr:nth-child(odd) td,
.page-products .pf-table tbody tr:nth-child(odd) th{background:rgba(233,220,191,.36);}
.page-products .pf-table tbody tr{transition:background .25s var(--ease);}
.page-products .pf-table tbody tr:hover td,
.page-products .pf-table tbody tr:hover th{background:rgba(201,162,39,.2);}
.page-products .pf-table tfoot th,
.page-products .pf-table tfoot td{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:var(--t-body);
  color:var(--ink);
  background:rgba(233,220,191,.72);
  border-bottom:0;
  border-top:1px solid var(--pf-hair);
}
.page-products .pf-table tfoot td{color:var(--gold);}

.page-products .pf-tierhelp{
  margin-top:clamp(20px,2.8vw,34px);
  padding:clamp(18px,2.4vw,28px);
  border-left:3px solid var(--cyan);
  background:rgba(79,147,170,.09);
}
.page-products .pf-tierhelp__title{
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:var(--t-h3);
  color:var(--ink);
}
.page-products .pf-tierhelp__list{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.page-products .pf-tierhelp__list li{
  position:relative;
  padding-left:20px;
  font-size:var(--t-small);
  line-height:1.75;
  color:var(--pf-mist-text);
}
.page-products .pf-tierhelp__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:8px;
  height:1px;
  background:var(--gold);
}

/* ---------- 使用路径 ---------- */
.page-products .pf-path{
  background:var(--ink);
  padding:clamp(48px,7vw,104px) 0;
}
.page-products .pf-steps{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(20px,2.8vw,32px);
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
.page-products .pf-step{
  padding-top:18px;
  border-top:1px solid var(--pf-hair-soft);
}
.page-products .pf-step__idx{
  display:inline-block;
  font-size:var(--t-meta);
  letter-spacing:.2em;
  color:var(--gold);
}
.page-products .pf-step__title{
  margin:8px 0 0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(19px,2.2vw,25px);
  line-height:1.3;
  color:var(--paper);
}
.page-products .pf-step__desc{
  margin:12px 0 0;
  font-size:var(--t-small);
  line-height:1.78;
  color:rgba(245,239,226,.78);
}
.page-products .pf-gauge{
  position:relative;
  height:6px;
  margin-top:18px;
  background:rgba(143,167,156,.2);
  overflow:hidden;
}
.page-products .pf-gauge__bar{
  display:block;
  height:100%;
  width:var(--pf-w,20%);
  background:linear-gradient(90deg,var(--gold),var(--gold-bright));
  transition:width .6s var(--ease);
}
.page-products .pf-step:nth-child(1) .pf-gauge__bar{--pf-w:22%;}
.page-products .pf-step:nth-child(2) .pf-gauge__bar{--pf-w:7%;}
.page-products .pf-step:nth-child(3) .pf-gauge__bar{--pf-w:88%;}
.page-products .pf-gauge__label{
  margin:8px 0 0;
  font-size:var(--t-meta);
  letter-spacing:.08em;
  color:var(--mist);
}

/* ---------- 常见搭配 ---------- */
.page-products .pf-combo{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(48px,7vw,104px) 0;
}
.page-products .pf-combo__body{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3vw,40px);
  align-items:start;
}
.page-products .pf-combo__media{
  margin:0;
  border:1px solid rgba(201,162,39,.46);
  background:linear-gradient(150deg,var(--ink),var(--ink-deep));
}
.page-products .pf-combo__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
}
.page-products .pf-combo__media figcaption{
  padding:12px 16px;
  font-size:var(--t-meta);
  line-height:1.65;
  letter-spacing:.04em;
  color:var(--mist);
  border-top:1px solid rgba(201,162,39,.3);
}
.page-products .pf-combo__list{
  display:grid;
  gap:1px;
  background:var(--pf-hair-soft);
  border-top:1px solid var(--pf-hair);
  border-bottom:1px solid var(--pf-hair);
}
.page-products .pf-combocard{
  padding:clamp(18px,2.4vw,26px) 0;
  background:var(--paper);
}
.page-products .pf-combocard__title{
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:var(--t-h3);
  line-height:1.35;
  color:var(--ink);
}
.page-products .pf-combocard__text{
  margin:10px 0 0;
  font-size:var(--t-small);
  line-height:1.78;
  color:var(--pf-mist-text);
}
.page-products .pf-combocard__hint{
  margin:12px 0 0;
  padding-left:14px;
  border-left:2px solid var(--gold);
  font-size:var(--t-meta);
  line-height:1.7;
  letter-spacing:.04em;
  color:var(--ink);
}

.page-products .pf-upgrade{
  margin-top:clamp(24px,3.4vw,44px);
  padding:clamp(20px,2.8vw,32px);
  background:linear-gradient(150deg,rgba(233,220,191,.7),rgba(245,239,226,.95));
  border:1px solid var(--pf-hair);
  border-left:3px solid var(--gold);
}
.page-products .pf-upgrade__title{
  margin:0;
  font-family:var(--font-serif);
  font-weight:600;
  font-size:var(--t-h3);
  color:var(--ink);
}
.page-products .pf-upgrade__list{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.page-products .pf-upgrade__list li{
  position:relative;
  padding-left:20px;
  font-size:var(--t-small);
  line-height:1.78;
  color:var(--pf-mist-text);
}
.page-products .pf-upgrade__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:8px;
  height:1px;
  background:var(--rose);
}
.page-products .pf-upgrade__tail{
  margin:16px 0 0;
  font-size:var(--t-small);
  line-height:1.78;
  color:var(--pf-mist-text);
}
.page-products .pf-upgrade__tail a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid var(--gold);
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-products .pf-upgrade__tail a:hover{
  color:var(--rose);
  border-color:var(--rose);
}

/* ---------- 变更节奏 ---------- */
.page-products .pf-cadence{
  background:var(--ink-deep);
  padding:clamp(48px,7vw,104px) 0;
}
.page-products .pf-cadence__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,54px);
  align-items:start;
}
.page-products .pf-cadence__lead .pf-head__title{margin-top:10px;}
.page-products .pf-cadence__meta{
  margin:16px 0 0;
  font-size:var(--t-small);
  line-height:1.78;
  color:var(--mist);
}
.page-products .pf-cadence__links{
  display:grid;
  gap:1px;
  background:rgba(201,162,39,.24);
  border-top:1px solid rgba(201,162,39,.24);
  border-bottom:1px solid rgba(201,162,39,.24);
}
.page-products .pf-linkcard{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"idx title arrow";
  align-items:center;
  gap:clamp(10px,2vw,20px);
  min-height:44px;
  padding:16px clamp(14px,2vw,20px);
  background:rgba(6,23,15,.72);
  text-decoration:none;
  transition:background .25s var(--ease),transform .25s var(--ease);
}
.page-products .pf-linkcard:hover{
  background:rgba(201,162,39,.14);
  transform:translateY(-2px);
}
.page-products .pf-linkcard:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:-2px;
}
.page-products .pf-linkcard__idx{
  grid-area:idx;
  font-size:var(--t-meta);
  letter-spacing:.14em;
  color:var(--gold);
  white-space:nowrap;
}
.page-products .pf-linkcard__title{
  grid-area:title;
  font-family:var(--font-serif);
  font-size:var(--t-body);
  line-height:1.5;
  color:var(--paper);
}
.page-products .pf-linkcard__arrow{
  grid-area:arrow;
  font-size:var(--t-body);
  color:var(--mist);
  transition:color .25s var(--ease),transform .25s var(--ease);
}
.page-products .pf-linkcard:hover .pf-linkcard__arrow{
  color:var(--gold-bright);
  transform:translateX(3px);
}

/* ---------- 响应式 ---------- */
@media (min-width:700px){
  .page-products .pf-new__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-products .pf-cat__head{
    grid-template-columns:auto minmax(0,1fr) auto auto;
    grid-template-areas:"num text meta marker";
    gap:clamp(16px,2.4vw,28px);
  }
  .page-products .pf-combo__list{gap:0;background:transparent;border-top:0;border-bottom:0;}
  .page-products .pf-combocard{
    padding:clamp(18px,2.4vw,26px);
    border:1px solid var(--pf-hair);
    margin-bottom:14px;
  }
  .page-products .pf-combocard:last-child{margin-bottom:0;}
}

@media (min-width:900px){
  .page-products .pf-aside__inner{position:sticky;top:96px;}
  .page-products .pf-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,36px);}
}

@media (min-width:960px){
  .page-products .pf-track{
    grid-template-columns:minmax(228px,278px) minmax(0,1fr);
    gap:clamp(28px,3.6vw,56px);
    align-items:start;
  }
  .page-products .pf-combo__body{
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
    gap:clamp(28px,3.6vw,54px);
  }
  .page-products .pf-cadence__inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  }
}

@media (min-width:1180px){
  .page-products .pf-hero__inner{max-width:min(100%,860px);}
}

@media (prefers-reduced-motion:reduce){
  .page-products *,
  .page-products *::before,
  .page-products *::after{
    animation-duration:.001ms !important;
    transition-duration:.001ms !important;
  }
}
<<<END>>>