/* =========================================================
   博狗指南 · 共享 Site Kit v2.3
   /assets/site.css  —  reset / tokens / 中文排版 / 头部 / 页脚 / 通用组件
   ========================================================= */

*,*::before,*::after{box-sizing:border-box}

:root{
  --pk-ink:#0C2620;
  --pk-ink-2:#14382E;
  --pk-ink-3:#0A211B;
  --pk-bone:#F2EDE3;
  --pk-sand:#FBF8F1;
  --pk-gold:#C8A248;
  --pk-gold-bright:#E6C976;
  --pk-gold-deep:#8A6B1F;
  --pk-red:#B33A2B;
  --pk-slate:#7C8C99;
  --pk-char:#171B1C;
  --pk-glass:rgba(242,237,227,.08);
  --pk-glass-line:rgba(200,162,72,.26);
  --pk-hair:rgba(242,237,227,.12);
  --pk-gold-grad:linear-gradient(135deg,#C8A248,#8A6B1F);

  --pk-font-display:"Noto Sans SC","Source Han Sans SC","Source Han Sans CN","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --pk-font-body:"Noto Serif SC","Source Han Serif SC","Source Han Serif CN","Songti SC","SimSun",Georgia,serif;
  --pk-font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;

  --pk-w-wide:1200px;
  --pk-w-mid:1040px;
  --pk-w-narrow:880px;
  --pk-pad:clamp(18px,4vw,40px);
  --pk-radius:3px;
  --pk-ease:cubic-bezier(.22,.61,.36,1);
}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--pk-ink);
  color:var(--pk-bone);
  font-family:var(--pk-font-body);
  font-size:17px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,p,figure,blockquote,fieldset{margin:0}
ul,ol{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
table{border-collapse:collapse}

::selection{background:var(--pk-gold);color:#12160F}

:focus-visible{
  outline:2px solid var(--pk-gold-bright);
  outline-offset:2px;
  border-radius:1px;
}

/* ---------- 跳至正文 ---------- */

.pk-skip{
  position:fixed;
  top:-72px;
  left:14px;
  z-index:120;
  padding:11px 18px;
  background:var(--pk-gold-grad);
  color:#12160F;
  font-family:var(--pk-font-mono);
  font-size:12.5px;
  letter-spacing:.1em;
  text-decoration:none;
  border-radius:var(--pk-radius);
  transition:top .22s var(--pk-ease);
}
.pk-skip:focus{top:14px}

/* ---------- 布局容器与画板 ---------- */

.pk-main{display:block}

.pk-canvas{
  position:relative;
  overflow-x:clip;
  color:var(--pk-bone);
  background:
    radial-gradient(120% 90% at 6% -12%,rgba(20,56,46,.96),transparent 62%),
    radial-gradient(90% 70% at 100% 0%,rgba(200,162,72,.10),transparent 56%),
    linear-gradient(180deg,#0C2620 0%,#071A15 100%);
}

.pk-container{width:calc(100% - var(--pk-pad) * 2);max-width:var(--pk-w-wide);margin-inline:auto}
.pk-container--mid{max-width:var(--pk-w-mid)}
.pk-container--narrow{max-width:var(--pk-w-narrow)}

.pk-section{padding-block:clamp(44px,7vw,104px)}
.pk-section--tight{padding-block:clamp(26px,4vw,56px)}
.pk-section__head{
  display:grid;
  gap:14px;
  max-width:52em;
  margin-bottom:clamp(22px,3.4vw,46px);
}
.pk-section__body{display:grid;gap:clamp(18px,3vw,36px)}

.pk-panel{
  position:relative;
  padding:clamp(22px,3.4vw,46px);
  background:var(--pk-ink-2);
  border:1px solid var(--pk-glass-line);
  border-radius:var(--pk-radius);
  color:rgba(242,237,227,.88);
}
.pk-panel--glass{
  background:var(--pk-glass);
  -webkit-backdrop-filter:blur(12px) saturate(1.1);
  backdrop-filter:blur(12px) saturate(1.1);
}
.pk-panel--bone{
  background:var(--pk-bone);
  border-color:rgba(23,27,28,.14);
  color:rgba(23,27,28,.84);
}
.pk-panel--narrow{max-width:var(--pk-w-narrow)}
.pk-panel--mid{max-width:var(--pk-w-mid)}

.pk-sheet{
  background:var(--pk-sand);
  color:rgba(23,27,28,.84);
  border-radius:var(--pk-radius);
  padding:clamp(22px,3.6vw,54px);
  box-shadow:0 26px 64px -34px rgba(0,0,0,.72);
}

.pk-panel h1,.pk-panel h2,.pk-panel h3,.pk-panel h4{color:var(--pk-bone)}
.pk-panel--bone h1,.pk-panel--bone h2,.pk-panel--bone h3,.pk-panel--bone h4,
.pk-sheet h1,.pk-sheet h2,.pk-sheet h3,.pk-sheet h4{color:var(--pk-char)}

.pk-flow > * + *{margin-top:var(--pk-flow,18px)}

.pk-grid{display:grid;gap:clamp(16px,2.6vw,32px)}
.pk-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pk-grid--offset > *:nth-child(even){margin-top:32px}

.pk-divider{
  height:1px;
  border:0;
  margin:clamp(24px,4vw,52px) 0;
  background:linear-gradient(90deg,rgba(200,162,72,.7),rgba(200,162,72,.06));
}

.pk-hidden{display:none !important}

/* ---------- 文字层级 ---------- */

.pk-display{
  font-family:var(--pk-font-display);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.04;
  margin:0;
}
.pk-display--xl{font-size:clamp(44px,8.6vw,96px)}
.pk-display--l{font-size:clamp(36px,5.6vw,64px)}

.pk-h2{
  font-family:var(--pk-font-display);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.16;
  font-size:clamp(26px,3.4vw,40px);
}
.pk-h3{
  font-family:var(--pk-font-display);
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.3;
  font-size:clamp(20px,2.2vw,28px);
}

.pk-lede{font-size:clamp(17px,1.6vw,21px);line-height:1.85;max-width:34em;color:inherit}
.pk-text{font-size:17px;line-height:1.85;max-width:34em;color:inherit}
.pk-small{font-size:14px;line-height:1.78;color:inherit}

.pk-mono{font-family:var(--pk-font-mono);letter-spacing:.08em}

.pk-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--pk-font-mono);
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--pk-gold);
}
.pk-kicker::after{
  content:"";
  width:30px;
  height:1px;
  background:var(--pk-gold);
  opacity:.6;
}

.pk-meta{
  font-family:var(--pk-font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--pk-slate);
  margin:0;
}
.pk-panel--bone .pk-meta,.pk-sheet .pk-meta{color:#6B7883}

.pk-tag{
  display:inline-block;
  padding:3px 9px;
  border:1px solid rgba(124,140,153,.55);
  border-radius:2px;
  font-family:var(--pk-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--pk-slate);
}
.pk-panel--bone .pk-tag,.pk-sheet .pk-tag{border-color:rgba(23,27,28,.24);color:#5E6B75}

.pk-note{
  border-left:2px solid var(--pk-red);
  padding:12px 18px;
  font-size:15px;
  line-height:1.8;
  color:rgba(242,237,227,.84);
  background:linear-gradient(90deg,rgba(179,58,43,.14),transparent 78%);
}
.pk-panel--bone .pk-note,.pk-sheet .pk-note{color:rgba(23,27,28,.82)}

.pk-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border:1px solid var(--pk-glass-line);
  border-radius:999px;
  font-family:var(--pk-font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--pk-gold-bright);
}
.pk-panel--bone .pk-badge,.pk-sheet .pk-badge{border-color:rgba(138,107,31,.5);color:var(--pk-gold-deep)}

.pk-stat{display:grid;gap:6px}
.pk-stat__num{
  font-family:var(--pk-font-mono);
  font-size:clamp(26px,3.4vw,40px);
  letter-spacing:.02em;
  line-height:1.1;
  color:var(--pk-gold-bright);
}
.pk-panel--bone .pk-stat__num,.pk-sheet .pk-stat__num{color:var(--pk-gold-deep)}
.pk-stat__label{font-size:14px;color:var(--pk-slate)}

/* ---------- 按钮 ---------- */

.pk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55em;
  padding:12px 22px;
  border:1px solid transparent;
  border-radius:2px;
  font-family:var(--pk-font-mono);
  font-size:13.5px;
  letter-spacing:.1em;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:background .25s var(--pk-ease),color .25s var(--pk-ease),border-color .25s var(--pk-ease);
}
.pk-btn--gold{background:var(--pk-gold-grad);color:#12160F;border-color:rgba(230,201,118,.75)}
.pk-btn--gold:hover{background:var(--pk-gold-bright);color:#0C2620}
.pk-btn--ghost{background:transparent;color:var(--pk-gold-bright);border-color:var(--pk-glass-line)}
.pk-btn--ghost:hover{background:rgba(200,162,72,.14);border-color:var(--pk-gold);color:var(--pk-gold-bright)}
.pk-btn--red{background:var(--pk-red);color:#FBEDE8;border-color:rgba(255,255,255,.14)}
.pk-btn--red:hover{background:#C9503F}
.pk-cta{padding:10px 16px;font-size:12.5px;white-space:nowrap}

/* ---------- 头部 ---------- */

.pk-header{
  position:sticky;
  top:0;
  z-index:90;
  color:var(--pk-bone);
  background:rgba(12,38,32,.88);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  backdrop-filter:blur(14px) saturate(1.15);
  border-bottom:1px solid var(--pk-hair);
}
.pk-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(200,162,72,.6),transparent);
  pointer-events:none;
}

.pk-header__inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"brand nav tools";
  align-items:center;
  gap:clamp(16px,2.6vw,40px);
  width:calc(100% - var(--pk-pad) * 2);
  max-width:var(--pk-w-wide);
  margin-inline:auto;
  padding-block:13px;
}

.pk-brand{
  grid-area:brand;
  display:flex;
  flex-direction:column;
  gap:4px;
  text-decoration:none;
  color:inherit;
  min-width:0;
}
.pk-brand__row{display:flex;align-items:center;gap:10px}
.pk-brand__name{
  font-family:var(--pk-font-display);
  font-weight:900;
  font-size:22px;
  letter-spacing:-.02em;
  color:var(--pk-bone);
  white-space:nowrap;
}
.pk-brand__version{
  display:inline-block;
  padding:3px 9px;
  border-radius:999px;
  background:var(--pk-gold-grad);
  color:#12160F;
  font-family:var(--pk-font-mono);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1;
}
.pk-brand__motto{
  font-size:11.5px;
  letter-spacing:.06em;
  line-height:1.4;
  color:rgba(242,237,227,.52);
  white-space:nowrap;
}

.pk-header__tools{
  grid-area:tools;
  display:flex;
  align-items:center;
  gap:10px;
}

/* 导航 */

.pk-nav{
  grid-area:nav;
  justify-self:end;
  min-width:0;
}
.pk-nav__list{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(10px,1.7vw,26px);
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:pknav;
}
.pk-nav__item{counter-increment:pknav}

.pk-nav__link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 2px;
  text-decoration:none;
  font-family:var(--pk-font-display);
  font-size:15px;
  font-weight:500;
  line-height:1.3;
  color:rgba(242,237,227,.76);
  transition:color .22s var(--pk-ease);
}
.pk-nav__link::before{
  content:"A-" counter(pknav,decimal-leading-zero);
  font-family:var(--pk-font-mono);
  font-size:10px;
  letter-spacing:.08em;
  color:var(--pk-slate);
  opacity:.85;
  transition:color .22s var(--pk-ease);
}
.pk-nav__link::after{
  content:"";
  position:absolute;
  left:-9px;
  top:50%;
  width:2px;
  height:0;
  background:var(--pk-red);
  transform:translateY(-50%);
  transition:height .26s var(--pk-ease);
}
.pk-nav__link:hover{color:var(--pk-gold-bright)}
.pk-nav__link:hover::before{color:var(--pk-gold)}
.pk-nav__link[aria-current="page"]{color:var(--pk-bone)}
.pk-nav__link[aria-current="page"]::before{color:var(--pk-gold)}
.pk-nav__link[aria-current="page"]::after{height:18px}

/* 抽屉按钮 */

.pk-nav-toggle{
  display:none;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  background:transparent;
  border:1px solid var(--pk-glass-line);
  border-radius:2px;
  color:var(--pk-bone);
  font-family:var(--pk-font-mono);
  font-size:12px;
  letter-spacing:.1em;
  cursor:pointer;
  transition:border-color .22s var(--pk-ease),background .22s var(--pk-ease);
}
.pk-nav-toggle:hover{border-color:var(--pk-gold);background:rgba(200,162,72,.12)}
.pk-nav-toggle__bars{
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  width:16px;
  height:12px;
}
.pk-nav-toggle__bars span{
  display:block;
  width:100%;
  height:1.5px;
  background:var(--pk-gold);
  transition:transform .26s var(--pk-ease),opacity .2s var(--pk-ease);
}
.pk-nav-toggle[aria-expanded="true"] .pk-nav-toggle__bars span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.pk-nav-toggle[aria-expanded="true"] .pk-nav-toggle__bars span:nth-child(2){opacity:0}
.pk-nav-toggle[aria-expanded="true"] .pk-nav-toggle__bars span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.pk-nav-toggle__label{line-height:1}

/* ---------- 页脚 ---------- */

.pk-footer{
  position:relative;
  background:var(--pk-ink-2);
  color:rgba(242,237,227,.82);
  border-top:1px solid var(--pk-glass-line);
}
.pk-footer::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--pk-gold),transparent);
  pointer-events:none;
}
.pk-footer__inner{
  display:grid;
  gap:clamp(24px,3.6vw,44px);
  width:calc(100% - var(--pk-pad) * 2);
  max-width:var(--pk-w-wide);
  margin-inline:auto;
  padding:clamp(36px,6vw,74px) 0 30px;
}
.pk-footer__top{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);
  gap:clamp(24px,4vw,56px);
}
.pk-footer__brand{min-width:0}
.pk-footer__logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
}
.pk-footer__logo-name{
  font-family:var(--pk-font-display);
  font-weight:900;
  font-size:20px;
  letter-spacing:-.01em;
  color:var(--pk-bone);
}
.pk-footer__motto{
  margin-top:12px;
  max-width:24em;
  font-size:14px;
  line-height:1.8;
  color:rgba(242,237,227,.6);
}

.pk-footer__cols{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.4vw,32px);
  counter-reset:pkcol;
}
.pk-foot-col{min-width:0;counter-increment:pkcol}
.pk-foot-col__title{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(200,162,72,.32);
  font-family:var(--pk-font-display);
  font-weight:700;
  font-size:14.5px;
  letter-spacing:.02em;
  line-height:1.5;
  color:var(--pk-bone);
}
.pk-foot-col__title::before{
  content:"F-0" counter(pkcol);
  font-family:var(--pk-font-mono);
  font-weight:400;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--pk-gold);
}
.pk-foot-col__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pk-foot-col__list a{
  display:inline-block;
  font-size:14.5px;
  color:rgba(242,237,227,.72);
  text-decoration:none;
  transition:color .22s var(--pk-ease),transform .22s var(--pk-ease);
}
.pk-foot-col__list a:hover{color:var(--pk-gold-bright);transform:translateX(3px)}

.pk-footer__contact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px 32px;
  padding-top:clamp(22px,3vw,32px);
  border-top:1px solid var(--pk-hair);
}
.pk-contact__item{display:grid;gap:6px;margin:0;min-width:0}
.pk-contact__key{
  font-family:var(--pk-font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--pk-gold);
}
.pk-contact__val{
  font-size:14.5px;
  line-height:1.7;
  color:rgba(242,237,227,.86);
  word-break:break-word;
}

.pk-footer__legal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 26px;
  padding-top:20px;
  border-top:1px solid var(--pk-hair);
}
.pk-legal__links{display:flex;flex-wrap:wrap;gap:18px;margin:0}
.pk-legal__links a{
  font-size:13.5px;
  color:rgba(242,237,227,.78);
  text-decoration:none;
  padding-bottom:1px;
  border-bottom:1px solid transparent;
  transition:color .22s var(--pk-ease),border-color .22s var(--pk-ease);
}
.pk-legal__links a:hover{color:var(--pk-gold-bright);border-bottom-color:var(--pk-gold)}
.pk-legal__meta{
  margin:0;
  font-family:var(--pk-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--pk-slate);
}

/* ---------- 通用组件 ---------- */

.pk-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:var(--pk-font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--pk-slate);
}
.pk-breadcrumb a{color:rgba(242,237,227,.75);text-decoration:none;transition:color .22s var(--pk-ease)}
.pk-breadcrumb a:hover{color:var(--pk-gold-bright)}
.pk-breadcrumb__sep{opacity:.5}
.pk-breadcrumb [aria-current="page"]{color:var(--pk-gold-bright)}
.pk-panel--bone .pk-breadcrumb,.pk-sheet .pk-breadcrumb{color:#6B7883}
.pk-panel--bone .pk-breadcrumb a,.pk-sheet .pk-breadcrumb a{color:rgba(23,27,28,.7)}

.pk-index-list{list-style:none;margin:0;padding:0;display:grid}
.pk-index-list__item{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:clamp(12px,2vw,26px);
  padding:18px 0 18px 16px;
  border-top:1px solid var(--pk-hair);
}
.pk-index-list__item::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  width:2px;
  height:calc(100% - 36px);
  background:var(--pk-gold);
  transform:scaleY(0);
  transform-origin:top center;
  transition:transform .5s var(--pk-ease);
}
.pk-index-list__item.is-in::before{transform:scaleY(1)}
.pk-index-list__no{
  font-family:var(--pk-font-mono);
  font-size:13px;
  letter-spacing:.08em;
  color:var(--pk-gold);
  padding-top:3px;
}
.pk-index-list__body{display:grid;gap:6px;min-width:0}
.pk-index-list__body h3{margin:0}
.pk-panel--bone .pk-index-list__item,.pk-sheet .pk-index-list__item{border-top-color:rgba(23,27,28,.14)}
.pk-panel--bone .pk-index-list__no,.pk-sheet .pk-index-list__no{color:var(--pk-gold-deep)}

.pk-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--pk-glass-line);
  border-radius:var(--pk-radius);
  background:rgba(10,33,27,.5);
}
.pk-table{width:100%;min-width:640px;font-size:15px;line-height:1.7}
.pk-table caption{
  caption-side:top;
  padding:14px 18px;
  text-align:left;
  font-family:var(--pk-font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--pk-slate);
}
.pk-table th,.pk-table td{
  padding:14px 18px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--pk-hair);
}
.pk-table thead th{
  font-family:var(--pk-font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.12em;
  color:var(--pk-gold);
  background:rgba(200,162,72,.07);
  white-space:nowrap;
}
.pk-table tbody tr:last-child td{border-bottom:0}
.pk-table tbody tr{transition:background .2s var(--pk-ease)}
.pk-table tbody tr:hover{background:rgba(242,237,227,.05)}
.pk-panel--bone .pk-table-wrap,.pk-sheet .pk-table-wrap{background:var(--pk-sand);border-color:rgba(23,27,28,.14)}
.pk-panel--bone .pk-table th,.pk-panel--bone .pk-table td,
.pk-sheet .pk-table th,.pk-sheet .pk-table td{border-bottom-color:rgba(23,27,28,.12)}
.pk-panel--bone .pk-table thead th,.pk-sheet .pk-table thead th{color:var(--pk-gold-deep);background:rgba(200,162,72,.12)}
.pk-panel--bone .pk-table tbody tr:hover,.pk-sheet .pk-table tbody tr:hover{background:rgba(200,162,72,.09)}

.pk-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;position:relative}
.pk-switch__input{
  position:absolute;
  width:1px;height:1px;
  opacity:0;
  pointer-events:none;
}
.pk-switch__label{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border:1px solid var(--pk-glass-line);
  border-radius:2px;
  font-family:var(--pk-font-mono);
  font-size:12.5px;
  letter-spacing:.1em;
  color:rgba(242,237,227,.76);
  cursor:pointer;
  transition:background .22s var(--pk-ease),color .22s var(--pk-ease),border-color .22s var(--pk-ease);
}
.pk-switch__label:hover{border-color:var(--pk-gold);color:var(--pk-gold-bright)}
.pk-switch__input:checked + .pk-switch__label{
  background:var(--pk-gold-grad);
  border-color:rgba(230,201,118,.8);
  color:#12160F;
}
.pk-switch__input:focus-visible + .pk-switch__label{
  outline:2px solid var(--pk-gold-bright);
  outline-offset:2px;
}
.pk-panel--bone .pk-switch__label,.pk-sheet .pk-switch__label{border-color:rgba(23,27,28,.22);color:rgba(23,27,28,.7)}
.pk-panel--bone .pk-switch__label:hover,.pk-sheet .pk-switch__label:hover{border-color:var(--pk-gold-deep);color:var(--pk-gold-deep)}

[data-filter-panel][hidden]{display:none}

.pk-steps{display:grid;gap:10px}
.pk-step{
  border:1px solid var(--pk-glass-line);
  border-radius:var(--pk-radius);
  background:var(--pk-glass);
  overflow:hidden;
}
.pk-step__summary{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:16px 20px;
  cursor:pointer;
  list-style:none;
  font-family:var(--pk-font-display);
  font-weight:700;
  font-size:17px;
  line-height:1.5;
  color:var(--pk-bone);
}
.pk-step__summary::-webkit-details-marker{display:none}
.pk-step__summary::after{
  content:"+";
  margin-left:auto;
  font-family:var(--pk-font-mono);
  font-size:18px;
  line-height:1;
  color:var(--pk-gold);
}
.pk-step[open] .pk-step__summary::after{content:"–"}
.pk-step__body{
  padding:0 20px 20px;
  font-size:16px;
  line-height:1.85;
  color:rgba(242,237,227,.86);
}
.pk-panel--bone .pk-step,.pk-sheet .pk-step{background:rgba(23,27,28,.03);border-color:rgba(23,27,28,.14)}
.pk-panel--bone .pk-step__summary,.pk-sheet .pk-step__summary{color:var(--pk-char)}
.pk-panel--bone .pk-step__body,.pk-sheet .pk-step__body{color:rgba(23,27,28,.8)}

.pk-spy{
  display:flex;
  flex-direction:column;
  gap:2px;
  position:sticky;
  top:104px;
  align-self:start;
}
.pk-spy__link{
  display:block;
  padding:9px 12px 9px 16px;
  border-left:1px solid rgba(242,237,227,.18);
  font-family:var(--pk-font-display);
  font-size:14px;
  line-height:1.5;
  text-decoration:none;
  color:rgba(242,237,227,.62);
  transition:color .22s var(--pk-ease),border-color .22s var(--pk-ease),background .22s var(--pk-ease);
}
.pk-spy__link:hover{color:var(--pk-bone)}
.pk-spy__link.is-active{
  color:var(--pk-gold-bright);
  border-left-color:var(--pk-red);
  background:linear-gradient(90deg,rgba(200,162,72,.14),transparent);
}

.pk-media{margin:0;display:block}
.pk-media__frame{
  position:relative;
  width:100%;
  aspect-ratio:4 / 3;
  overflow:hidden;
  border-radius:var(--pk-radius);
  border:1px solid var(--pk-glass-line);
  background:linear-gradient(140deg,#123028,#0A211B 70%);
  box-shadow:inset 0 0 70px rgba(0,0,0,.55);
}
.pk-media__frame img{width:100%;height:100%;object-fit:cover}
.pk-media__frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 38%,transparent 42%,rgba(0,0,0,.45) 100%);
}
.pk-media--wide .pk-media__frame{aspect-ratio:16 / 9}
.pk-media--tall .pk-media__frame{aspect-ratio:3 / 4}
.pk-media__caption{
  margin-top:10px;
  font-family:var(--pk-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--pk-slate);
}

/* ---------- 显现动画 ---------- */

[data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .6s var(--pk-ease),transform .6s var(--pk-ease);
  transition-delay:var(--pk-delay,0ms);
}
[data-reveal].is-in{opacity:1;transform:none}

.pk-progress{
  position:fixed;
  top:0;left:0;
  width:100%;
  height:2px;
  z-index:110;
  transform:scaleX(0);
  transform-origin:0 50%;
  background:linear-gradient(90deg,var(--pk-gold),var(--pk-gold-bright) 60%,var(--pk-red));
  pointer-events:none;
}

/* ---------- 响应式 ---------- */

@media (max-width:1080px){
  .pk-header__inner{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand tools"
      "nav nav";
    gap:10px 14px;
    padding-block:12px;
  }
  .pk-nav-toggle{display:inline-flex}
  .pk-nav{
    justify-self:stretch;
    width:100%;
    max-height:0;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
    transition:max-height .38s var(--pk-ease),opacity .26s var(--pk-ease),visibility .26s;
  }
  .pk-nav[data-open]{
    max-height:min(72vh,560px);
    overflow-y:auto;
    visibility:visible;
    opacity:1;
    border-top:1px solid var(--pk-hair);
  }
  .pk-nav__list{
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:6px 0 14px;
  }
  .pk-nav__item{border-bottom:1px solid var(--pk-hair)}
  .pk-nav__link{
    width:100%;
    padding:14px 14px 14px 18px;
    font-size:16px;
  }
  .pk-nav__link::after{left:0;top:0;height:100%;transform:none;width:2px;height:0}
  .pk-nav__link[aria-current="page"]::after{height:100%}
}

@media (max-width:900px){
  .pk-grid--2,.pk-grid--3,.pk-grid--4{grid-template-columns:minmax(0,1fr)}
  .pk-grid--offset > *:nth-child(even){margin-top:0}
  .pk-footer__top{grid-template-columns:minmax(0,1fr)}
  .pk-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pk-footer__contact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pk-spy{
    position:static;
    flex-direction:row;
    gap:6px;
    overflow-x:auto;
    padding-bottom:6px;
  }
  .pk-spy__link{
    white-space:nowrap;
    border-left:0;
    border-bottom:2px solid rgba(242,237,227,.18);
    padding:8px 12px;
  }
  .pk-spy__link.is-active{border-left:0;border-bottom-color:var(--pk-red)}
}

@media (max-width:620px){
  body{font-size:16.5px}
  .pk-brand__name{font-size:19px}
  .pk-brand__motto{display:none}
  .pk-cta{padding:9px 12px;font-size:11.5px}
  .pk-nav-toggle{padding:8px 10px}
  .pk-nav-toggle__label{display:none}
  .pk-footer__cols{grid-template-columns:minmax(0,1fr)}
  .pk-footer__contact{grid-template-columns:minmax(0,1fr)}
  .pk-footer__legal{flex-direction:column;align-items:flex-start;gap:10px}
  .pk-panel,.pk-sheet{padding:clamp(18px,5vw,26px)}
}

/* ---------- 动效降级 ---------- */

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  [data-reveal]{opacity:1;transform:none}
  .pk-index-list__item::before{transform:scaleY(1)}
  .pk-media__frame::after{background:radial-gradient(circle at 50% 38%,transparent 46%,rgba(0,0,0,.34) 100%)}
}