@charset "UTF-8";
/* CSS Document */

.resume_page[data-status="edit"]::before {
	position: absolute;right:0;top:-25px;
	height:25px;line-height:25px;padding:1px 8px;
	background: #f5f5f5;color:#888;box-sizing: border-box;
}

/*
.resume_page[data-status="edit"][data-pagenum="1"]::before {content: "第1页";}
.resume_page[data-status="edit"][data-pagenum="2"]::before {content: "第2页";}
.resume_page[data-status="edit"][data-pagenum="3"]::before {content: "第3页";}
.resume_page[data-status="edit"][data-pagenum="4"]::before {content: "第4页";}
.resume_page[data-status="edit"][data-pagenum="5"]::before {content: "第5页";}
*/

.resume_page[data-status="edit"]  .resume_page_module_setmenu {
	position: absolute;right:0;top:30px;padding:5px 0;display: none;overflow: visible;
	background: rgba(255, 255, 255, 1);width: max-content;height: max-content;
    
	backdrop-filter: blur(15px);border-radius: 10px;z-index:200;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.resume_page[data-status="edit"]  .resume_page_module_setmenu li {
	height:35px;line-height:35px;padding:0 15px;display: flex;color:#555;
	box-sizing: border-box;justify-content: space-between;flex-wrap: nowrap;
}
.resume_page[data-status="edit"]  .resume_page_module_setmenu li.divide {
	height:0px;line-height:0px;padding:0;
	overflow: hidden;border-top:#ddd solid 1px;
}
.resume_page[data-status="edit"]  .resume_page_module_setmenu li i {
	border:#ddd solid 1px;width:18px;height:18px;border-radius: 5px;
	display: block;margin:7px 0 0 30px;cursor: pointer;
}
.resume_page[data-status="edit"]  .resume_page_module_setmenu li:hover i {
	border-color:#06c;
}
.resume_page[data-status="edit"] .resume_page_module_setmenu li i.active {
	border-color:#06c;background: url(../svg/dui_white.svg) no-repeat center center #06c;
	background-size:  18px;
}
.resume_page[data-status="edit"] .resume_page_module_setmenu::before {
	content: "";
	position: absolute;
	right: 5px;top: -5px;width: 0;height: 0;
	transform: translateY(-50%);
	border-right: 7px solid transparent;border-left: 7px solid transparent;
	border-bottom: 10px solid rgba(255, 255, 255, 0.5);
}
.resume_page[data-status="edit"]  .resume_page_module_buttons {
	position: absolute;right: 0;top:-30px;z-index:199;gap:5px;height:40px;padding:6px 8px;
	display: flex; justify-content: flex-end;box-sizing: border-box;
	
	opacity: 0;transition:all 0.3s;-webkit-transition: all 0.3s;
	
	backdrop-filter: blur(10px);border-radius: 30px;background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.resume_page[data-status="edit"]  .resume_page_module_buttons .module_button {
	width:28px;height:28px;border-radius: 28px;backdrop-filter: blur(0px);
	background:url(../svg/editor_buttons_555.svg) no-repeat 3px 3px transparent;
	background-size: 46px;transition:all 0.3s;-webkit-transition: all 0.3s;
}
.resume_page[data-status="edit"]  .resume_page_module_buttons .module_button:hover {
	background-color: rgba(0, 102, 204, 0.1);transform: translateY(-2px);
}
.resume_page[data-status="edit"]  .resume_page_module_buttons .button_move {background-position: -21px 3px;}
.resume_page[data-status="edit"]  .resume_page_module_buttons .button_insert {background-position: 3px -21px;}
.resume_page[data-status="edit"]  .resume_page_module_buttons .button_copy {background-position: -20px -21px;}
.resume_page[data-status="edit"]  .resume_page_module_buttons .button_edit {background-position: 3px -44px;}
.resume_page[data-status="edit"]  .resume_page_module_buttons .button_style {background-position: -20px -43px;}
.resume_page[data-status="edit"]  .resume_page_module_buttons .button_list {background-position: 3px -67px;}




/* 针对于编辑形态时的样式控制 */
.resume_page[data-status="edit"] .resume_page_module {z-index: 10;}
.resume_page[data-status="edit"] .resume_page_module:hover {border-color: #4297FD;z-index:99;}
.resume_page[data-status="edit"] .resume_page_module:hover .resume_page_module_buttons {display:flex;opacity: 1; transform: translateY(-5px);}

.resume_page[data-status="edit"] .resume_page_skill .item:hover,
.resume_page[data-status="edit"] .resume_page_hobby .item:hover,
.resume_page[data-status="edit"] [contenteditable]:hover{
	background: rgba(221, 221, 221, 0.8);cursor: text;
}
/*
.resume_page[data-editcontent="true"] {
	position:inherit;z-index:1;
}*/

.resume_page[data-status="edit"] .resume_page_intention dd i,
.resume_page[data-status="edit"] .resume_page_profile dd i,
.resume_page[data-status="edit"] .resume_page_skill dd i,
.resume_page[data-status="edit"] .resume_page_hobby dd i,
.resume_page[data-status="edit"] .resume_page_score_table_item i  {
	display: none;z-index:0;position: relative;
}

.resume_page[data-status="edit"] .resume_page_intention dd:hover i,
.resume_page[data-status="edit"] .resume_page_profile dd:hover i,
.resume_page[data-status="edit"] .resume_page_skill dd:hover i,
.resume_page[data-status="edit"] .resume_page_hobby dd:hover i,
.resume_page[data-status="edit"] .resume_page_score_table_item:hover i {
	position: absolute;right: -5px;top:-5px;
	font-family: "iconfont" !important;color:#FFF;
    font-size: 11px;font-style: normal;font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background: red;border-radius: 16px;cursor: pointer;
	display: block;width:12px;height:12px;line-height: 12px;overflow: hidden;
}

.resume_page[data-status="edit"] .resume_page_intention dd i::before, .resume_page[data-status="edit"] .resume_page_profile dd i::before, .resume_page[data-status="edit"] .resume_page_skill dd i::before, .resume_page[data-status="edit"] .resume_page_hobby dd i::before, .resume_page[data-status="edit"] .resume_page_score_table_item i::before {
	content: "\e629";
}

.resume_page[data-status="edit"] .resume_page_creatio dd.nodata * {
	display: flex!important;
}


.resume_experience_buttons .resume_experience_buttons_oper {
/*	position: absolute;bottom:-15px;*/
	opacity: 0;transition: all 0.3s ease;
}

.resume_experience_buttons .resume_experience_buttons_ai {
	position: absolute;right:0;bottom:0px;display: none;margin-top:-15px;
}

.resume_experience_buttons .resume_experience_buttons_oper {
	position: absolute;left:-18px;top:10px;
	opacity: 0;transition: all 0.3s ease;
}

.resume_experience_buttons .up, .resume_experience_buttons .down, .resume_experience_buttons .del {
	width: 30px;height: 30px;border-radius: 50%;
    display: flex;text-indent: -999px;cursor: pointer;overflow: hidden;
    background: url("../svg/editor_experience_oper.svg") no-repeat 4px 4px rgba(149, 179, 215, 0.1);
	background-size: 22px;transition: all 0.3s ease;
	
	backdrop-filter: blur(10px);border:#d9d9d9 solid 1px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.resume_experience_buttons .down {
	background-position: 4px -18px;
	margin:5px 0 20px;
}
.resume_experience_buttons .del {
	background-size: 30px;
	background-position: 0 -60px;
}

.resume_experience_buttons .up:hover, .resume_experience_buttons .down:hover, .resume_experience_buttons .del:hover {
	transform:scale(1.2);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.resume_page_core dd:hover .resume_experience_buttons_oper {
	transform: translateX(-15px);opacity: 1;
}

.resume_page_core dd:hover .resume_experience_buttons_ai {
	display: block;
}


.resume_page[data-status="edit"] [contenteditable="true"]:focus {
  /* 自定义您的焦点样式 */
	outline: 1px solid #81afe5; /* 蓝色轮廓 */
	background:rgba(147, 188, 235, 0.3);
	/*background: color-mix(in srgb, currentColor 8%, transparent 92%);*/
	border-radius: 6px; /* 圆角效果 */
	/*box-shadow: 0 1px 10px 1000px rgba(0, 0, 0, 0.5);*/
	box-shadow: 0 1px 10px 3px rgba(74, 144, 226, 0.3);
	/*position: relative;z-index:105;*/
	transition: all 0.1s ease;
}