/* ============================================================
   kaifeng.css · 开封市页专属样式
   骨架配方：G 斜切 + hero-half
   装饰母题：龙亭飞檐（斜切金线掠过 + 翘角轮廓）
   ============================================================ */

/* ---------- 页头飞檐定位 ---------- */
.kf-eaves {
  position: absolute; right: 6%; bottom: 40px; width: 380px;
  opacity: .8; pointer-events: none;
}

/* ---------- 斜切串线：一条斜向金带贯穿内容区 ---------- */
.kf-diag { position: relative; }
.kf-diag::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: -120px; width: 220px;
  background: linear-gradient(160deg, rgba(194,160,75,.16), rgba(194,160,75,0));
  transform: skewX(-14deg); pointer-events: none;
}
/* 斜切卡片：右上角切一个金角 */
.kf-cut { position: relative; overflow: hidden; }
.kf-cut::after {
  content: ""; position: absolute; top: 0; right: 0;
  width: 56px; height: 56px;
  background: linear-gradient(225deg, var(--gold-light) 0 50%, transparent 50%);
  opacity: .55;
}

/* ---------- 左右轨斜切变体：珍珠偏移贴线 ---------- */
.kf-thread .pearl { transform: rotate(-14deg); }
.kf-thread::before { opacity: .8; }

/* ---------- 间距 ---------- */
.mt { margin-top: 16px; }
.mt-xl { margin-top: 44px; }
.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }

@media (max-width: 860px) {
  .kf-eaves { width: 220px; bottom: 20px; opacity: .5; }
  .kf-diag::before { display: none; }
}

/* 个性化：宋都卡片——斜切金角 */
.kf-diag .card-soft{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);}