/*!
 * Mavis Merchant Theme — 商户中心主题（保留原框架 UI + 科技感微调 + 手机适配修复）
 *
 * 【本文件做三件事】
 *  1. 保留框架原有 UI 风格（配色、圆角、布局、bg-* 可配主题色一律不动），
 *     只做克制的视觉打磨，不改版式、不换风格。
 *  2. 科技感微调：冷色调强调、青蓝渐变高亮、发光描边、等宽数字、细腻阴影。
 *  3. 修复框架自带的手机端显示缺陷（见下）。
 *
 * 【框架自带的手机端缺陷 —— 本次修复】
 *  app.css 里侧栏宽度只在桌面端生效：
 *      @media (min-width:768px){ .app-aside{width:200px} .app-content{margin-left:200px} }
 *  而手机端：.app-aside 无宽度（按内容撑开）、float:left 仍生效、
 *  侧栏上的 hidden-xs 是「≥768px 才隐藏」在手机上反而显示。
 *  三者叠加 → 侧栏浮在左侧把内容挤出屏幕，手机上只能看到一部分。
 *  修复：≤767px 内显式 display:none，点 ☰ 拿到 .off-screen 才展开。
 *
 * 【层级铁律】抽屉(1030) > 遮罩(1025) > 内容(1020)，
 *  否则遮罩盖住侧栏会导致菜单点不动。
 *
 * 【兼容性铁律】
 *  - .app-header 在框架里是 position:fixed，本文件绝不覆盖 position
 *  - 顶栏高度与 .app-header-fixed{padding-top:50px} 严格一致
 *  - .app-footer 是 position:absolute;bottom:0，内容区必须留足底部空间
 *  - 不覆盖 bg-* 等后台可配主题色
 */

:root{
	--t-blue:#3b5bdb;
	--t-blue-d:#2f4bc0;
	--t-blue-l:#edf0ff;
	--t-cyan:#22d3ee;
	--t-ink:#1f2733;
	--t-ink-2:#4a5464;
	--t-ink-3:#8a94a6;
	--t-line:#e6e9f0;
	--t-bg:#f4f6fa;
	--t-card:#ffffff;
	--t-r:10px;
	--t-r-sm:7px;
	--t-shadow:0 1px 2px rgba(16,24,40,.04), 0 4px 16px rgba(16,24,40,.06);
	--t-glow:0 4px 14px rgba(59,91,219,.30);
	--t-nav-h:50px;
}

/* ==========================================================================
   1. 基础
   ========================================================================== */
html{ -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; }
body{
	background:var(--t-bg);
	color:var(--t-ink);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}
.app,.app-content{ background:var(--t-bg); }
/* .app-footer 是 position:absolute;bottom:0，内容区必须留出空间 */
.app-content-body{ padding-bottom:56px; }

/* 科技感底纹：极淡网格，铺在内容区并避开深色侧栏 */
.app-content:before{
	content:"";
	position:fixed;
	top:0; right:0; bottom:0;
	left:200px;              /* 让开侧栏，避免网格盖到深色背景上 */
	z-index:0;
	pointer-events:none;
	background-image:
		linear-gradient(rgba(59,91,219,.030) 1px, transparent 1px),
		linear-gradient(90deg, rgba(59,91,219,.030) 1px, transparent 1px);
	background-size:44px 44px;
	-webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 620px);
	mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 620px);
}
.app-content > *{ position:relative; z-index:1; }

/* ==========================================================================
   2. 顶部栏 —— 保留原配色，加发光细节
   ========================================================================== */
/* 框架里是 position:fixed，此处绝不覆盖 position */
.app-header{
	box-shadow:0 1px 0 rgba(255,255,255,.05), 0 2px 14px rgba(16,24,40,.14);
	/* 不写 position：框架里是 fixed，本身就是 :after 发光细线的定位上下文 */
}
/* 科技感：顶栏底部一道青蓝渐变发光细线 */
.app-header:after{
	content:"";
	position:absolute;
	left:0; right:0; bottom:0;
	height:1px;
	background:linear-gradient(90deg, transparent, rgba(34,211,238,.55), rgba(59,91,219,.55), transparent);
	pointer-events:none;
}
.navbar-header{ min-height:var(--t-nav-h); }
.navbar-collapse{ min-height:var(--t-nav-h); }
.navbar-brand{
	font-size:16px;
	font-weight:600;
	letter-spacing:.2px;
	padding:0 16px !important;
	line-height:var(--t-nav-h) !important;
}
.navbar-brand .fa{ font-size:15px; }
.navbar-nav>li>a{
	line-height:var(--t-nav-h) !important;
	padding:0 14px !important;
	font-size:14px;
	transition:background .18s ease;
}
.avatar{ border-radius:50%; overflow:hidden; }
.avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.thumb-sm.avatar{ box-shadow:0 0 0 2px rgba(59,91,219,.35); }
.dropdown-menu{
	border:1px solid var(--t-line);
	border-radius:var(--t-r-sm);
	box-shadow:0 8px 28px rgba(16,24,40,.14);
	padding:6px;
	margin-top:2px;
}
.dropdown-menu>li>a{
	padding:9px 14px !important;
	border-radius:5px;
	font-size:14px;
	color:var(--t-ink-2);
	transition:background .16s ease,color .16s ease;
}
.dropdown-menu>li>a:hover{ background:var(--t-blue-l) !important; color:var(--t-blue-d) !important; }
.dropdown-menu .divider{ background:var(--t-line); }

/* 遮罩：桌面端完全不参与布局 */
.aside-scrim{ display:none; }

/* ==========================================================================
   3. 侧边导航 —— 科技感：青蓝渐变高亮条
   ========================================================================== */
.app-aside{ transition:box-shadow .2s ease; }
.app-aside .navi-wrap{ padding:12px 0 60px; }
.app-aside .nav>li>a{
	margin:2px 12px;
	padding:11px 12px !important;
	border-radius:8px;
	font-size:14px;
	line-height:1.5;
	color:rgba(255,255,255,.74) !important;
	transition:background .16s ease,color .16s ease;
}
.app-aside .nav>li>a:hover{
	background:rgba(255,255,255,.10) !important;
	color:#fff !important;
}
.app-aside .nav>li>a .icon,
.app-aside .nav>li>a .fa{
	width:20px;
	margin-right:8px;
	text-align:center;
	opacity:.9;
}
/* 激活态：左侧青蓝渐变发光条 */
.app-aside .nav>.active>a{
	background:rgba(255,255,255,.16) !important;
	color:#fff !important;
	font-weight:600;
	box-shadow:inset 3px 0 0 var(--t-cyan);
	text-shadow:0 0 12px rgba(34,211,238,.35);
}
.app-aside .nav>li.padder{
	padding:14px 22px 6px !important;
	font-size:11px;
	font-weight:600;
	letter-spacing:1.1px;
	text-transform:uppercase;
	color:rgba(255,255,255,.42) !important;
}
.app-aside .nav .label{
	border-radius:20px;
	font-size:11px;
	font-weight:600;
	padding:2px 8px;
	line-height:1.6;
}
/* 二级菜单 */
.app-aside .nav-sub{
	background:rgba(0,0,0,.20);
	margin:3px 12px 8px;
	padding:4px 0;
	border-radius:8px;
}
.app-aside .nav-sub>li>a{
	position:relative;
	padding:9px 14px 9px 26px !important;
	font-size:13.5px;
	border-radius:6px;
	margin:1px 6px;
	color:rgba(255,255,255,.64) !important;
}
.app-aside .nav-sub>li>a:hover{ background:rgba(255,255,255,.10) !important; color:#fff !important; }
.app-aside .nav-sub>.active>a{ color:#fff !important; font-weight:600; }
.app-aside .nav-sub>li>a:before{
	content:"";
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-2.5px;
	width:5px;
	height:5px;
	border-radius:50%;
	background:rgba(255,255,255,.32);
	transition:background .16s ease, box-shadow .16s ease;
}
.app-aside .nav-sub>li.active>a:before{
	background:var(--t-cyan);
	box-shadow:0 0 7px rgba(34,211,238,.9);
}
/* 底部进度条 */
.app-aside .progress-xxs{
	height:4px;
	border-radius:3px;
	background:rgba(255,255,255,.14);
	overflow:hidden;
}
.app-aside .progress-bar{ border-radius:3px; }
.app-aside .text-center-folded{ font-size:12px; color:rgba(255,255,255,.58); }

/* ==========================================================================
   4. 卡片 —— 科技感：细描边 + 冷色阴影
   ========================================================================== */
.panel{
	background:var(--t-card);
	border:1px solid var(--t-line);
	border-radius:var(--t-r);
	box-shadow:var(--t-shadow);
	margin-bottom:20px;
	overflow:hidden;
}
.panel-heading{
	background:#fbfcfe;
	border-bottom:1px solid var(--t-line) !important;
	padding:13px 16px;
	color:var(--t-ink);
	font-size:14.5px;
	font-weight:600;
}
.panel-body{ padding:18px 16px; }
.panel-footer{
	background:#fbfcfe;
	border-top:1px solid var(--t-line);
	padding:13px 16px;
}
.panel-group .panel{ margin-bottom:14px; }
.panel-group .panel-heading{ border-radius:var(--t-r) var(--t-r) 0 0; }
.panel-group .panel:last-child .panel-heading{ border-radius:var(--t-r); }

/* 统计卡：左侧渐变发光条 */
.panel.padder-v.item{
	padding:20px 18px;
	position:relative;
	overflow:hidden;
	transition:transform .2s ease, box-shadow .2s ease;
}
.panel.padder-v.item:before{
	content:"";
	position:absolute;
	left:0; top:0; bottom:0;
	width:3px;
	background:linear-gradient(180deg,var(--t-cyan),var(--t-blue));
	box-shadow:0 0 10px rgba(34,211,238,.45);
}
.panel.padder-v.item:hover{
	transform:translateY(-2px);
	box-shadow:0 4px 10px rgba(16,24,40,.08), 0 14px 30px rgba(59,91,219,.12);
}
.panel.padder-v.item .h3,
.panel.padder-v.item .h1{
	font-size:25px;
	font-weight:700;
	color:var(--t-ink);
	letter-spacing:-.02em;
	font-variant-numeric:tabular-nums;
	-webkit-font-feature-settings:"tnum";
	line-height:1.22;
}
.panel.padder-v.item .text-muted{ font-size:13px; color:var(--t-ink-3) !important; }
/* 统计卡里的圆形图标 */
.panel.padder-v.item .round{
	width:44px;
	height:44px;
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color:#fff;
	background:linear-gradient(135deg,var(--t-cyan),var(--t-blue));
	box-shadow:0 4px 12px rgba(59,91,219,.28);
}

/* ==========================================================================
   5. 列表 / 订单条
   ========================================================================== */
.list-group{
	background:var(--t-card);
	border:1px solid var(--t-line);
	border-radius:var(--t-r);
	overflow:hidden;
}
.list-group-item{
	background:var(--t-card);
	border-color:var(--t-line);
	padding:13px 16px;
	color:var(--t-ink-2);
	transition:background .16s ease;
}
.list-group-item:hover{ background:#f7f8fc; }
.list-group-item.active,
.list-group-item.active:hover{ background:var(--t-blue); border-color:var(--t-blue); color:#fff; }
.list-group-item>.badge{ float:right; }
.list-group-item .info{ color:var(--t-ink-3); }

.orderTitle{
	padding:12px 16px;
	background:#fbfcfe;
	border-bottom:1px solid var(--t-line);
	border-radius:var(--t-r) var(--t-r) 0 0;
	font-size:13.5px;
}
.orderContent{
	padding:14px 16px;
	border-bottom:1px solid #f0f2f7;
	transition:background .16s ease;
}
.orderContent:last-child{ border-bottom:0; }
.orderContent:hover{ background:#fafbfe; }
.orderContent .info{ color:var(--t-ink-3); font-size:12.5px; min-width:80px; }
.orderContent .text-md{ font-size:14.5px; color:var(--t-ink); }
/* 科技感：订单号等长串用等宽字体 */
.orderTitle span{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }

.label{ border-radius:5px; font-weight:500; padding:.3em .6em; font-size:12px; }
.badge{ border-radius:20px; font-weight:500; padding:.4em .7em; }

/* ==========================================================================
   6. 表单 / 按钮
   ========================================================================== */
.form-control{
	background:#fff;
	border:1px solid #d8dde8;
	border-radius:var(--t-r-sm);
	height:38px;
	padding:8px 12px;
	color:var(--t-ink);
	transition:border-color .18s ease, box-shadow .18s ease;
}
.form-control:focus{
	border-color:var(--t-blue);
	box-shadow:0 0 0 3px rgba(59,91,219,.14);
	outline:none;
}
.form-control::-webkit-input-placeholder{ color:#a9b1c1; }
.input-group-addon{
	background:#f6f7fa;
	border-color:#d8dde8;
	color:var(--t-ink-3);
	border-radius:var(--t-r-sm);
	font-size:13px;
}
.input-group .form-control{ border-radius:var(--t-r-sm); }
.input-group-addon:first-child{ border-top-right-radius:0; border-bottom-right-radius:0; }
.input-group-addon:last-child{ border-top-left-radius:0; border-bottom-left-radius:0; }
select.form-control{
	appearance:none;
	-webkit-appearance:none;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%238a94a6' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 12px center;
	padding-right:30px;
}
.checkbox,.radio{ padding-left:24px; }
.control-label{ color:var(--t-ink-2); font-weight:500; font-size:14px; }

.btn{
	border-radius:var(--t-r-sm);
	font-weight:500;
	padding:8px 16px;
	transition:all .18s ease;
}
.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }
.btn-sm{ padding:6px 13px; font-size:13px; }
.btn-xs{ padding:4px 10px; font-size:12px; border-radius:5px; }
.btn-lg{ padding:10px 20px; font-size:15px; border-radius:9px; }
.btn-primary{ background:var(--t-blue); border-color:var(--t-blue); }
.btn-primary:hover,.btn-primary:focus{ background:var(--t-blue-d); border-color:var(--t-blue-d); box-shadow:var(--t-glow); }
.btn-success{ background:#12b76a; border-color:#12b76a; }
.btn-success:hover,.btn-success:focus{ background:#0e9c5b; border-color:#0e9c5b; box-shadow:0 6px 16px rgba(18,183,106,.28); }
.btn-danger{ background:#f04438; border-color:#f04438; }
.btn-danger:hover,.btn-danger:focus{ background:#d92d20; border-color:#d92d20; box-shadow:0 6px 16px rgba(240,68,56,.28); }
.btn-warning{ background:#f79009; border-color:#f79009; }
.btn-warning:hover,.btn-warning:focus{ background:#dc8008; border-color:#dc8008; }
.btn-info{ background:#0ba5ec; border-color:#0ba5ec; }
.btn-info:hover,.btn-info:focus{ background:#0894d4; border-color:#0894d4; }
.btn-default{ background:#fff; color:var(--t-ink-2); border-color:#d8dde8; }
.btn-default:hover,.btn-default:focus{ background:#f7f8fc; color:var(--t-blue); border-color:#c3cbe0; }
.btn-white{ background:#fff; color:var(--t-ink-2); border-color:#d8dde8; }
.btn-white:hover{ background:#f7f8fc; color:var(--t-blue); border-color:#c3cbe0; }
.btn-link{ color:var(--t-blue); }

/* ==========================================================================
   7. 表格
   ========================================================================== */
.table{ border-color:var(--t-line); color:var(--t-ink); }
.table>thead>tr>th{
	background:#f7f8fc;
	color:var(--t-ink-2);
	font-weight:600;
	font-size:13px;
	border-bottom:1px solid var(--t-line);
	border-top:0;
	padding:11px 10px;
	white-space:nowrap;
	vertical-align:middle;
}
.table>tbody>tr>td{ padding:10px; border-top:1px solid #f0f2f7; vertical-align:middle; }
.table>tbody>tr:first-child>td{ border-top:0; }
.table-striped>tbody>tr:nth-of-type(odd){ background-color:#fbfcfe; }
.table-hover>tbody>tr:hover{ background-color:var(--t-blue-l); }
.table .info{ color:var(--t-ink-3); font-weight:400; }
.table a{ color:var(--t-blue); }
.fixed-table-container{ border:1px solid var(--t-line); border-radius:var(--t-r); overflow:hidden; }
.fixed-table-body{ border-radius:0; }
.fixed-table-pagination{ border-top:1px solid var(--t-line); background:#fff; margin-top:0 !important; }
.pagination{ margin-top:14px; }
.page-item:first-child .page-link{ border-top-left-radius:var(--t-r-sm); border-bottom-left-radius:var(--t-r-sm); }
.page-item:last-child .page-link{ border-top-right-radius:var(--t-r-sm); border-bottom-right-radius:var(--t-r-sm); }
.page-link{
	color:var(--t-blue) !important;
	border:1px solid var(--t-line) !important;
	border-radius:var(--t-r-sm) !important;
	min-width:34px;
	text-align:center;
	margin:0 -1px;
	transition:background .14s ease;
}
.page-link:hover{ background:var(--t-blue-l); }
.page-item.active .page-link{ background:var(--t-blue) !important; border-color:var(--t-blue) !important; color:#fff !important; }
.page-item.disabled .page-link{ color:var(--t-ink-3) !important; background:#fff; }

.alert{ border-radius:var(--t-r-sm); border-width:1px; padding:12px 16px; font-size:14px; }

/* ==========================================================================
   8. 手机端 —— 修复「看不到全部」+ 保留原风格做适配
   ========================================================================== */
@media (max-width: 767px){

	/* —— 核心修复：手机端默认彻底隐藏侧栏，只有点 ☰ 才展开 —— */
	.app-aside{
		display:none;
		float:none;
		position:absolute;
		top:var(--t-nav-h);
		bottom:0;
		left:0;
		z-index:1030;
		width:78vw;
		max-width:300px;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}
	.app-aside.off-screen{ display:block !important; }
	.off-screen{
		position:absolute;
		top:var(--t-nav-h);
		bottom:0;
		left:0;
		z-index:1030;
		display:block !important;
		width:78vw !important;
		max-width:300px;
		box-shadow:8px 0 40px rgba(16,24,40,.34);
		-webkit-overflow-scrolling:touch;
	}
	/* 内容不位移，浮层抽屉 */
	.off-screen + *{
		position:relative;
		z-index:1020;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		min-height:100vh;
	}
	/* 遮罩夹在内容和抽屉之间 */
	.aside-scrim{
		display:block;
		position:fixed;
		top:0; right:0; bottom:0; left:0;
		z-index:1025;
		background:rgba(16,24,40,.45);
		opacity:0;
		visibility:hidden;
		-webkit-transition:opacity .28s ease, visibility .28s ease;
		transition:opacity .28s ease, visibility .28s ease;
	}
	.app-aside.off-screen ~ .aside-scrim{ opacity:1; visibility:visible; }

	/* 顶栏 */
	.navbar-header{ width:auto !important; }
	.navbar-header,
	.navbar-collapse{ min-height:var(--t-nav-h); }
	.navbar-brand{ line-height:var(--t-nav-h) !important; font-size:15px; padding:0 12px !important; }
	.navbar-nav>li>a{ line-height:var(--t-nav-h) !important; padding:0 10px !important; font-size:14px; }
	.hidden-sm,.hidden-xs{ display:none !important; }

	/* 横向溢出兜底 */
	.app{ overflow-x:hidden; }
	.app-content,
	.app-content-body{ max-width:100%; overflow-x:hidden; }
	/* Bootstrap .row 默认 -15px 负边距，窄屏会撑破容器 */
	.row{ margin-left:0; margin-right:0; }
	.row > [class*="col-"]{ padding-left:8px; padding-right:8px; }
	img{ max-width:100%; height:auto; }
	.h1,.h2,.h3,.h4,.text-md,.orderContent span,.fixed-table-body td{
		word-break:break-word;
		overflow-wrap:anywhere;
	}
	.panel.padder-v.item .row > *{ min-width:0; }
	/* 底纹在手机上太重，关掉 */
	.app-content:before{ display:none; }

	/* 间距 */
	.wrapper{ padding-left:12px; padding-right:12px; }
	.app-content-body{ padding-bottom:24px; }
	.app-content .wrapper{ padding-top:12px; }
	.app-footer .wrapper{ padding:12px 14px; font-size:11.5px; }

	/* 卡片 */
	.panel{ margin-bottom:12px; border-radius:9px; }
	.panel-heading{ padding:12px 13px; font-size:14px; }
	.panel-body{ padding:14px 13px; }
	.panel-footer{ padding:12px 13px; }
	.panel.padder-v.item{ padding:15px 14px; margin-bottom:10px; }
	.panel.padder-v.item .h3,
	.panel.padder-v.item .h1{ font-size:21px; }
	.panel.padder-v.item .round{ width:38px; height:38px; font-size:16px; border-radius:10px; }

	/* 触摸目标 */
	.btn{ min-height:40px; padding:9px 15px; }
	.btn-sm{ min-height:34px; }
	.btn-xs{ min-height:30px; }
	.form-control{ height:42px; font-size:16px; }  /* 16px 防 iOS 聚焦缩放 */
	select.form-control{ font-size:16px; }
	.input-group-addon{ font-size:14px; }
	.app-aside .nav>li>a{ min-height:44px; display:flex; align-items:center; }

	/* 表单标签堆叠 */
	.form-group [class*="col-"],
	.form-group .control-label{
		text-align:left !important;
		padding-left:0 !important;
		padding-right:0 !important;
		margin-bottom:6px;
		font-size:13.5px;
	}

	/* 表格横滚 */
	.table-responsive{ -webkit-overflow-scrolling:touch; overflow-x:auto; }
	.fixed-table-body{ overflow-x:auto !important; -webkit-overflow-scrolling:touch; }
	.table>thead>tr>th,
	.table>tbody>tr>td{ padding:10px 8px; font-size:13.5px; }

	/* 订单条 */
	.orderTitle{ padding:10px 13px; font-size:13px; }
	.orderContent{ padding:12px 13px; }
	.orderContent .info{ min-width:0; font-size:12px; }
	.orderContent .text-md{ font-size:14px; }

	.list-group{ border-radius:9px; }
	.list-group-item{ padding:12px 13px; }
	.list-group-item>.badge{ float:none; margin-left:6px; }

	.pagination>li>a,
	.pagination>li>span{ padding:8px 11px; font-size:13.5px; }
}

/* 刘海屏安全区 */
@supports (padding: max(0px)){
	@media (max-width: 767px){
		.app-header{ padding-top:env(safe-area-inset-top); }
		.navbar-header,
		.navbar-collapse{ min-height:calc(var(--t-nav-h) + env(safe-area-inset-top)); }
		.navbar-brand{ line-height:calc(var(--t-nav-h) + env(safe-area-inset-top)) !important; }
		.app-aside,.off-screen{ top:calc(var(--t-nav-h) + env(safe-area-inset-top)); }
		.app-content-body{ padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
		.app-footer .wrapper{ padding-bottom:calc(12px + env(safe-area-inset-bottom)); }
	}
}

/* ==========================================================================
   9. 超小屏（≤414px）
   ========================================================================== */
@media (max-width: 414px){
	.wrapper{ padding-left:10px; padding-right:10px; }
	.navbar-brand span{ max-width:44vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.app-aside,.off-screen{ width:80vw; }
	.btn{ padding:9px 13px; font-size:14.5px; }
	.panel.padder-v.item .h3,
	.panel.padder-v.item .h1{ font-size:20px; }
	.table>thead>tr>th,
	.table>tbody>tr>td{ padding:9px 6px; font-size:13px; }
}

/* ==========================================================================
   10. 登录 / 注册 / 找回密码
   ========================================================================== */
.nav-tabs{
	border-bottom:2px solid var(--t-line);
	margin-bottom:22px;
}
.nav-tabs>li{ margin-bottom:-2px; }
.nav-tabs>li>a{
	border:0 !important;
	border-bottom:2px solid transparent !important;
	border-radius:0;
	color:var(--t-ink-3);
	font-size:15px;
	padding:10px 18px;
	transition:color .18s ease, border-color .18s ease;
}
.nav-tabs>li.active>a,
.nav-tabs>li:hover>a{
	color:var(--t-blue) !important;
	background:transparent !important;
	border-bottom-color:var(--t-blue) !important;
}
.navbar-brand.block{ color:var(--t-ink) !important; font-size:22px; font-weight:700; letter-spacing:.2px; }
.wrapper.text-center strong{ color:var(--t-ink-2); font-size:16px; font-weight:500; }
.btn-block{ border-radius:var(--t-r-sm); font-weight:600; }
.wrapper-md,
.container.w-xxl{ background:transparent; }

@media (max-width: 767px){
	.navbar-brand.block{ font-size:20px; }
	.nav-tabs>li>a{ padding:10px 12px; font-size:14px; }
	.wrapper-md,
	.container.w-xxl{ padding-left:20px !important; padding-right:20px !important; }
}

/* ==========================================================================
   11. 通用
   ========================================================================== */
.text-muted{ color:var(--t-ink-3) !important; }
.text-primary{ color:var(--t-blue) !important; }
.text-success{ color:#12b76a !important; }
.text-warning{ color:#f79009 !important; }
.text-danger{ color:#f04438 !important; }
.text-info{ color:#0ba5ec !important; }
.hr-line{ border:0; border-top:1px solid var(--t-line); margin:16px 0; }
.rounded-corner{ border-radius:var(--t-r-sm) !important; }

::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(60,60,67,.26); border-radius:4px; }
::-webkit-scrollbar-thumb:hover{ background:rgba(60,60,67,.4); }

@media print{
	.app-aside,.app-header,.aside-scrim,.btn,.pagination{ display:none !important; }
	body{ background:#fff; }
}