/* 共创伙伴：联系框样式（contact.html 与九个 <id>.html 子页共用）；配色用全站 site.css 变量 */
.pw{max-width:1180px;margin:0 auto;padding:40px 20px 56px}
.pw h1{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}
.pw .lead{font-size:14px;line-height:1.75;color:#5d6472;margin:0 0 22px}
.contact-list{display:flex;flex-direction:column;gap:24px}
.contact-box{background:var(--bg-card,#fff);border:1px solid var(--accent-line);border-radius:16px;
  padding:34px 38px;scroll-margin-top:80px}

/* 列表页横排卡片：三列网格，每张卡一句介绍，其余进子页 */
.plist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pcard{display:flex;align-items:center;gap:14px;background:var(--bg-card,#fff);border:1px solid var(--accent-line);
  border-radius:14px;padding:16px 18px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.pcard:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(31,79,176,.09)}
.pcard-photo,.pcard-ava{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 auto;
  background:var(--accent-soft);border:1px solid var(--accent-line)}
.pcard-ava{display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:24px;font-weight:800}
.pcard-body{min-width:0}
.pcard h2{font-size:17px;font-weight:750;margin:0 0 3px;line-height:1.35}
.pcard-role{font-size:12.5px;color:var(--muted,#8f96a3);margin:0 0 5px;line-height:1.5}
.pcard-line{font-size:13px;color:#5d6472;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cb-head{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.cb-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 auto;background:var(--accent-soft);border:1px solid var(--accent-line)}
.cb-ava{width:88px;height:88px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-size:34px;font-weight:800}
.cb-role{font-size:12.5px;color:var(--muted,#8f96a3);margin:0 0 4px}
.cb-name{font-size:21px;font-weight:750;margin:0}
.cb-name a{color:inherit;text-decoration:none}
.cb-name a:hover{color:var(--accent)}
.cb-para{font-size:15px;line-height:1.8;color:#3a3f49;margin:0 0 14px}
.cb-topic{font-size:14px;line-height:1.9;color:#3a3f49;margin:0 0 14px}
.cb-topic b{font-weight:750}
.cb-topic span{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;padding:2px 10px;margin:0 6px 6px 0;display:inline-block}
.cb-row{margin-bottom:0;display:flex;align-items:baseline;gap:18px;white-space:nowrap;overflow:hidden;line-height:2.15}
.cb-k{font-size:14.5px;color:var(--muted,#8f96a3);margin:0;letter-spacing:.02em}
.cb-row .cb-k{flex:0 0 72px}
.cb-row .cb-v{font-size:14.5px;color:var(--accent);text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.cb-row .cb-v:hover{text-decoration:underline}
.cb-rows{display:flex;flex-direction:column;gap:2px;margin:4px 0 14px}
.cb-v{font-size:17px;color:#20242c;letter-spacing:.01em}
a.cb-v{color:var(--accent);text-decoration:none}
a.cb-v:hover{text-decoration:underline}
.cb-more{margin-top:6px}
.cb-more a{font-size:13.5px;color:var(--accent);text-decoration:none;font-weight:650}
.cb-more a:hover{text-decoration:underline}
.back{display:inline-block;margin-bottom:14px;font-size:13px;color:#8f96a3;text-decoration:none}
.back:hover{color:var(--accent)}
@media (max-width:980px){
  .plist{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .plist{grid-template-columns:1fr;gap:10px}
  .pcard{padding:13px 15px;gap:12px}
  .pcard-photo,.pcard-ava{width:52px;height:52px}
  .pcard-ava{font-size:21px}
  .pcard h2{font-size:16px}
  .cb-row .cb-k{flex:0 0 66px}
  .cb-row{gap:14px}
  .cb-row .cb-v{font-size:13.5px}
  .cb-row{gap:10px}
  .pw{padding:24px 16px 40px}
  .contact-box{padding:24px 20px}
  .cb-photo,.cb-ava{width:64px;height:64px}
  .cb-ava{font-size:26px}
  .cb-name{font-size:19px}
  .cb-v{font-size:15px}
}

/* 「参与的课程」区块（子页；空数组时块 hidden 不显示） */
.cb-courses{margin-top:14px;padding-top:14px;border-top:1px solid var(--accent-line)}
.cb-courses-list{margin-top:6px;display:flex;flex-direction:column;gap:6px}
.cb-courses-list a{color:var(--accent);text-decoration:none;font-size:15px;font-weight:650}
.cb-courses-list a:hover{text-decoration:underline}