/* Shared full-screen shell for the retained Destoon member pages. */
html, body.mc-body { min-width: 0; min-height: 100%; }
body.mc-body {
	margin: 0;
	background: #f2f3f5;
	color: #20242a;
	font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.mc-shell { min-height: 100vh; width: 100%; box-sizing: border-box; }
.mc-topbar {
	height: 56px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 22px;
	background: #ffffff;
	border-bottom: 1px solid #e6e8eb;
}
.mc-brand, .mc-topbar-actions, .mc-topbar-link, .mc-message-link { display: flex; align-items: center; }
.mc-brand-group { display: flex; align-items: center; min-width: 0; }
.mc-brand { gap: 8px; color: #17212b; text-decoration: none; font-size: 16px; font-weight: 700; }
.mc-brand img { width: 28px; height: 28px; border-radius: 5px; object-fit: contain; }
.mc-brand-sub { margin-left: 8px; padding-left: 8px; border-left: 1px solid #d9dde2; color: #6b7280; font-size: 13px; font-weight: 400; text-decoration: none; white-space: nowrap; }
.mc-brand-sub:hover { color: #0f766e; }
.mc-topbar-actions { gap: 16px; min-width: 0; font-size: 13px; }
.mc-topbar-link, .mc-message-link { color: #4b5563; text-decoration: none; white-space: nowrap; }
.mc-topbar-link:hover, .mc-message-link:hover { color: #0f766e; }
.mc-message-link { position: relative; }
.mc-message-link em, .mc-nav-item em { margin-left: 5px; min-width: 16px; box-sizing: border-box; padding: 1px 5px; border-radius: 10px; background: #d92d20; color: #fff; font-size: 11px; font-style: normal; text-align: center; }
.mc-user-name { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #20242a; }
.mc-admin-notice { padding: 4px 8px; border: 1px solid #f6c453; background: #fff8e6; color: #8a5700; border-radius: 4px; white-space: nowrap; }
.mc-layout { display: flex; min-height: calc(100vh - 56px); width: 100%; }
.mc-app-sidebar { flex: 0 0 216px; width: 216px; box-sizing: border-box; background: #fff; border-right: 1px solid #e6e8eb; }
.mc-sidebar { width: auto; min-height: 100%; background: transparent; border: 0; overflow: visible; }
.mc-nav { padding: 14px 0; }
.mc-nav-group { margin: 0 0 16px; }
.mc-nav-overview { margin: 0 0 14px; }
.mc-nav-overview-link, .mc-nav-static { display:flex; align-items:center; min-height:40px; padding:0 18px; color:#4b5563; font-size:14px; line-height:40px; text-decoration:none; }
.mc-nav-overview-link:hover, .mc-nav-overview-link.mc-on { background:#e3f1ed; color:#0f766e; font-weight:600; }
.mc-nav-head { padding: 8px 18px; color: #8b949e; font-size: 12px; font-weight: 600; letter-spacing: 0; }
.mc-nav-body ul { margin: 0; padding: 0; list-style: none; }
.mc-nav-item { position: relative; min-height: 40px; box-sizing: border-box; padding: 0; color: #4b5563; font-size: 14px; line-height: 40px; }
.mc-sidebar .mc-nav-item { background-image:none!important; }
.mc-nav-item a { display:flex!important; align-items:center; min-height:40px; padding:0 18px; color:inherit; line-height:40px; text-decoration:none; }
.mc-nav-icon-slot { display:inline-flex; flex:0 0 28px; align-items:center; justify-content:center; width:28px; height:28px; color:#6c7780; }
.mc-nav-icon { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mc-nav-item:hover .mc-nav-icon-slot, .mc-nav-item.mc-on .mc-nav-icon-slot { color:#0f766e; }
.mc-nav-item.mc-on::before { position:absolute; z-index:1; top:10px; left:0; width:3px; height:20px; border-radius:0 2px 2px 0; background:#0f766e; content:""; }
.mc-nav-item:hover { background: #f2f7f6; color: #0f766e; }
.mc-nav-item.mc-on { background: #e3f1ed; color: #0f766e; font-weight: 600; }
.mc-nav-item em { position: absolute; right: 14px; top: 50%; margin: 0; transform: translateY(-50%); display: inline-block; line-height: normal; }
.mc-nav-disclosure { width:100%; }
.mc-nav-disclosure summary { display:flex; align-items:center; min-height:40px; padding:0 18px; cursor:pointer; list-style:none; }
.mc-nav-disclosure summary::-webkit-details-marker { display:none; }
.mc-nav-disclosure summary::after { width:16px; margin-left:auto; color:#8b949e; content:'+'; font-size:17px; font-weight:400; text-align:center; }
.mc-nav-disclosure[open] summary::after { content:'-'; }
.mc-nav-disclosure > ul { margin:0; padding:0 0 4px; list-style:none; }
.mc-nav-subitem { min-height:34px; margin-left:46px; font-size:13px; line-height:34px; }
.mc-nav-subitem a { min-height:34px; padding:0 12px; line-height:34px; }
.mc-nav-coming { color:#8b949e; }
.mc-nav-coming .mc-nav-static { cursor:default; }
.mc-nav-coming small { margin-left:auto; padding:1px 6px; border:1px solid #d9dde2; border-radius:3px; color:#8b949e; font-size:11px; line-height:18px; }
.mc-main { min-width: 0; flex: 1 1 auto; box-sizing: border-box; padding: 24px; }
.mc-main > .m, .mc-main > .content, .mc-main > .main { max-width: none; }
.back2top { position: fixed; right: 20px; bottom: 20px; }
@media screen and (max-width: 900px) {
	.mc-topbar { padding: 0 14px; }
	.mc-topbar-actions { gap: 10px; }
	.mc-topbar-link { display: none; }
	.mc-app-sidebar { flex-basis: 184px; width: 184px; }
	.mc-main { padding: 16px; }
}
@media screen and (max-width: 640px) {
	.mc-topbar { height: auto; min-height: 54px; align-items: flex-start; gap: 10px; padding: 10px 12px; }
	.mc-brand small, .mc-brand-sub, .mc-user-name, .mc-admin-notice { display: none; }
	.mc-layout { display: block; min-height: 0; }
	.mc-app-sidebar { width: 100%; border-right: 0; border-bottom: 1px solid #e6e8eb; }
	.mc-nav { display: flex; overflow-x: auto; padding: 0; }
	.mc-nav-group { flex: 0 0 auto; margin: 0; }
	.mc-nav-head { display: none; }
	.mc-nav-body ul { display: flex; }
	.mc-nav-disclosure > ul { display:block; }
	.mc-nav-overview { flex:0 0 auto; margin:0; }
	.mc-nav-disclosure summary::after { display:none; }
	.mc-nav-subitem { margin-left:0; }
	.mc-nav-item { padding: 0 12px; white-space: nowrap; }
	.mc-main { padding: 12px; }
}