/* =====================================================================
    TDesign 白蓝主题覆盖层  (官方 default 主题专用，无加密 / 无授权)
    主色 #0052d9  ·  浅色左侧导航  ·  简约干净
    独立文件，仅在 includes/head.tpl 末尾引入；删除该引用即可恢复官方默认
===================================================================== */
:root {
	--td-brand: #0052d9;
	--td-brand-hover: #366ef4;
	--td-brand-active: #003c9e;
	--td-brand-soft: #e8f1ff;
	--td-brand-soft-2: #f2f6ff;
	--td-bg: #f3f5f9;
	--td-card-border: #e7e9ee;
	--td-text-1: #1d2129;
	--td-text-2: #4e5969;
	--td-text-3: #86909c;
	--td-radius: 8px;
}
body.tdesign-wb {
	background: var(--td-bg);
	color: var(--td-text-1);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
::selection { background: rgba(0, 82, 217, .18); }
/* ---------------- 主色 #6064ff -> #0052d9 ---------------- */
a { color: var(--td-brand); }
a:hover { color: var(--td-brand-hover); }
.text-primary, a.text-primary, button.text-primary { color: var(--td-brand) !important; }
.bg-primary, a.bg-primary:hover { background-color: var(--td-brand) !important; }
.border-primary { border-color: var(--td-brand) !important; }
.btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	background-color: var(--td-brand) !important;
	border-color: var(--td-brand) !important;
	color: #fff !important;
	-webkit-box-shadow: 0 2px 6px rgba(0, 82, 217, .25) !important;
	box-shadow: 0 2px 6px rgba(0, 82, 217, .25) !important;
}
.btn-primary:hover {
	background-color: var(--td-brand-hover) !important;
	border-color: var(--td-brand-hover) !important;
}
.btn-outline-primary {
	color: var(--td-brand);
	border-color: var(--td-brand);
	background: #fff;
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
	background-color: var(--td-brand);
	border-color: var(--td-brand);
	color: #fff;
}
.btn { border-radius: 5px; font-weight: 500; }
.btn-primary .waves-ripple, .btn .waves-ripple { background: rgba(255, 255, 255, .35); }
.badge-primary { background-color: var(--td-brand) !important; }
.progress-bar { background-color: var(--td-brand); }
.dropdown-item.active, .dropdown-item:active { background-color: var(--td-brand-soft); color: var(--td-brand); }
.list-group-item.active {
	background-color: var(--td-brand);
	border-color: var(--td-brand);
}
.page-item.active .page-link {
	background-color: var(--td-brand);
	border-color: var(--td-brand);
}
.page-link { color: var(--td-brand); }
/* 导航 tab / pills */
.nav-tabs-custom .nav-link.active, .nav-tabs-custom .nav-item.show .nav-link {
	color: var(--td-brand) !important;
}
.nav-tabs-custom .nav-link.active::before, .nav-tabs-custom .nav-link.active::after { background-color: var(--td-brand) !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--td-brand); }
/* 表单焦点 */
.form-control:focus, .custom-select:focus, .select2-container--default.select2-container--focus .select2-selection {
	border-color: var(--td-brand) !important;
	-webkit-box-shadow: 0 0 0 3px rgba(0, 82, 217, .12) !important;
	box-shadow: 0 0 0 3px rgba(0, 82, 217, .12) !important;
}
.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:focus ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--td-brand) !important;
	border-color: var(--td-brand) !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #fff;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--td-brand) !important;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: var(--td-brand);
}
/* 开关 / 滑块 / 其它组件主色 */
.ui-state-active, .noUi-target .noUi-connect, .irs--round .irs-bar, .irs--round .irs-single, .fc .fc-button-primary, .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active, .fc-event-primary {
	background-color: var(--td-brand) !important;
	border-color: var(--td-brand) !important;
}
.irs--round .irs-single::after { border-top-color: var(--td-brand); }
/* ---------------- 左侧导航（浅色 TDesign 风） ---------------- */
body.tdesign-wb .vertical-menu {
	background: #fff !important;
	border-right: 1px solid var(--td-card-border);
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* logo 区也强制白色（反压 global.css 的深色 !important） */
body.tdesign-wb .navbar-brand-box {
	background: #fff !important;
	border-bottom: 1px solid var(--td-card-border);
}
#sidebar-menu ul li a {
	color: var(--td-text-2);
	font-weight: 400;
	border-radius: 6px;
	margin: 2px 12px;
	padding-left: 14px !important;
	padding-right: 14px !important;
	min-height: 44px;
	display: flex;
	align-items: center;
}
#sidebar-menu > ul > li > a { min-height: 46px; }
#sidebar-menu ul li a i { color: var(--td-text-3); }
#sidebar-menu ul li a:hover, #sidebar-menu ul li a:hover i {
	background: var(--td-brand-soft-2);
	color: var(--td-brand);
	transition: background .15s ease, color .15s ease;
}
#sidebar-menu ul li ul.sub-menu { background: transparent; }
#sidebar-menu ul li ul.sub-menu li a { padding-left: 38px !important; min-height: 40px; font-size: 13px; }
#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a { padding-left: 52px !important; }
#sidebar-menu ul li a.mm-active, #sidebar-menu ul li .mm-active > a, #sidebar-menu ul li a.active {
	background: var(--td-brand-soft) !important;
	color: var(--td-brand) !important;
	font-weight: 600;
}
#sidebar-menu ul li a.mm-active i, #sidebar-menu ul li .mm-active > a i, #sidebar-menu ul li a.active i { color: var(--td-brand); }
.mm-active > a { color: var(--td-brand) !important; }
#sidebar-menu ul li a.has-arrow[aria-expanded="true"] { color: var(--td-brand); }
#sidebar-menu ul li a.has-arrow[aria-expanded="true"] i { color: var(--td-brand); }
.metismenu .has-arrow::after { border-bottom-color: var(--td-text-3); border-right-color: var(--td-text-3); }
.metismenu .mm-collapse > .mm-active > a { color: var(--td-brand) !important; }
/* ---------------- 顶部栏 ---------------- */
#page-topbar {
	background: #fff;
	border-bottom: 1px solid var(--td-card-border);
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.navbar-header { height: 40px; }
.vertical-menu { top: 64px; }
.header-item {
	background: transparent;
	color: var(--td-text-2);
	border-radius: 6px;
	transition: background .15s ease;
}
.header-item:hover { background: var(--td-brand-soft-2); color: var(--td-brand); }
.user-center_header {
	background: var(--td-brand-soft);
	color: var(--td-brand);
	border-radius: 50% !important;
}
/* ---------------- 【新增：页面主体全局顶部留白 你截图要的效果】 ---------------- */
.main-content { background: var(--td-bg); }
.page-content { 
	padding: 60px 24px 12px !important; /* 顶部从24px改成60px，上下左右，第一个数值就是顶部留白高度 */
}
/* ---------------- 内容区 / 卡片 / 表格 ---------------- */
.card {
	border: 1px solid var(--td-card-border);
	border-radius: var(--td-radius);
	-webkit-box-shadow: 0 1px 3px rgba(18, 38, 63, .04);
	box-shadow: 0 1px 3px rgba(18, 38, 63, .04);
}
.card-header {
	background: #fff;
	border-bottom: 1px solid #f0f1f5;
	border-radius: var(--td-radius) var(--td-radius) 0 0 !important;
}
.card-body { color: var(--td-text-2); }
.page-title, .h5, h1, h2, h3, h4, h5, h6 { color: var(--td-text-1); }
.text-muted { color: var(--td-text-3) !important; }
.table thead th {
	background: #f7f8fa;
	border-bottom: 1px solid var(--td-card-border);
	color: var(--td-text-2);
	font-weight: 600;
}
.table td, .table th { border-color: #f0f1f5; }
.table-hover tbody tr:hover { background: var(--td-brand-soft-2); }
.modal-content { border: none; border-radius: 10px; overflow: hidden; }
.modal-header { border-bottom: 1px solid #f0f1f5; }
.modal-footer { border-top: 1px solid #f0f1f5; }
/* 输入框圆角微调 */
.form-control, .custom-select { border-radius: 5px; border-color: #dcdfe6; }
.input-group-text { border-color: #dcdfe6; background: #f7f8fa; }
/* 标签 / 警示圆角统一 */
.badge { font-weight: 500; border-radius: 5px; padding: .35em .6em; }
.alert { border: none; border-radius: var(--td-radius); }
/* 分页 */
.page-link { border-color: var(--td-card-border); border-radius: 5px !important; margin: 0 2px; }
.page-item.disabled .page-link { background: #fff; }
/* 页脚 */
.footer {
	background: transparent;
	color: var(--td-text-3);
	border-top: 1px solid #eceef2;
}
/* 面包屑 */
.page-title-box .page-title { color: var(--td-text-1); }
.breadcrumb-item a { color: var(--td-brand); }
/* ---------------- 登录 / 注册 / 找回密码（白蓝） ---------------- */
body.tdesign-wb .auth-full-bg .bg-overlay, body.tdesign-wb .bglogo .bg-overlay {
	background: linear-gradient(150deg, #0a63e0 0%, #0052d9 45%, #003c9e 100%) !important;
	opacity: 1 !important;
}
body.tdesign-wb .bglogo { background: #0052d9; }
body.tdesign-wb .auth-full-bg .h1, body.tdesign-wb .auth-full-bg h1 { font-weight: 700; letter-spacing: .5px; }
body.tdesign-wb .auth-full-page-content { background: #fff; min-height: 100vh; }
body.tdesign-wb .login_right { max-width: 420px; }
body.tdesign-wb .auth-full-page-content .logo img { max-height: 52px; }
body.tdesign-wb .auth-full-page-content .nav-tabs-custom {
	border-bottom: 1px solid var(--td-card-border);
}
body.tdesign-wb .auth-full-page-content .form-control {
	height: 46px;
	border-radius: 6px;
}
body.tdesign-wb .auth-full-page-content .btn-primary { height: 46px; font-size: 15px; border-radius: 6px; }
/* 登录页左侧装饰光斑 */
body.tdesign-wb .auth-full-bg::after {
	content: "";
	position: absolute;
	right: -120px; top: -120px;
	width: 360px; height: 360px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 70%);
	pointer-events: none;
}
/* ---------------- 滚动条 ---------------- */
#sidebar-menu ::-webkit-scrollbar, .simplebar-content-wrapper::-webkit-scrollbar { width: 6px; }
#sidebar-menu ::-webkit-scrollbar-thumb, .simplebar-content-wrapper::-webkit-scrollbar-thumb {
	background: #d6dae2; border-radius: 3px;
}
/* ---------------- 移动端折叠抽屉 ---------------- */
@media (max-width: 991.98px) {
	body.tdesign-wb .vertical-menu {
		background: #fff;
		-webkit-box-shadow: 0 0 2rem rgba(18,38,63,.12) !important;
		box-shadow: 0 0 2rem rgba(18,38,63,.12) !important;
	}
}
/* =====================================================================
    云控制台仪表盘（clientarea.tpl）
===================================================================== */
.uc-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
	align-items: stretch;
}
.uc-span-2 { grid-column: span 2; }
.uc-span-4 { grid-column: span 4; }
.uc-span-8 { grid-column: span 8; }
.uc-card {
	background: #fff;
	border: 1px solid var(--td-card-border);
	border-radius: var(--td-radius);
	box-shadow: 0 1px 3px rgba(18, 38, 63, .04);
	padding: 20px;
	display: flex;
	flex-direction: column;
	color: var(--td-text-2);
	transition: box-shadow .2s ease, transform .2s ease;
}
a.uc-card { text-decoration: none; }
a.uc-card:hover {
	box-shadow: 0 8px 20px rgba(18, 38, 63, .10);
	transform: translateY(-2px);
	color: var(--td-text-2);
}
.uc-card-head {
	display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px;
}
.uc-card-title { font-size: 15px; font-weight: 600; color: var(--td-text-1); }
.uc-head-link { font-size: 12px; color: var(--td-brand); }
/* ==========【修改重点】账户信息卡片【个人信息整块下移】，Logo限制最大宽度220px，推荐比例高:宽=1:3 ========== */
.uc-account-top {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
	padding-top: 40px !important; /* 个人信息卡片内部向下，数值越大越靠下 */
}
.uc-account-top .logo img {
	max-width: 220px; /* Logo最大宽度限制220px */
	height: auto; /* 高度自动，保持原图比例，推荐比例 高:宽 = 1:3 */
	object-fit: contain;
}
.uc-avatar {
	width: 56px; height: 56px; flex: 0 0 56px; border-radius: 50%;
	background: var(--td-brand-soft); color: var(--td-brand);
	display: flex; align-items: center; justify-content: center;
	font-size: 22px; font-weight: 600;
	margin-top:0 !important;
}
.uc-greet-line { font-size: 15px; color: var(--td-text-1); font-weight: 600; }
.uc-uname { color: var(--td-brand); }
.uc-badges { margin-top: 6px; display: flex; gap: 6px; flex-wrap: wrap; }
.uc-badge { font-size: 11px; padding: 2px 8px; border-radius: 4px; line-height: 1.6; }
.uc-badge-ok { background: #e8ffea; color: #00b42a; }
.uc-badge-no { background: #f2f3f5; color: #86909c; }
.uc-account-meta {
	display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px;
	padding: 14px 0; border-top: 1px dashed #eef0f4; border-bottom: 1px dashed #eef0f4;
}
.uc-meta-item { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.uc-meta-label { font-size: 11px; color: var(--td-text-3); }
.uc-meta-value {
	font-size: 13px; color: var(--td-text-1);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.uc-card-link {
	margin-top: 12px; font-size: 13px; color: var(--td-brand);
	display: flex; align-items: center; justify-content: space-between;
}
/* 费用概览 */
.uc-balance-amount { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.uc-balance-label { font-size: 12px; color: var(--td-text-3); }
.uc-balance-num { font-size: 32px; font-weight: 700; color: var(--td-brand); line-height: 1.1; }
.uc-btn-recharge {
	display: block; text-align: center; height: 40px; line-height: 40px;
	background: var(--td-brand); color: #fff; border-radius: 6px; font-size: 14px; margin-bottom: 14px;
}
.uc-btn-recharge:hover { background: var(--td-brand-hover); color: #fff; }
.uc-balance-rows {
	border-top: 1px solid #f0f1f5; padding-top: 12px; margin-top: auto;
	display: flex; flex-direction: column; gap: 10px;
}
.uc-balance-row { display: flex; justify-content: space-between; font-size: 13px; color: var(--td-text-2); }
.uc-balance-unpaid { color: #ff7d00; font-weight: 600; }
/* 最近访问 */
.uc-recent-list { display: flex; flex-direction: column; gap: 4px; min-height: 128px; }
.uc-recent-item {
	display: flex; justify-content: space-between; align-items: center; gap: 10px;
	padding: 8px 10px; border-radius: 6px; font-size: 13px; color: var(--td-text-2);
}
.uc-recent-item:hover { background: var(--td-brand-soft-2); color: var(--td-brand); }
.uc-recent-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uc-recent-time { font-size: 11px; color: var(--td-text-3); flex: 0 0 auto; }
.uc-recent-empty { flex: 1; display: flex; align-items: center; justify-content: center; color: var(--td-text-3); font-size: 13px; }
/* 账户安全 */
.uc-security-body { display: flex; gap: 18px; align-items: center; flex: 1; }
.uc-gauge { width: 150px; flex: 0 0 150px; height: auto; }
.uc-gauge-num { fill: var(--td-text-1); }
.uc-security-info { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.uc-security-level { font-size: 14px; font-weight: 600; margin: 0; }
.uc-security-tip { font-size: 12px; color: var(--td-text-3); line-height: 1.5; margin: 0; }
.uc-btn-security {
	margin-top: 8px; display: inline-block; text-align: center; height: 36px; line-height: 36px;
	border: 1px solid var(--td-brand); color: var(--td-brand); border-radius: 6px; font-size: 13px;
}
.uc-btn-security:hover { background: var(--td-brand); color: #fff; }
/* KPI */
.uc-kpi { flex-direction: row; align-items: center; gap: 12px; }
.uc-kpi-icon {
	width: 44px; height: 44px; border-radius: 10px; flex: 0 0 44px;
	display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.uc-kpi-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.uc-kpi-num { font-size: 22px; font-weight: 700; color: var(--td-text-1); line-height: 1.1; }
.uc-kpi-label {
	font-size: 12px; color: var(--td-text-3);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* 已开通产品 */
.uc-product-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.uc-product-chip {
	display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px;
	background: var(--td-brand-soft-2); border: 1px solid #e8ecf3; border-radius: 6px;
	font-size: 13px; color: var(--td-text-2);
}
.uc-product-chip:hover { background: var(--td-brand-soft); color: var(--td-brand); }
.uc-product-count {
	background: var(--td-brand); color: #fff; font-size: 11px;
	border-radius: 10px; padding: 0 7px; line-height: 16px;
}
.uc-source-list { flex: 1; min-height: 120px; }
.uc-loading { display: flex; align-items: center; justify-content: center; min-height: 120px; color: var(--td-text-3); font-size: 13px; }
/* 公告 */
.uc-news-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.uc-news-item { display: flex; gap: 10px; align-items: center; padding: 9px 4px; border-bottom: 1px solid #f5f6f8; }
.uc-news-time { font-size: 11px; color: var(--td-text-3); flex: 0 0 34px; }
.uc-news-title { font-size: 13px; color: var(--td-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uc-news-item:hover .uc-news-title { color: var(--td-brand); }
.uc-news-empty { padding: 30px 0; text-align: center; color: var(--td-text-3); font-size: 13px; }
/* =====================================================================
    登录页（login.tpl）  左封面 + 右白卡
===================================================================== */
.lg-topbar { padding: 12px 20px; text-align: center; }
.lg-wrap { display: flex; min-height: 100vh; width: 100%; }
.lg-cover {
	position: relative; flex: 0 0 56%; overflow: hidden;
	 align-items: center; justify-content: center;
	background-image: url('https://tbz.ltyuanfang.cn/fj/2020/e6436203e95f3.jpg');
}
.lg-cover-img { position: absolute; inset: 0; background-size: cover; background-position: center; }
.lg-cover-mask { position: absolute; inset: 0; background: linear-gradient(150deg, rgb(255 255 255 / 70%), rgba(0, 60, 158, .84)); }
.lg-cover::after {
	content: ""; position: absolute; right: -140px; top: -140px; width: 420px; height: 420px; border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 70%);
}
.lg-cover::before {
	content: ""; position: absolute; left: -120px; bottom: -120px; width: 360px; height: 360px; border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.12), rgba(255,255,255,0) 70%);
}
.lg-cover-inner { position: relative; z-index: 2; max-width: 480px; padding: 40px; color: #fff; }
.lg-cover-logo img { height: 44px; margin-bottom: 44px;  }
.lg-cover-title { color: #fff; font-size: 34px; font-weight: 700; line-height: 1.3; margin-bottom: 18px; }
.lg-cover-desc { color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.8; margin: 0; }
.lg-panel { flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px 24px; background: #fff; }
.lg-card { width: 100%; max-width: 400px; }
.lg-card-logo { text-align: center; margin-bottom: 18px; }
.lg-card-logo img {
	max-width: 220px; /*登录页logo同样限制最大宽度220px*/
	height: auto;
	object-fit: contain;
}
.lg-title { font-size: 24px; font-weight: 700; text-align:center; color: var(--td-text-1); margin-bottom: 6px; }
.lg-subtitle { font-size: 13px; color: var(--td-text-3); text-align:center; margin-bottom: 24px; }
.lg-tabs { border-bottom: 1px solid var(--td-card-border); display: flex; margin-bottom: 22px; }
.lg-tabs .nav-item { flex: 1; text-align: center; }
.lg-tabs .nav-link {
	border: none; border-bottom: 2px solid transparent; border-radius: 0;
	color: var(--td-text-3); font-size: 14px; padding: 10px 0; background: transparent !important;
}
.lg-tabs .nav-link.active { color: var(--td-brand); border-bottom-color: var(--td-brand); font-weight: 600; }
.lg-field { margin-bottom: 16px; }
.lg-field > label { font-size: 13px; color: var(--td-text-2); margin-bottom: 6px; }
.lg-input { height: 46px; border-radius: 6px; }
.lg-pwwrap { position: relative; }
.lg-pwwrap .lg-input { padding-right: 44px; }
.lg-pweye { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--td-text-3); cursor: pointer; font-size: 18px; z-index: 2; }
.lg-forgot { text-align: right; margin: -4px 0 14px; }
.lg-forgot a { font-size: 13px; }
.lg-btn {
	width: 100%; height: 46px; border: none; border-radius: 6px;
	background: var(--td-brand); color: #fff; font-size: 15px; font-weight: 500;
	box-shadow: 0 2px 8px rgba(0,82,217,.25);
}
.lg-btn:hover { background: var(--td-brand-hover); color: #fff; }
.lg-switchrow { display: flex; gap: 16px; align-items: center; font-size: 13px; margin-bottom: 16px; flex-wrap: wrap; }
.lg-switchrow span { color: var(--td-brand); }
.lg-switchrow a { margin-left: auto; color: var(--td-text-3); }
.lg-ccode { width: 110px; }
.lg-codebtn { width: 112px; }
.lg-codebtn .btn {
	height: 46px; width: 100%; background: var(--td-brand-soft); color: var(--td-brand);
	border-radius: 0 6px 6px 0; font-size: 13px; white-space: nowrap; padding: 0 8px;
}
.lg-oauth { text-align: center; margin-top: 20px; padding-top: 18px; border-top: 1px solid #f0f1f5; }
.lg-oauth-title { font-size: 13px; color: var(--td-text-3); margin-bottom: 12px; }
.lg-oauth-item {
	display: inline-flex; width: 40px; height: 40px; border-radius: 50%;
	background: #f2f6ff; align-items: center; justify-content: center; font-size: 18px;
}
.lg-register { text-align: center; font-size: 13px; color: var(--td-text-3); margin-top: 20px; }
.lg-register a { color: var(--td-brand); }
.lg-footer { padding: 14px; text-align: center; font-size: 12px; color: var(--td-text-3); }
/* =====================================================================
    响应式
===================================================================== */
@media (max-width: 1199.98px) {
	.uc-span-4 { grid-column: span 6; }
	.uc-span-8 { grid-column: span 12; }
	.uc-span-2 { grid-column: span 3; }
}
@media (max-width: 767.98px) {
	.uc-span-4, .uc-span-8 { grid-column: span 12; }
	.uc-span-2 { grid-column: span 6; }
	.uc-security-body { flex-direction: column; text-align: center; }
	.uc-grid { gap: 12px; }
	.lg-input, .lg-field .form-control { font-size: 16px; }
}
@media (max-width: 991.98px) {
	.lg-cover { display: none; }
	.lg-panel { flex: 1 1 100%; }
}
.uc-card {
    margin-top:25px !important;
}