/* partners.css — 合作伙伴区块统一实现（2026-10-29）
   目的：logo 用矢量、任意 DPI 清晰；同一品牌固定一种形态，不同品牌换形态。
   用法：<link rel="stylesheet" href="assets/css/partners.css">（把本文件拷进站点 assets/css/）
   结构：
   <section class="pt pt--F1">
     <p class="pt__k">合作站点</p>
     <ul class="pt__list">
       <li class="pt__item"><a class="pt__tile pt__tile--white" href="/go/stripchat" target="_blank" rel="noopener sponsored"><img src="assets/img/p-stripchat.svg" alt="Stripchat" height="60"></a><span class="pt__name">Stripchat</span></li>
       ...
     </ul>
   </section>
   .pt--F1 / .pt--F2 / .pt--F3 / .pt--F4 四选一（由品牌决定，同一品牌所有语种一致）
*/

.pt { --pt-h: 60px; margin: 0 auto; padding: 34px 0 30px; max-width: 1180px; }
.pt__k { margin: 0 0 18px; font: 600 11px/1.2 var(--body, system-ui); letter-spacing: .16em; text-transform: uppercase; opacity: .62; }
.pt__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px; align-items: stretch; }
.pt__item { display: flex; flex-direction: column; gap: 8px; }
.pt__tile { display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border-radius: 12px; line-height: 0; }
.pt__tile--white { background: #14161a; }
.pt__tile--dark  { background: #f3f1ec; box-shadow: inset 0 0 0 1px rgba(0,0,0,.10); }
.pt__tile img { height: var(--pt-h); width: auto; display: block; }
.pt__name { font: 600 11px/1.3 var(--body, system-ui); letter-spacing: .06em; text-transform: uppercase; opacity: .68; text-align: center; }

/* F1 单行条：不写品牌名，等距 */
.pt--F1 .pt__item { flex: 0 0 auto; }
.pt--F1 .pt__name { display: none; }

/* F2 3×2 网格 + 品牌名 */
.pt--F2 .pt__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 18px; }
.pt--F2 .pt__item { align-items: center; }
.pt--F2 .pt__tile { width: 100%; }

/* F3 行式条目：左托板右文字 */
.pt--F3 .pt__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.pt--F3 .pt__item { flex-direction: row; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,.10); }
.pt--F3 .pt__name { text-align: left; font-size: 12px; letter-spacing: .02em; text-transform: none; }

/* F4 压在 hero 底部的窄带：不单独成段 */
.pt--F4 { max-width: none; margin: 0; padding: 14px 24px; background: rgba(0,0,0,.04); }
.pt--F4 .pt__k { display: none; }
.pt--F4 .pt__list { justify-content: center; gap: 10px; }
.pt--F4 .pt__name { display: none; }
.pt--F4 { --pt-h: 40px; }

/* 手机：logo 缩到 44px，网格降列 */
@media (max-width: 760px) {
  .pt { --pt-h: 44px; padding: 26px 0 24px; }
  .pt__list { gap: 10px; }
  .pt__tile { padding: 8px 12px; border-radius: 10px; }
  .pt--F2 .pt__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pt--F3 .pt__list { grid-template-columns: 1fr; }
  .pt--F4 { --pt-h: 34px; padding: 10px 14px; }
}

/* 深底页面上，深色稿（CAM4 / LiveJasmin）要换成浅底托板，避免糊在背景里 */
.pt--onDark .pt__tile--dark { background: #f6f4ef; }
.pt--onDark .pt__k, .pt--onDark .pt__name { color: rgba(255,255,255,.72); }
.pt--onDark .pt--F3 .pt__item { border-color: rgba(255,255,255,.16); }