/* SP Community 注册增强样式 —— 清新，复用主题主色 */
#tab-sign-up .spc-reg-label {
	font-size: 13px; color: var(--muted-color, #777); margin: 6px 0 6px;
}
#tab-sign-up .spc-reg-chips {
	display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0 10px;
}
#tab-sign-up .spc-reg-quick { margin: 2px 0 6px; }
#tab-sign-up .spc-reg-quick-label {
	font-size: 12px; color: var(--muted-2-color, #999); margin-right: 2px;
}
#tab-sign-up .spc-reg-chip {
	display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 13px; cursor: pointer;
	border: 1px solid var(--main-border-color, rgba(0,0,0,.12));
	color: var(--muted-color, #777); background: var(--body-bg-color, #f7f8fa);
	user-select: none; transition: all .15s;
}
#tab-sign-up .spc-reg-chip:hover { border-color: var(--theme-color, #1fc4a7); color: var(--theme-color, #1fc4a7); }
#tab-sign-up .spc-reg-chip.on {
	background: var(--theme-color, #1fc4a7); color: #fff; border-color: var(--theme-color, #1fc4a7);
}

/* 常驻地：添加按钮 + 标签 */
#tab-sign-up .spc-reg-add {
	margin-top: 8px; padding: 6px 14px; border-radius: 8px; font-size: 13px; cursor: pointer;
	border: 1px dashed var(--theme-color, #1fc4a7); color: var(--theme-color, #1fc4a7);
	background: transparent; transition: all .15s;
}
#tab-sign-up .spc-reg-add:hover { background: var(--theme-color, #1fc4a7); color: #fff; }
#tab-sign-up .spc-reg-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
#tab-sign-up .spc-reg-tag {
	display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 13px;
	background: var(--theme-color, #1fc4a7); color: #fff;
}
#tab-sign-up .spc-reg-tag b { cursor: pointer; font-weight: 700; line-height: 1; opacity: .85; }
#tab-sign-up .spc-reg-tag b:hover { opacity: 1; }

/* ===== 注册字段注入 v2 ===== */
.spc-reg-extra { margin: 4px 0 6px; }
.spc-reg-field { margin: 0 0 12px; }
.spc-reg-label { font-size: 13px; color: var(--main-color,#4e5358); margin: 0 0 6px; font-weight: 600; }
.spc-reg-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.spc-reg-chip {
	cursor: pointer; user-select: none; font-size: 13px; line-height: 1; padding: 7px 14px;
	border-radius: 999px; border: 1px solid var(--main-border-color,rgba(0,0,0,.12));
	color: var(--muted-color,#777); background: var(--body-bg-color,#f7f8fa); transition: all .15s;
}
.spc-reg-chip:hover { border-color: var(--theme-color,#1fc4a7); color: var(--theme-color,#1fc4a7); }
.spc-reg-chip.on { background: var(--theme-color,#1fc4a7); color: #fff; border-color: var(--theme-color,#1fc4a7); }
.spc-reg-quick { margin-bottom: 8px; }
.spc-reg-region { display: flex; gap: 10px; }
.spc-reg-select, .spc-reg-input {
	width: 100%; min-width: 0; box-sizing: border-box; font-size: 14px;
	padding: 9px 12px; border-radius: 8px; border: 1px solid var(--main-border-color,rgba(0,0,0,.14));
	background: var(--main-bg-color,#fff); color: var(--main-color,#444);
}
.spc-reg-select { cursor: pointer; height: 40px; }
textarea.spc-reg-input { min-height: 64px; resize: vertical; line-height: 1.5; }
.spc-reg-input:focus, .spc-reg-select:focus { outline: 0; border-color: var(--theme-color,#1fc4a7); }

/* ===== 注册必填校验 v3 ===== */
.spc-req-star { color: #ff4d4f; margin-right: 3px; font-weight: 700; }
.spc-req-err {
	border-color: #ff4d4f !important;
	box-shadow: 0 0 0 2px rgba(255,77,79,.18) !important;
	animation: spc-req-shake .3s;
}
@keyframes spc-req-shake {
	0%,100% { transform: translateX(0); }
	25% { transform: translateX(-4px); }
	75% { transform: translateX(4px); }
}