/* 联系页「海外采购与销售团队」区块 */
.ts-team { margin: 8px 0 40px; }
.ts-team__mine {
	display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	margin-bottom: 26px; padding: 16px 20px; border-radius: 12px;
	background: linear-gradient(120deg, #EFF6FF, #F0FDF4); border: 1px solid #BFDBFE;
}
.ts-team__mine-info { display: flex; flex-direction: column; gap: 2px; }
.ts-team__mine-label { font-size: .76rem; font-weight: 700; color: var(--ts-brand, #1D4ED8); }
.ts-team__mine-info strong { font-size: 1.05rem; color: var(--ts-ink-900, #0B1220); }
.ts-team__mine-mail { font-size: .82rem; font-family: var(--ts-font-mono, monospace); color: var(--ts-ink-400, #64748B); }

.ts-team__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.ts-team__head h2 { margin: 0; font-size: 1.15rem; font-family: var(--ts-font-display, inherit); color: var(--ts-ink-900, #0B1220); }
.ts-team__note { font-size: .8rem; color: var(--ts-ink-400, #64748B); }

.ts-team__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.ts-team__card {
	padding: 20px; border: 1px solid var(--ts-line, #E2E8F0); border-radius: 12px; background: #fff;
	display: flex; flex-direction: column; gap: 10px;
}
.ts-team__top { display: flex; align-items: center; gap: 12px; }
.ts-team__id { min-width: 0; }
.ts-team__ava {
	flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--ts-ink-900, #0B1220); color: #fff;
	font-size: .88rem; font-weight: 700; letter-spacing: .04em; font-family: var(--ts-font-mono, monospace);
}
.ts-team__card h3 { margin: 0; font-size: 1.02rem; color: var(--ts-ink-900, #0B1220); }
.ts-team__title { margin: 2px 0 0; font-size: .74rem; font-weight: 600; color: var(--ts-brand, #1D4ED8); }
.ts-team__cov { margin: 0; font-size: .8rem; color: var(--ts-ink-600, #1E293B); }
.ts-team__cov span { display: inline-block; min-width: 88px; padding-right: 8px; color: var(--ts-ink-400, #64748B); }
.ts-team__line { margin: 0; font-size: .82rem; font-family: var(--ts-font-mono, monospace); color: var(--ts-ink-600, #1E293B); }
.ts-team__mail { margin: 0; font-size: .8rem; font-family: var(--ts-font-mono, monospace); }
.ts-team__mail a { color: var(--ts-brand, #1D4ED8); text-decoration: none; overflow-wrap: anywhere; }
.ts-team__mail a:hover { text-decoration: underline; }
.ts-team__wa {
	margin-top: auto; width: 100%; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	padding: 9px 12px; border-radius: 8px; font-size: .82rem; font-weight: 600; text-decoration: none; white-space: nowrap;
	border: 1px solid #25D366; color: #128C4B; background: #F0FFF6;
}
.ts-team__wa:hover { background: #25D366; border-color: #25D366; color: #fff; }
/* 专属专员条与回退文案里的 WA 链接恢复行内样式，不吃卡片的通栏按钮规则 */
.ts-team__mine .ts-team__wa, .ts-team__fallback .ts-team__wa { width: auto; margin-top: 0; }
.ts-team__fallback .ts-team__wa { padding: 0; border: none; background: none; color: var(--ts-brand, #1D4ED8); }
.ts-team__fallback .ts-team__wa:hover { background: none; color: var(--ts-brand, #1D4ED8); text-decoration: underline; }

.ts-team__fallback { padding: 18px 20px; border: 1px dashed var(--ts-line, #E2E8F0); border-radius: 12px; font-size: .9rem; color: var(--ts-ink-600, #1E293B); }
.ts-team__fallback p { margin: 0 0 6px; }
.ts-team__fallback a { color: var(--ts-brand, #1D4ED8); }

.ts-team__hq {
	margin-top: 20px; padding: 16px 20px; border-radius: 12px;
	display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	background: var(--ts-surface-50, #F8FAFC); border: 1px solid var(--ts-line, #E2E8F0);
}
.ts-team__hq h3 { margin: 0 0 4px; font-size: .95rem; color: var(--ts-ink-900, #0B1220); }
.ts-team__hq p { margin: 0; font-size: .82rem; color: var(--ts-ink-400, #64748B); }
.ts-team__hq-mail a { color: var(--ts-brand, #1D4ED8); text-decoration: none; }

@media (max-width: 640px) {
	.ts-team__grid { grid-template-columns: 1fr; }
	.ts-team__mine, .ts-team__hq { align-items: flex-start; flex-direction: column; }
}
