/* Register store page - rich modern UI (institution registration) */

.register-store{
	padding:10px 0 28px;
}

.register-store-hero{
	display:flex;
	align-items:center;
	gap:14px;
	padding:4px 8px 18px;
	margin-bottom:12px;
	border-bottom:1px solid rgba(255,255,255,0.22);
}
.register-store-hero__icon{
	width:56px;
	height:56px;
	border-radius:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(135deg,#53b4db 0%,#1c5fb5 100%);
	color:#fff;
	box-shadow:0 18px 55px rgba(83,180,219,0.35);
}
.register-store-hero__icon i{font-size:20px}
.register-store-hero__title{
	font-size:22px;
	font-weight:1000;
	letter-spacing:-0.02em;
	color:#0f172a;
}
.register-store-hero__subtitle{
	margin-top:4px;
	font-size:13px;
	font-weight:900;
	color:rgba(15,23,42,0.65);
}

.register-store .regdetail{
	/*display:grid;*/
	grid-template-columns: minmax(420px, 1fr) minmax(340px, 1fr);
	gap:16px;
	align-items:start;
	padding:18px;
	border-radius:20px;
	background:rgba(255,255,255,0.06);
	border:1px solid rgba(255,255,255,0.20);
	box-shadow:0 20px 60px rgba(15,82,187,0.08);
}

.register-store-left{
	grid-column:1;
	min-width:0;
}
.register-store .xiyi{
	grid-column:2;
	width:auto !important;
	max-width:none !important;
	margin:0 !important;
	float:none !important;
}
.register-store #xieyi{
	width:100% !important;
	height:420px !important;
	overflow:auto !important;
	background:transparent;
	border-radius:16px;
	padding:10px;
	border:1px solid rgba(255,255,255,0.12);
}

/* Steps: existing .step2 spans */
.register-store .step2{
	display:flex;
	justify-content:center;
	gap:10px;
	flex-wrap:wrap;
	margin:6px 0 18px;
}
.register-store .step2 span{
	flex:1;
	min-width:200px;
	max-width:260px;
	padding:12px 14px;
	border-radius:999px;
	text-align:center;
	background:rgba(255,255,255,0.08);
	border:1px solid rgba(255,255,255,0.18);
	color:rgba(15,23,42,0.72);
	font-weight:1000;
	font-size:13px;
	line-height:1;
}
.register-store .step2 span.cur{
	background:linear-gradient(135deg, #53b4db 0%, #1c5fb5 100%);
	border-color:rgba(83,180,219,0.45);
	color:#fff;
	box-shadow:0 18px 50px rgba(83,180,219,0.25);
}
.register-store .step2 span a{
	color:inherit !important;
	text-decoration:underline !important;
	font-weight:1000 !important;
}

/* Part headings */
.register-store .partname{
	margin-bottom:6px;
}
.register-store .partname .li1 a.current{
	display:inline-flex;
	align-items:center;
	padding:10px 14px;
	border-radius:999px;
	background:rgba(255,255,255,0.10);
	border:1px solid rgba(255,255,255,0.18);
	color:rgba(15,23,42,0.78);
	font-weight:1000;
	text-decoration:none;
}

/* Convert old table rows to stacked fields */
.register-store table.formlogin{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}
.register-store table.formlogin tr{
	display:block;
	margin-bottom:14px;
}
.register-store table.formlogin td{
	display:block;
	padding:0;
}
.register-store table.formlogin td.tdright{
	padding:0 0 8px;
	text-align:left;
	font-weight:1100;
	color:rgba(15,23,42,0.82);
	font-size:14px;
	line-height:1.2;
}

/* Inputs: base */
.register-store .formlogin input.input,
.register-store .formlogin input.input-large,
.register-store .formlogin input.input-small,
.register-store .formlogin input.input-5{
	float:none !important;
	display:block !important;
	width:100% !important;
	margin:0 !important;
	height:48px !important;
	border-radius:16px !important;
	border:1px solid rgba(15,23,42,0.12) !important;
	background:rgba(255,255,255,0.95) !important;
	box-shadow:0 12px 40px rgba(15,82,187,0.06) !important;
	transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
	padding:0 16px !important;
}
.register-store .formlogin input.input:focus{
	border-color:rgba(83,180,219,0.95) !important;
	box-shadow:0 0 0 4px rgba(83,180,219,0.14), 0 18px 55px rgba(15,82,187,0.10) !important;
	outline:none !important;
}
.register-store .formlogin input.input::placeholder{
	color:rgba(148,163,184,1) !important;
	font-weight:900 !important;
}

.register-store .formlogin textarea.input{
	width:100% !important;
	border-radius:16px !important;
	border:1px solid rgba(15,23,42,0.12) !important;
	background:rgba(255,255,255,0.95) !important;
	box-shadow:0 12px 40px rgba(15,82,187,0.06) !important;
	padding:14px 16px !important;
	height:200px !important;
	resize:vertical;
}

/* Password strength (pw_check) */
.register-store .pw_check{
	width:100%;
	background:rgba(255,255,255,0.08) !important;
	border:1px solid rgba(255,255,255,0.18) !important;
	border-radius:16px !important;
	padding:10px 12px !important;
	display:flex !important;
	gap:10px !important;
	margin:0 !important;
}
.register-store .pw_check span{
	float:none !important;
	width:auto !important;
	height:auto !important;
	line-height:1.2 !important;
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	padding:6px 12px;
	border-radius:999px;
	background:rgba(15,23,42,0.06) !important;
	color:rgba(15,23,42,0.65) !important;
	font-size:12px !important;
	font-weight:1000 !important;
}
.register-store .pw_check strong.c_orange{
	color:#f97316 !important;
}

/* Input icons (SVG background) */
.register-store .formlogin input[name="mobile"],
.register-store .formlogin input[name="userid"],
.register-store .formlogin input[name="email"]{
	background-repeat:no-repeat !important;
	background-position:18px center !important;
	background-size:18px 18px !important;
	padding-left:56px !important;
}
.register-store .formlogin input[name="mobile"],
.register-store .formlogin input[name="userid"]{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2353b4db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
}
.register-store .formlogin input[name="email"]{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2353b4db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='18' height='14' rx='2'/><path d='M2 6l10 7 10-7'/></svg>") !important;
}
.register-store .formlogin input[name="userpwd"],
.register-store .formlogin input[name="reuserpwd"]{
	background-repeat:no-repeat !important;
	background-position:18px center !important;
	background-size:18px 18px !important;
	padding-left:56px !important;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2353b4db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='8' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") !important;
}
.register-store .formlogin input[name="checkcode"]{
	background-repeat:no-repeat !important;
	background-position:18px center !important;
	background-size:18px 18px !important;
	padding-left:56px !important;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2353b4db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l8 4v6c0 5-3.5 9-8 10C7.5 21 4 17 4 12V6l8-4z'/></svg>") !important;
}
.register-store .formlogin input[name="smscheckcode"]{
	background-repeat:no-repeat !important;
	background-position:18px center !important;
	background-size:18px 18px !important;
	padding-left:56px !important;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2353b4db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/></svg>") !important;
}

/* Captcha image */
.register-store img.authcode,
.register-store img#checkcode{
	float:none !important;
	width:auto !important;
	max-width:100% !important;
	display:block !important;
	height:50px !important;
	margin:0 !important;
	padding:6px 10px !important;
	border-radius:16px !important;
	border:1px solid rgba(15,23,42,0.12) !important;
	background:rgba(255,255,255,0.95) !important;
	cursor:pointer;
}

/* send sms button */
.register-store .disabled{
	float:none !important;
	width:100% !important;
	height:48px !important;
	border-radius:16px !important;
	background:rgba(15,23,42,0.06) !important;
	border:1px solid rgba(15,23,42,0.10) !important;
	color:rgba(15,23,42,0.55) !important;
	margin-top:10px;
	font-weight:1000;
}

/* Submit button */
.register-store .go_reg{
	width:100% !important;
	height:54px !important;
	border-radius:16px !important;
	border:none !important;
	font-size:18px !important;
	font-weight:1000 !important;
	background:linear-gradient(135deg,#53b4db 0%,#1c5fb5 100%) !important;
	box-shadow:0 18px 55px rgba(83,180,219,0.35) !important;
	transition:transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}
.register-store .go_reg:hover{
	transform:translateY(-2px) !important;
	box-shadow:0 24px 80px rgba(15,82,187,0.25) !important;
	filter:saturate(1.05);
}

/* Agreement row (radio) */
.register-store input[type="radio"]{
	width:18px !important;
	height:18px !important;
	accent-color:#53b4db;
}

@media (max-width: 1000px){
	.register-store .regdetail{
		grid-template-columns: 1fr;
	}
	.register-store-left{grid-column:1}
	.register-store .xiyi{grid-column:1}
}

/* ===== Register store V2: 全新布局（rs-*） ===== */
body.register-store-v2 .inner{
  background:transparent !important;
  border-top:none !important;
  padding:56px 16px 40px !important;
}
body.register-store-v2 .registerpart.register-store{
  max-width:1080px;
  margin:0 auto;
}

body.register-store-v2 .rs-shell{
  max-width:1080px;
  margin:0 auto;
}

body.register-store-v2 .register-store-hero{
  border-bottom:none;
  padding:0 0 10px;
  margin-bottom:0;
}
body.register-store-v2 .register-store-hero__icon{
  background:#eff6ff;
  color:#2563eb;
  box-shadow:none;
}
body.register-store-v2 .register-store-hero__title{font-size:24px}
body.register-store-v2 .register-store-hero__subtitle{color:#6b7280}

body.register-store-v2 .register-store .step2{
  justify-content:flex-start;
  gap:8px;
  margin:4px 0 14px;
}
body.register-store-v2 .register-store .step2 span{
  max-width:none;
  flex:0 0 auto;
  padding:8px 14px;
  border-radius:999px;
  background:#f3f4ff;
  border:1px solid #e5e7eb;
  color:#6b7280;
  font-weight:700;
}
body.register-store-v2 .register-store .step2 span.cur{
  background:#eff6ff;
  border-color:#2563eb;
  color:#1d4ed8;
  box-shadow:none;
}

body.register-store-v2 .rs-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(0, .75fr);
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  body.register-store-v2 .rs-grid{grid-template-columns:1fr}
}

body.register-store-v2 .rs-card{
  border-radius:20px;
  border:1px solid rgba(148,163,184,.22);
  background:#ffffff;
  box-shadow:0 18px 46px rgba(15,23,42,.08);
  overflow:hidden;
}
body.register-store-v2 .rs-card--form{
  padding:18px 18px 20px;
}
body.register-store-v2 .rs-card--side{
  padding:18px;
}

body.register-store-v2 .rs-card__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(148,163,184,.18);
}
body.register-store-v2 .rs-card__title{
  font-size:16px;
  font-weight:900;
  color:#111827;
}
body.register-store-v2 .rs-card__desc{
  font-size:12px;
  color:#6b7280;
  font-weight:600;
}
body.register-store-v2 .rs-required{
  color:#ef4444;
  font-weight:900;
}

body.register-store-v2 .rs-section{
  padding-top:6px;
}
body.register-store-v2 .rs-section + .rs-section{
  margin-top:16px;
  padding-top:16px;
  border-top:1px dashed rgba(148,163,184,.28);
}
body.register-store-v2 .rs-section__title{
  font-size:14px;
  font-weight:900;
  color:#111827;
  margin-bottom:12px;
}

body.register-store-v2 .rs-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}
body.register-store-v2 .rs-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.register-store-v2 .rs-field--compact{
  gap:0;
  margin-top:-8px;
}
body.register-store-v2 .rs-label{
  font-size:13px;
  font-weight:800;
  color:#111827;
}
body.register-store-v2 .rs-control{min-width:0}

/* Tune inputs/textarea for v2 */
body.register-store-v2 .rs-form input.input,
body.register-store-v2 .rs-form input.input-large,
body.register-store-v2 .rs-form input.input-small,
body.register-store-v2 .rs-form input.input-5{
  float:none !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,0.12) !important;
  background:#ffffff !important;
  box-shadow:0 12px 34px rgba(15,82,187,0.06) !important;
  padding:0 14px !important;
}
body.register-store-v2 .rs-form textarea.input{
  width:100% !important;
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,0.12) !important;
  background:#ffffff !important;
  box-shadow:0 12px 34px rgba(15,82,187,0.06) !important;
  padding:12px 14px !important;
  height:220px !important;
  resize:vertical;
}
body.register-store-v2 .rs-form input.input:focus,
body.register-store-v2 .rs-form input.input-large:focus,
body.register-store-v2 .rs-form input.input-small:focus,
body.register-store-v2 .rs-form input.input-5:focus,
body.register-store-v2 .rs-form textarea.input:focus{
  border-color:rgba(37,99,235,.9) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12), 0 18px 50px rgba(15,82,187,0.10) !important;
  outline:none !important;
}

body.register-store-v2 .rs-divider{
  height:1px;
  background:rgba(148,163,184,.20);
  margin:2px 0;
}
body.register-store-v2 .rs-field--agree{
  padding-top:2px;
}
body.register-store-v2 .rs-agree{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  color:#374151;
  font-size:13px;
}
body.register-store-v2 .rs-agree input[type="radio"]{
  width:18px !important;
  height:18px !important;
  accent-color:#2563eb;
}
body.register-store-v2 .rs-actions{
  padding-top:2px;
}
body.register-store-v2 .rs-actions .go_reg{
  width:100% !important;
  height:54px !important;
  border-radius:14px !important;
  border:none !important;
  font-size:16px !important;
  font-weight:900 !important;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%) !important;
  box-shadow:0 18px 55px rgba(37,99,235,0.30) !important;
}

/* Side card */
body.register-store-v2 .rs-side__title{
  font-size:15px;
  font-weight:900;
  color:#111827;
  margin-bottom:10px;
}
body.register-store-v2 .rs-side__list{
  list-style:none;
  padding:0;
  margin:0 0 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.register-store-v2 .rs-side__list li{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:13px;
  color:#374151;
  line-height:1.6;
}
body.register-store-v2 .rs-side__list i{
  color:#22c55e;
  margin-top:3px;
}
body.register-store-v2 .rs-side__box{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.18);
  background:#f9fafb;
  padding:12px;
}
body.register-store-v2 .rs-side__box-title{
  font-size:13px;
  font-weight:900;
  color:#111827;
  margin-bottom:8px;
}
body.register-store-v2 .rs-side__foot{
  margin-top:12px;
  font-size:13px;
  color:#6b7280;
}
body.register-store-v2 .rs-link{
  color:#2563eb !important;
  font-weight:900 !important;
  text-decoration:underline !important;
}

/* Protocol area in side card */
body.register-store-v2 .register-store .xiyi{
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
}
body.register-store-v2 .register-store #xieyi{
  width:100% !important;
  height:340px !important;
  overflow:auto !important;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.18);
  background:#ffffff;
  padding:10px;
}
body.register-store-v2 .register-store #xieyi p{
  color:#4b5563 !important;
  line-height:1.9;
  font-weight:600;
}
@media (max-width: 980px){
  body.register-store-v2 .register-store #xieyi{height:280px !important}
}