#svgroot {-moz-user-select: none;-webkit-user-select: none;display: block;}#svg_editor {background: var(--z1);}#qinmsdiv_svgcanvas {background-color: var(--z2);display: block;}#qinmsdiv_workarea {display: block;position: absolute;top: var(--x17);  left: var(--x12);bottom: var(--x10);right: calc(var(--panel-width) + var(--x4));background-color: var(--z2);overflow: auto;align-items: center;justify-content: center;transition: transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);border-radius: var(--x2);box-shadow: var(--shadow-bg);}.inverted #qinmsdiv_svgcanvas,.inverted #qinmsdiv_workarea {  background:  var(--z1);}#qinmsdiv_workarea.rect, #qinmsdiv_workarea.line, #qinmsdiv_workarea.ellipse, #qinmsdiv_workarea.path, #qinmsdiv_workarea.shapelib, #qinmsdiv_workarea.barcode, #qinmsdiv_workarea.qrcode {cursor: crosshair;}#qinmsdiv_workarea.text {cursor: text;}#qinmsdiv_workarea.eyedropper {cursor: url(/source/2qiniu/img/svgimages/eyedropper.svg) 0 16, crosshair;}#qinmsdiv_workarea.fhpath {cursor: url(/source/2qiniu/img/svgimages/pencil_cursor.png) 0 16, crosshair;}#qinmsdiv_workarea.rotate * {cursor: url(/source/2qiniu/img/svgimages/rotate.png) 12 12, auto;}#qinmsdiv_workarea.select text, #qinmsdiv_workarea.multiselect text {cursor: default;}#qinmsdiv_workarea.n-resize * {cursor: n-resize !important;}#qinmsdiv_workarea.e-resize * {cursor: e-resize !important;}#qinmsdiv_workarea.w-resize * {cursor: w-resize !important;}#qinmsdiv_workarea.s-resize * {cursor: s-resize !important;}#qinmsdiv_workarea.ne-resize * {cursor: ne-resize !important;}#qinmsdiv_workarea.se-resize * {cursor: se-resize !important;}#qinmsdiv_workarea.nw-resize * {cursor: nw-resize !important;}#qinmsdiv_workarea.sw-resize * {cursor: sw-resize !important;}#workspace.dragging *,body.dragging * {cursor: url(/source/2qiniu/img/svgimages/dragging.png), move;cursor: -webkit-grabbing;cursor: -moz-grabbing;}#workspace.drag * {  cursor: url(/source/2qiniu/img/svgimages/dragging.png), move;  cursor: -webkit-grabbing;  cursor: -moz-grabbing;}#qinmsdiv_workarea.copy {cursor: copy;}#qinmsdiv_workarea.zoom {cursor: crosshair;cursor: -moz-zoom-in;cursor: -webkit-zoom-in;}#qinmsdiv_workarea.zoom.out {cursor: crosshair;cursor: -moz-zoom-out;cursor: -webkit-zoom-out;}#selectorRubberBand {  shape-rendering: crispEdges;}.align_buttons {  margin-bottom: var(--x2);}.align_button,.align_button * {  transition: var(--transition);}.align_button:hover,.align_button:hover * {  transition: none;}.align_button {  float: left;  height: var(--x13);  width: var(--x13);  line-height: var(--x16);  text-align: center;  cursor: pointer;  position: relative;}.align_button:hover {  background-color: var(--z0);  border-color: var(--z3);}.align_button svg {  fill: var(--z10);}.align_button:hover svg {  fill: var(--z15);  transition: none;}.align_button:nth-child(1) {border-radius: var(--x1) 0 0 0;}.align_button:nth-child(3) {border-radius: 0 var(--x1) 0 0;}.align_button:nth-child(4) {border-radius: 0 0 0 var(--x1);}.align_button:nth-child(6) {border-radius: 0 0 var(--x1) 0;}.align_buttons .push_button {  display: block;  float: left;}:root, .inverted-undo {--z0: #111827;  --a0: #2a1c26; --b0: #2a2429;  --c0: #162730; --z1: linear-gradient(135deg, #0f172a 0%, #020617 100%);  --a1: #421f24; --b1: #45322a;  --c1: #1c3b3b; --z2: rgba(30, 41, 59, 1);  --a2: #5a2122; --b2: #60422b;  --c2: #1f4f47; --z3: #393e4c;  --a3: #71231f; --b3: #7b522a;  --c3: #226452; --z4: #474c59;  --a4: #89221c; --b4: #976328;  --c4: #227a5e; --z5: #565a66;  --a5: #a22018; --b5: #b47424;  --c5: #20906a; --z6: #656974;  --a6: #bb1b13; --b6: #d1861d;  --c6: #1ba776; --z7: #747782;  --a7: #d4100b; --b7: #f0990f;  --c7: #0ebf82; --z8: #848790;  --a8: #e62b18; --b8: #ffa723;  --c8: #31ce8f; --z9: #94969f;  --a9: #ee5035; --b9: #ffb146;  --c9: #59d49c; --z10: #a4a6ae; --a10: #f66d50;--b10: #ffbc63; --c10: #76dbaa; --z11: #b4b7bd; --a11: #fb866c;--b11: #ffc67d; --c11: #8fe0b7; --z12: #c5c7cc; --a12: #ff9f88;--b12: #ffd197; --c12: #a7e6c5; --z13: #d6d8db; --a13: #ffb7a5;--b13: #ffdbb1; --c13: #bdecd3; --z14: #e7e9eb; --a14: #ffcfc3;--b14: #ffe6cb; --c14: #d2f1e1; --z15: #f9fafb; --a15: #fee6e1;--b15: #fef1e5; --c15: #e8f6ef; --d0: #152239;  --e0: #181e39; --f0: #1f1d39;  --g0: #291d30; --d1: #1a3050;  --e1: #202651; --f1: #2f2251;  --g1: #43223b; --d2: #1d3d69;  --e2: #282e69; --f2: #3f2769;  --g2: #5e2647; --d3: #1e4c82;  --e3: #303782; --f3: #502b82;  --g3: #7a2953; --d4: #1e5a9d;  --e4: #383f9d; --f4: #622e9d;  --g4: #962a5f; --d5: #1c69b8;  --e5: #4047b8; --f5: #7430b8;  --g5: #b32a6c; --d6: #1779d4;  --e6: #4750d4; --f6: #8732d4;  --g6: #d12678; --d7: #0b89f0;  --e7: #4e59f0; --f7: #9933f0;  --g7: #ef2085; --d8: #3797ff;  --e8: #6366ff; --f8: #aa43ff;  --g8: #ff3892; --d9: #62a3ff;  --e9: #7e78ff; --f9: #b85fff;  --g9: #ff5c9f; --d10: #7fafff; --e10: #958aff; --f10: #c477ff;--g10: #ff78ac; --d11: #98bbfe; --e11: #a99cff; --f11: #cf8fff;--g11: #ff91b9; --d12: #aec8fe; --e12: #bbafff; --f12: #daa5ff;--g12: #ffa8c6; --d13: #c3d4fd; --e13: #cdc2fe; --f13: #e3bbfe;--g13: #ffbed4; --d14: #d7e2fd; --e14: #ddd6fd; --f14: #ebd1fd;--g14: #ffd4e1; --d15: #eaeffc; --e15: #ece9fc; --f15: #f3e8fc;--g15: #fde9ef;-webkit-font-smoothing: antialiased;--shadow-bg: 0 var(--x2) var(--x4) var(--z0);--shadow: 0 var(--x1) var(--x8) rgba(0,0,0,0.4);--accent0:  var(--d0);  --comp0:  var(--g0);--accent1:  var(--d1);  --comp1:  var(--g1);--accent2:  var(--d2);  --comp2:  var(--g2);--accent3:  var(--d3);  --comp3:  var(--g3);--accent4:  var(--d4);  --comp4:  var(--g4);--accent5:  var(--d5);  --comp5:  var(--g5);--accent6:  var(--d6);  --comp6:  var(--g6);--accent7:  var(--d7);  --comp7:  var(--g7);--accent8:  var(--d8);  --comp8:  var(--g8);--accent9:  var(--d9);  --comp9:  var(--g9);--accent10: var(--d10); --comp10: var(--g10);--accent11: var(--d11); --comp11: var(--g11);--accent12: var(--d12); --comp12: var(--g12);--accent13: var(--d13); --comp13: var(--g13);--accent14: var(--d14); --comp14: var(--g14);--accent15: var(--d15); --comp15: var(--g15);}.inverted {--z0: #ffffff;  --a0: #ffebe5;  --b0: #fff5e9;  --c0: #edfaf3; --z1: #ececee;  --a1: #ffd2c6;  --b1: #ffeace;  --c1: #d7f5e4; --z2: #dadade;  --a2: #ffbaa7;  --b2: #ffdfb3;  --c2: #c1efd5; --z3: #c8c8ce;  --a3: #ffa28a;  --b3: #ffd399;  --c3: #aae9c7; --z4: #b6b6be;  --a4: #fe886d;  --b4: #ffc87f;  --c4: #92e2b9; --z5: #a4a5ae;  --a5: #f76e51;  --b5: #ffbd64;  --c5: #78dcab; --z6: #93949e;  --a6: #ef5135;  --b6: #ffb247;  --c6: #5ad59d; --z7: #82838f;  --a7: #e62c18;  --b7: #ffa723;  --c7: #31ce8f; --z8: #727380;  --a8: #d30d0a;  --b8: #ef980e;  --c8: #0dbe81; --z9: #616371;  --a9: #b91612;  --b9: #cf841c;  --c9: #18a574; --z10: #525463; --a10: #9e1a17; --b10: #b17122; --c10: #1d8c68; --z11: #424555; --a11: #851b1a; --b11: #935e26; --c11: #1e745b; --z12: #333647; --a12: #6c1b1c; --b12: #764c27; --c12: #1d5d4e; --z13: #25283a; --a13: #53191e; --b13: #5a3a27; --c13: #1a4742; --z14: #171b2d; --a14: #3b1620; --b14: #3e2a26; --c14: #153236; --z15: #080c21; --a15: #221320; --b15: #231a23; --c15: #0f1e2a; --d0: #eff3ff;  --e0: #f2eeff;  --f0: #f9ecff;  --g0: #ffedf3; --d1: #dbe5ff;  --e1: #e2d9ff;  --f1: #f0d5ff;  --g1: #ffd7e5; --d2: #c7d8ff;  --e2: #d1c5ff;  --f2: #e7bfff;  --g2: #ffc1d6; --d3: #b2caff;  --e3: #bfb2ff;  --f3: #dda8ff;  --g3: #ffabc8; --d4: #9bbdff;  --e4: #ac9eff;  --f4: #d290ff;  --g4: #ff93bb; --d5: #81b0ff;  --e5: #978bff;  --f5: #c679ff;  --g5: #ff7aad; --d6: #63a3ff;  --e6: #7f78ff;  --f6: #b960ff;  --g6: #ff5da0; --d7: #3897ff;  --e7: #6366ff;  --f7: #ab44ff;  --g7: #ff3992; --d8: #0788f0;  --e8: #4d58f0;  --f8: #9932f0;  --g8: #ef1e85; --d9: #1077d2;  --e9: #444ed2;  --f9: #842fd2;  --g9: #cf2277; --d10: #1466b5; --e10: #3b44b5; --f10: #702cb5; --g10: #b02369; --d11: #165599; --e11: #323a99; --f11: #5d2899; --g11: #91235c; --d12: #15467e; --e12: #29317e; --f12: #4a247e; --g12: #74214f; --d13: #143664; --e13: #212764; --f13: #381f64; --g13: #581e42; --d14: #11284b; --e14: #181e4b; --f14: #271a4b; --g14: #3c1a36; --d15: #0d1a33; --e15: #101633; --f15: #161433; --g15: #21142a; -webkit-font-smoothing: auto;--shadow-bg: 0 var(--x2) var(--x4) var(--z3);--shadow: 0 var(--x1) var(--x8) rgba(0,0,0,0.1);--accent0:  var(--d0);  --comp0:  var(--g0);--accent1:  var(--d1);  --comp1:  var(--g1);--accent2:  var(--d2);  --comp2:  var(--g2);--accent3:  var(--d3);  --comp3:  var(--g3);--accent4:  var(--d4);  --comp4:  var(--g4);--accent5:  var(--d5);  --comp5:  var(--g5);--accent6:  var(--d6);  --comp6:  var(--g6);--accent7:  var(--d7);  --comp7:  var(--g7);--accent8:  var(--d8);  --comp8:  var(--g8);--accent9:  var(--d9);  --comp9:  var(--g9);--accent10: var(--d10); --comp10: var(--g10);--accent11: var(--d11); --comp11: var(--g11);--accent12: var(--d12); --comp12: var(--g12);--accent13: var(--d13); --comp13: var(--g13);--accent14: var(--d14); --comp14: var(--g14);--accent15: var(--d15); --comp15: var(--g15);}:root {--x1: 4px;--x2: 8px;--x3: 12px;--x4: 16px;--x5: 20px;--x6: 24px;--x7: 28px;--x8: 32px;--x9: 36px;--x10: 40px;--x11: 44px;--x12: 48px;--x13: 52px;--x14: 56px;--x15: 60px;--x16: 64px;--x17: 145px;--mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--ui-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--panel-width: calc(var(--x10)*2*2 + var(--x1));--transition-duration: 200ms;--transition: all var(--transition-duration) ease;}.button-container {  clear: both;  margin-top: var(--x4);}.button {  height: var(--x12);  cursor: pointer;  line-height: var(--x12);  text-align: left;  color: var(--z13);  border: solid var(--z5) 2px;  border-radius: var(--x1);  white-space: nowrap;  margin: var(--x2) var(--x2) var(--x2) 0;  padding: 0 var(--x4);  display: inline-block;  font-weight: bold;  background-color: var(--z1);}.button:hover {  background-color: var(--z2);}.button.full {  display: block;  text-align: center;}.button svg {  vertical-align: center;  fill: var(--z5);}.button:hover svg {  fill: var(--z10);}.button.current {  background-color: var(--z0);}.button.current svg {  fill: var(--accent15);}.button.disabled svg {  background-color: #aaa;  cursor: not-allowed;  fill: var(--z3);  pointer-events: none;}#qinmsdiv_color_tools #qinmsdiv_tool_fill .color_block > div {position: absolute;top: 0;left: 0;}#qinmsdiv_color_tools #qinmsdiv_tool_fill .color_block #qinmsdiv_fill_bg, #qinmsdiv_color_tools #qinmsdiv_tool_stroke .color_block #qinmsdiv_stroke_bg {position: absolute;top: 1px;left: 1px;bottom: 1px;right: 1px;}#qinmsdiv_stroke_color:after {  content: '';  position: absolute;  display: block;  left: var(--x1);  right: var(--x1);  top: var(--x1);  bottom: var(--x1);  background: var(--z1);  box-shadow: 0 0 0 1px var(--z13);}#qinmsdiv_tool_switch {  cursor: pointer;  width: 11px;  height: 11px;  position: absolute;  top: -5px;  right: 0;  cursor: nwse-resize}#qinmsdiv_tool_switch svg {  fill: var(--z6);}#qinmsdiv_tool_switch:hover svg {fill: var(--z15);}#qinmsdiv_stroke_color:hover:after {  box-shadow: 0 0 0 1px var(--z15);}.color_block {  width: var(--x5);  height: var(--x5);  overflow: hidden;  border: solid var(--z12) 1px;  cursor:  pointer;}.color_block svg {  width: 22px;  height: 22px;}#qinmsdiv_tool_stroke .color_block > div {position: absolute;bottom: 0;right: 0;}#qinmsdiv_color_tools {position: relative;width: 48px;height: 48px;margin: 12px 6px 0 6px;}#qinmsdiv_color_tools {width: auto;height: auto;}#qinmsdiv_tool_fill {position: absolute;top: 0;left: 0;z-index: 1;}#qinmsdiv_tool_fill.active,#qinmsdiv_tool_stroke.active {z-index: 2;}#qinmsdiv_tool_stroke {top: 14px;left: 14px;}#qinmsdiv_tool_fill, #qinmsdiv_tool_stroke, #qinmsdiv_tool_canvas {box-shadow: 0 0 0 1px var(--z0);position: absolute;}#qinmsdiv_tool_canvas .color_block {width: 58px;height: 38px;}#qinmsdiv_tool_canvas .color_block svg {width: auto;height: auto;}.contextMenu {  position: absolute;  z-index: 99999;  background: var(--z15);  padding: 5px 0;  margin: 0px;  display: none;  font: 14px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;  border-radius: 5px;  box-shadow: 2px 5px 10px rgba(0,0,0,.3);}.contextMenu LI {  list-style: none;  padding: 0px;  margin: 0px;}.contextMenu .shortcut {  width: 115px; text-align:right;  float:right;}.contextMenu A {  -moz-user-select: none;  -webkit-user-select: none;  color: var(--z2);  text-decoration: none;  display: block;  line-height: 20px;  height: 20px;  background-position: 6px center;  background-repeat: no-repeat;  outline: none;  padding: 0px 15px 1px 20px;}.contextMenu LI.hover A {  background-color: var(--accent7);  color: var(--z15);  cursor: default;}.contextMenu LI.disabled A {  color: #999;}.contextMenu LI.hover.disabled A {  background-color: transparent;}.contextMenu LI.separator {  border-top: solid 1px #E3E3E3;  padding-top: 5px;  margin-top: 5px;}#qinmsdiv_dialog_box {display: none;}#qinmsdiv_dialog_box_overlay {background: var(--z0);opacity: .5;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 6;}#qinmsdiv_dialog_content {height: 95px;padding: 32px;overflow: auto;text-align: left;font-size: 16px;}#qinmsdiv_dialog_content h4 {margin: 0;}#qinmsdiv_dialog_buttons input:last-child {position: absolute;left: 10px;bottom: 10px;}#qinmsdiv_dialog_buttons input:first-child {position: absolute;right: 10px;bottom: 10px;}#qinmsdiv_dialog_content.prompt {height: 75px;}#qinmsdiv_dialog_content p {line-height: 1.3em;}#qinmsdiv_dialog_container {position: absolute;left: 50%;top: 50%;width: 400px;transform: translate(-50%, -50%);position: fixed;z-index: 50001;background: var(--z15);}#qinmsdiv_dialog_container, #qinmsdiv_dialog_content {border-radius: 3px;}#qinmsdiv_dialog_buttons input[type=text] {width: 90%;display: block;margin: 0 0 5px 11px;}#qinmsdiv_dialog_buttons input[type=button] {margin: 0 1em;}.draginputs {  display: flex;  flex-direction: row;  justify-content: flex-start;  flex-wrap: wrap;}.draginput {  background-color: var(--z2);  border-radius: var(--x1);  width: calc(50% - var(--x2));  height: calc(var(--x9) * 2);  display: block;  position: relative;  margin: 0 var(--x2) var(--x2) 0;  overflow: hidden;  transition: var(--transition);  box-shadow:  none;}.dragging .draginput {  pointer-events:  none;}.dragging .draginput.active {  pointer-events:  all;  box-shadow: none;}.draginput:hover {  background-color: var(--z3);  transition: none;  box-shadow:  var(--shadow-bg);}.draginput:hover span,.draginput.active span {  color: var(--z15);}.draginput:hover input,.draginput.active input {  color: var(--accent8);}.draginput.active, .draginput.active:hover {  background-color: var(--z0);}.draginput.active:hover {  transition: none;}.draginput-button {  text-align: center;  color: var(--z9);  padding-top: var(--x5);  box-sizing: border-box;  cursor: pointer;}.draginput-button-delete:hover {  background-color:  var(--a7);  color:  var(--a15);  transition: none;} .draginput .caret {  border: solid transparent 5px;  border-top-color: var(--z9);  position: absolute;  width: 0;  height: 0;  right: 5px;  margin-top: -2px;  top: 50%;}.draginput label {  margin: 28px 10px 0 5px;  font-size: 14px;  color: var(--z15);  font-weight: bold;}.draginput label#resolution_label,  .draginput label#seg_type_label {  font: bold 12px/110% sans-serif;  position: absolute;  left: auto;  right: 10px;  z-index: 0;  text-align: right;}.draginput label#seg_type_label {  margin-top: 40px;}.draginput label#seg_type_label .caret {  top: 66%;}.draginput label#resolution_label .pull {  position: relative;  left: -15px;}.draginput label#resolution_label span {  right: -13px;  left: auto;  font-size: 16px;  top: 2px;  font-weight: bold;  color: white;}.draginput input {  border: none;  background: linear-gradient(to right, #a9e9ee, #0b89f0);  font: 24px/normal sans-serif;  text-align: center;  color: transparent;background-clip:text;padding: 30px 0 16px;  width: 100%;  height: 24px;  position: relative;  z-index: 2;}.draginput input::selection { background: var(--accent9); }.draginput.text-input input, .draginput.text-input input:hover, .draginput.text-input input:active {  cursor: text;}.draginput.text-input input {  text-align: left;  text-indent: var(--x2);}.draginput.textcontent.hidden {  position: absolute;  opacity: 0;  z-index: 0;  pointer-events: none;}.draginput.textcontent input {  cursor: text;  text-align: left;  text-indent:  var(--x2);}.draginput.textcontent input,.draginput.textcontent input:hover,.draginput.textcontent input:active {  cursor: text;}.text-path .draginput.textcontent {  opacity:  1;  position: relative;  cursor: text;  pointer-events: auto;}.draginput.twocol {  width: 100%;}.draginput input, .draginput input:hover, .draginput input:active {  cursor: url(/source/2qiniu/img/svgimages/drag.png), move;cursor: -webkit-grab;cursor: -moz-grab;}.draginput input[type="checkbox"], .draginput input[type="checkbox"]:hover, .draginput input[type="checkbox"]:active {  cursor: pointer;}.draginput.checkbox {  cursor: pointer;}.draginput.active input, .draginput.active input:hover, .draginput.active input:active {  cursor: url(/source/2qiniu/img/svgimages/dragging.png), move;cursor: -webkit-grabbing;cursor: -moz-grabbing;}.draginput input:invalid {  color: var(--a7);}.draginput.error {  background-color: var(--a7);  color: var(--a15);}.draginput span {  font: 12px/130% sans-serif;  color: var(--z8);  display: block;  position: absolute;  top: 5px;  left: 5px;  text-align: left;  white-space: nowrap;  z-index: 1;}.draginput.stroke_tool {  text-align: center;}.draginput select {  -webkit-appearance: none;  opacity: 0;  display: block;  position: absolute;  height: 100%;  width: 100%;  margin: 0;  z-index: 1;  top: 0;  left: 0;  cursor:  pointer;}.draginput:hover .draginput_cursor {  border-color: var(--accent6);}.draginput_cursor{  position: absolute;  top: 50%;  width: 100%;  border-top: solid var(--accent4) 1px;  z-index: 0;}.draginput input[readonly=readonly] {  -webkit-appearance: none;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.draginput input:focus {  background: var(--accent7);  color: var(--accent15);  outline: none;  box-shadow: 0 0 5px 2px var(--accent7);} .draginput input:focus+span {  z-index: 10;  color: var(--z15);}.draginput .push_bottom {  bottom: 0;  position: absolute;}.draginput .angle {  width: var(--x12);  height: var(--x12);  border-radius: var(--x12);  background-color: var(--z3);  position: absolute;  bottom: var(--x1);  left: 14px;}body.dragging .draginput .angle {  background-color: var(--z1);}.draginput:hover .angle {  background: var(--z4);}.draginput .angle-cursor {  width: 4px;  height:25px;  border-top: solid var(--accent7) 3px;  position: absolute;  margin: 0 0 0 23px;  transform-origin: 50% 0;}.draginput.font_style:hover {  background-color: var(--z2);}.draginput.loading:before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color:  var(--z2);  opacity:  0.8;  z-index: 10;}.draginput.loading:after {  content: '';  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: var(--x4);  height: var(--x4);  border-radius: var(--x4);  z-index: 10;  border: solid var(--accent7) 2px;  border-top-color: transparent;  animation: spin 1s linear infinite;}@keyframes spin {  0%   { transform: translate(-50%, -50%) rotate(0);  }  100% { transform: translate(-50%, -50%) rotate(360deg); }}.inverted .draginput {  background-color: var(--z1);}.inverted .draginput {  background-color: var(--z1);}.inverted .draginput:hover {  background-color: var(--z0);}.inverted .draginput .angle {  background-color: var(--z2);}.inverted .draginput span {  color: var(--z9);}body.inverted.dragging .draginput .angle {  background-color: var(--z1);}.dropdown {  position: relative;  float: left;}.dropdown button {  width: 21px;  height: 22px;  padding: 0 3px 0 3px;  border: none;  background-color: var(--z6);  border-radius: 0 2px 2px 0;  margin-left: -1px;  position: relative;} .dropdown button:hover {  background-color: var(--z7);} .dropdown button:after {  content: '';  position: absolute;  border: solid transparent 4px;  border-top-color: var(--z9);  top: 9px;  left: 6px;}.dropdown button.down {  border-left: 1px solid #808080;  border-top: 1px solid #808080;  border-right: 1px solid #FFFFFF;  border-bottom: 1px solid #FFFFFF;  background-color: #B0B0B0;}.dropdown ul {  list-style: none;  position: absolute;  margin: 0;  padding: 0;  left: -80px;  top: 26px;  z-index: 4;  display: none;}.dropup ul {  top: auto;  bottom: 26px;  border-radius: 3px;  box-shadow: 0 5px 10px #000;}.dropup ul:after {  content: '';  display: block;  position: absolute;  bottom: -10px;  right: 50%;  top: auto;  width: 0;  height: 0;  border: solid transparent 5px;  border-top-color: #fff;}.dropdown li {  display: block;  width: 120px;  padding: 5px 10px;  color: #333;  background: #fff;  margin: 0;  line-height: 16px;}.dropdown li:first-child {border-radius: 3px 3px 0 0;}.dropdown li:last-child {border-radius: 0 0 3px 3px;}.dropdown li:hover {  background-color: #ddd;  color: #000;}.dropdown li.special {  padding: 10px;  background: white;  border: none;  box-shadow: 0 3px 10px black;  border-radius: 3px !important;}.dropdown li.special:after {  content: '';  display: block;  position: absolute;  top: -10px;  right: 50%;  border: solid transparent 5px;  border-bottom-color: #fff;  }.dropdown li.special.down:after {  bottom: -10px;  right: 50%;  top: auto;  border: solid transparent 5px;  border-top-color: #fff;  }.flyout_arrow_horiz {  position: absolute;  bottom: -1px;  right: 0;  z-index: 10;}table.jPicker {border-collapse: collapse;margin-top: var(--x4);}table.jPicker td {padding:  var(--x1);}.jPicker .Icon {display: inline-block;height: var(--x6);position: relative;text-align: left;width: var(--x6);}.jPicker .Icon span.Color, .jPicker .Icon span.Alpha {background-position: 2px 2px;display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%}.jPicker .Icon span.Image {background-repeat: no-repeat;cursor: pointer;display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%}.jPicker.Container {z-index: 10;}.jPicker .Move {background-color: var(--z12);border-color: var(--z15) var(--z6) var(--z6) var(--z15);border-style: solid;border-width: 1px;cursor: move;height: 12px;padding: 0;}.jPicker .Title {display:  none;}.jPicker .Map {  border:  solid var(--z1) 1px;  height: 256px;  width: 256px;  cursor: crosshair;  margin: 0;  overflow: hidden;  padding: 0;  position: relative;}.jPicker .Bar {border:  solid var(--z1) 1px;cursor: n-resize;height: 260px;margin: 0;overflow: hidden;padding: 0;position: relative;width: 24px;height: 256px;width: 20px;}.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3, .jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4, .jPicker .Bar .Map5, .jPicker .Bar .Map6 {background-color: transparent;background-image: none;display: block;left: 0;position: absolute;top: 0;}.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3 {height: 2596px;width: 256px;}.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {height: 3896px;width: 20px;}.jPicker .Bar .Map5, .jPicker .Bar .Map6 {height: 256px;width: 20px;}.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Bar .Map6 {background-repeat: no-repeat;}.jPicker .Map .Map3, .jPicker .Bar .Map5 {background-repeat: repeat;}.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {background-repeat: repeat-x;}.jPicker .Map .Arrow {display: block;position: absolute;}.jPicker .Bar .Arrow {display: block;left: 0;position: absolute;}.jPicker .Preview {font-size: 9px;text-align: center;}.jPicker .Preview div.bgt  {height: 62px;margin: 0 auto;padding: 0;width: 62px;}.jPicker .Preview div span {border: 1px solid var(--z0);display: block;height: 30px;margin: 0 auto;padding: 0;width: 60px;}.jPicker .Preview .Active {border-bottom-width: 0;}.jPicker .Preview .Current {border-top-width: 0;cursor: pointer;}.jPicker .Button {text-align: center;width: 115px;}.jPicker .Button input {width: 100px;cursor: pointer;}.jPicker td.Radio {margin: 0;padding: 0 0 0 var(--x2);width: var(--x8);white-space: nowrap;}.jPicker td.Radio input {margin: 0 var(--x1) 0 0;padding: 0;cursor: pointer;}.jPicker td.Text {font-size: 12px!important;height: 22px;margin: 0;padding: 0;text-align: left;width: 70px;white-space: nowrap;}.jPicker tr.Hex td.Text {width: 100px;}.jPicker tr.Hex td.Text label {margin-left: var(--x4);}.jPicker tr.Hex td.Text span {width: 100px;color: #333;}.jPicker td.Text input {background-color: var(--z15);height: var(--x4);margin: 0 0 0 var(--x1);;text-align: left;width: var(--x8);color: var(--z15);}#qinmsdiv_color_picker input[type=text], #qinmsdiv_color_picker input[type=number] {-webkit-appearance: none;width: 30px;background: var(--z0);border: none;border-radius: var(--x1);}#qinmsdiv_color_picker input[type=radio] {position: relative;top: 2px;}#qinmsdiv_color_picker .jPicker tr.Hex td.Text input.Hex {width: var(--x12);display: inline-block;float: none;}.jPicker tr.Hex td.Text input.AHex {width: var(--x5);display: none;}.jPicker .Grid {text-align: center;float: right;width: 108px;}.jPicker .Grid span.QuickColor {cursor: url(/source/2qiniu/img/svgimages/eyedropper.svg) 0 23, crosshair;background-repeat:  no-repeat;display: inline-block;height: var(--x4);line-height: var(--x4);margin: 0;padding: 0;width: var(--x4);}.jPicker .Grid span.QuickColor:hover {position: relative;z-index: 10;outline:  solid var(--z0) 1px;}.jPicker td  {  vertical-align:  top;}.jPicker td.colorsquare  {  width:  275px;}.jPicker .prev_div  {  margin-top:  -15px;}.jPicker .actions {  position: absolute;  bottom: 20px;  left: 20px;  right: 20px;}.jPicker .actions .Ok{  position: absolute;  top: 0;  right: 0px;}.jPicker .actions .Cancel{  position: absolute;  top: 0;  left: 0px;}.jPicker .color_preview {  width: 62px;  margin: 0 auto;}#qinmsdiv_shortcuts {  columns: 4;}.shortcut-keys {  display: flex;  margin: var(--x1) 0;  break-inside: avoid;}.shortcut-key {  text-transform: uppercase;  color: var(--z4);  border: solid var(--z4) 1px;  border-radius: var(--x1);  padding: 0 var(--x1);  margin: 2px;  font-size: 12px;  font-weight: 600;}.shortcut-name {  margin-left: var(--x2);  line-height: 160%;  white-space: nowrap;}#qinmsdiv_workarea > svg {  display: none;}.loading #qinmsdiv_svgcanvas {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: flex;  align-items: center;  justify-content: center;}#qinmsdiv_svgcanvas:after {  transition:  opacity var(--transition-duration) 300ms;  opacity: 0;}.loading #qinmsdiv_svgcanvas:after {  position: absolute;  content: attr(title);  font-size:  13px;  font-weight: 600;  line-height: var(--x6);  padding:  0 var(--x2);  background:  var(--z2);  color:  var(--z10);  z-index: 100;  opacity: 1;  border-radius: var(--x1);}.loading #qinmsdiv_workarea > svg {  display: block;  position: absolute;  background:  white;  top:  50%;  left:  50%;  transform:  translate(-50%, -50%);  opacity: 0.7;}#qinmsdiv_menu_bar {  padding: 0 0 0 var(--x12);  position: relative;  z-index: 2;  height: var(--x8);  display: flex;}#qinmsdiv_menu_bar.active .menu.open .menu_list {  display: block;}.menu {  position: relative;  z-index: 5;  color: var(--z3);  display: inline-block;}.menu_title {  cursor: pointer;  display: inline-block;  z-index: 10;  color: var(--z15);  position: relative;  line-height: var(--x8);  padding: 0 var(--x3);  vertical-align: top;}.menu .menu_title:hover {  background: var(--z2);}.menu_list .separator {  margin: var(--x1) 0;  border-top: solid var(--z14) 1px;}.menu_list {  position: absolute;  left: 0;  top: var(--x8);  white-space: nowrap;  background: var(--z15);  padding: var(--x2) 0;  border-radius: 0 var(--x2) var(--x2) var(--x2);  box-shadow:  var(--shadow);}#qinmsdiv_menu_bar.active .menu.open .menu_title {  background: var(--z15);  color: var(--z1);}.inverted #qinmsdiv_menu_bar.active .menu.open .menu_title {  background: var(--z0);  color: var(--z15);}.menu .menu_list {  display: none;  position: absolute;}.menu_list .menu_item {  position: relative;  overflow: hidden;  line-height: var(--x6);  padding: var(--x1) var(--x16) var(--x1) var(--x6);  cursor: pointer;  color: var(--z3);}.menu_list input[type=file] {  -webkit-appearance: none;  position: absolute;  opacity: 0;  cursor: pointer;  left: 0;  right: 0;  top: 0;  bottom: 0;  display: block;  background: red;  z-index: 100;}.menu_list .menu_item.tool_button {  background: transparent;  border: none;  margin: 0;  padding: var(--x1) var(--x16) var(--x1) var(--x6);  height: auto;  width: auto;}.menu_list .menu_item.push_button_pressed:before {  content: '✔';  position: absolute;  display: block;  left: 6px;  top: var(--x1);}.menu_list .menu_item:hover,.menu_list .menu_item.push_button_pressed:hover,.submenu li:hover {  background: var(--accent15);  color: #000;}.menu_list .menu_item.disabled:hover,.menu_list .menu_item.push_button_pressed.disabled:hover {  background: transparent;  color: var(--z3);}.menu_list .menu_item.push_button_pressed {  background: transparent;  border: none;   width: auto;  height: auto;  margin: 0;}.menu_list .menu_item span {  display: block;  position: absolute;  right: var(--x2);  padding: 0 var(--x2);  background: var(--z14);  top: 50%;  transform: translate(0, -50%);  text-align: center;  font-size: 12px;  line-height: var(--x6);  border-radius: var(--x1);  font-weight: 600;}.menu_list .menu_item:not(.disabled):hover span {  background: var(--accent13);}#modal_donate {  display: none;}.menu-right {  margin-left: auto;}.menu-right button {  background: transparent;  line-height: var(--x5);}.menu-right button:hover {  background: transparent;}.menu-right button:active {  box-shadow: none;  outline: none;}.menu-right button:hover svg {  fill:  var(--z12);}.menu-right svg {  fill:  var(--z5);}.inverted .menu-right svg {  fill:  var(--z10);}#logo svg {  pointer-events: none;  margin-top: var(--x2);  fill: var(--z7);}#logo svg path:last-child {  fill:  var(--z13);}#logo:hover svg {  fill:  var(--z9);}#logo svg path:last-child {  fill:  var(--z15);}.modal {  background: rgba(50,50,50,0.8);  position: absolute;  z-index: 1000;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: flex;  align-items: center;  justify-content: center;  opacity: 1;  font-size: 16px;  line-height: 150%;}.modal.hidden {  opacity: 0;  pointer-events: none;  transition: opacity 300ms ease;}.modal-item {  background-color: white;  position: relative;  border-radius: var(--x1);  padding: var(--x12);  max-width: 600px;  margin: 32px;}.modal-item.modal-item-wide {  max-width: none;  width: 900px;}.modal-item.modal-item-source {  height: 504px;  max-width: none;  width: 704px;}.modal h1:first-child {  margin-top: 0;} #palette {  display: block;  position: absolute;  z-index: 2;  left: 10px;  bottom: 5px;  width: 410px;  right: 145px;  height: 30px;} .palette_item {  height: 20%;  width: 5.2%;  float: left;  cursor: url(/source/2qiniu/img/svgimages/eyedropper.svg) 0 16, crosshair;}.palette_item.transparent, .palette_item.white, .palette_item.black {  background: #fff;  position: absolute;  width: 10px;  height: 10px;  left: -10px;  top: 0;}.palette_item.transparent {  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAOC8yMi8xMg1cp6sAAABESURBVBiVjdBBCgAgCETRr/e/87SJKFPLnfIcQRMIwMBIShIAvgZzoSrfkzrs8WyF1+kX9r3p8AE7nL7kSpSshN+JEQ8GixkF0mSevgAAAABJRU5ErkJggg==);}.palette_item.black {  background: #000;  top: 10px;}.palette_item.white {  background: #fff;  top: 20px;} #qinmsdiv_panels {  position: absolute;  box-sizing: border-box;  width: var(--panel-width);  right: var(--x1);  top: var(--x17);  bottom: var(--x10);  border-bottom: none;  overflow: auto;  padding: 0;}.context_panel {  display: none;}.context_panel h4 {  color: var(--z15);  font-weight: normal;  margin: 0;  padding: 10px 0 5px 0;}.context_panel label {  display: block;  color: var(--z13);  white-space: nowrap;}#qinmsdiv_align_tools {  display: none;}#qinmsdiv_panels.multiselected #qinmsdiv_multiselected_panel {  display: block !important;}#qinmsdiv_panels.multiselected #qinmsdiv_multiselected_panel .hidable {  display: none;}#qinmsdiv_tool_text_on_path {  display: none !important;}#qinmsdiv_rulers > div {  position: absolute;  background: var(--z2);  z-index: 1;  overflow: hidden;  -webkit-font-smoothing: none;}.inverted #qinmsdiv_rulers > div {  background: var(--z1);}#qinmsdiv_rulers #qinmsdiv_ruler_corner {  top: var(--x17);  left: var(--x12);  width: var(--x4);  height: var(--x4);  z-index: 2;  border-radius: var(--x2) 0 0 0;}#qinmsdiv_ruler_x {  height: var(--x4);  top: var(--x17);  left: var(--x12);  right: calc(var(--panel-width) + var(--x4));;  overflow: hidden;  border-radius: var(--x2);}#qinmsdiv_ruler_y {  width: var(--x4);  top: var(--x17);  left: var(--x12);  bottom: var(--x10);  overflow: hidden;  border-radius: var(--x2);}#qinmsdiv_ruler_x > div, #qinmsdiv_ruler_y > div {  overflow: hidden;}.select-input {  margin: var(--x2) 0;  position: relative;}.select-input:after {  content: '↓';  font-weight: bold;  position: absolute;  right: var(--x6);  top: 50%;  color: var(--z7);  transform: translate(0, -50%);}.select-input select {  -webkit-appearance: none;  background-color: var(--z3);  color: var(--z14);  height: var(--x8);  display: block;  width: calc(100% - var(--x2));  padding: 0 var(--x4);  border: none;  border-radius: var(--x1);}.select-input select:focus {  outline: none;  box-shadow: 0 0 0 1px var(--accent7);}#qinmsdiv_shape_buttons {  overflow: auto;  top: 0;  bottom: 0;  left: 136px;  right: 0;  position: absolute;  vertical-align: top;}#qinmsdiv_shape_cats {  min-width: 110px;  display: block;  position: absolute;  left: 0;  top: 0;  height: 320px;  background: var(--z14);  border-radius: var(--x1) 0 0 var(--x1);  z-index: 2;}#qinmsdiv_shape_cats > div {padding: 0 var(--x4);background: var(--z14);color: var(--z6);height: var(--x7);line-height: var(--x7);transition: background-color 100ms ease;}#qinmsdiv_shape_cats > div:first-child {border-radius: var(--x1) 0 0 0;}#qinmsdiv_shape_cats > div:last-child {border-radius: 0 0 0 var(--x1);}#qinmsdiv_shape_cats div:hover {color: var(--z0);}#qinmsdiv_shape_cats div.current {font-weight: bold;background: var(--accent7);color: var(--z15);}.tools_flyout {  position: absolute;  display: none;  cursor: pointer;  width: 410px;  z-index: 10;  left: var(--x12);  top: 230px;  height: 366px;  background: var(--z15);  border-radius: var(--x1);  box-shadow: var(--shadow);} .tools_flyout .tool_button {  float: left;  background-color: var(--z15);  height: var(--x6);  width: var(--x6);}#qinmsdiv_shape_buttons {background: var(--z15);border-radius: 0 3px 3px 0;padding: 10px}.tools_flyout .tool_button,.tools_flyout .tool_flyout {  background: var(--z15);  width: var(--x10);  height: var(--x10);  margin: var(--x1);}.tools_flyout .tool_button svg,.inverted .tools_flyout .tool_button svg {  fill: var(--z4);}.tools_flyout .tool_button:hover svg {  fill: var(--z1);}.source_editor {position: relative;width: 800px;height: 600px;margin: -48px;}.source_container {width: 800px;position: relative;height: 100%;}#qinmsdiv_svg_source_editor form {position: absolute;top: 0;bottom: 55px;left: 0;right: 0;font-size: 14px;background-color: var(--z14);border-radius: 8px 8px 0 0;}#svg_source_textarea {  width: calc(100% - 64px);  height: calc(100% - 64px);  line-height: 140%;  font-family: var(--mono-font);  font-size: 14px;  color: var(--z4);  border: none;  padding: 32px;  background-color: transparent;}.source_editor .toolbar_button {position: absolute;display: flex;justify-content: space-between;bottom: 0;left: 0;right: 0;padding: var(--x2) var(--x2);}#sponsors {  display: none;  position: absolute;  right: calc(var(--panel-width) + var(--x4));}.sponsor a {  transition: all 200ms ease;  background-color: var(--z3);  line-height: var(--x6);  margin: var(--x1) 0;  border-radius: var(--x1);  display: inline-block;  text-decoration: none;  text-transform: uppercase;  font-weight: 600;  color: var(--z14);  padding: 0 var(--x2);  font-size: 12px;  position: relative;}.sponsor a:hover {  color: var(--z15);  background: var(--accent7);}.sponsor .deta {  padding-left: var(--x7);  position: relative;}.sponsor .deta span {  display: block;  position: absolute;  border-radius: 100%;  top: 2px;  left: var(--x1);  transform: scale(0.6);  transition: transform var(--transition-duration) ease;}.sponsors .deta span:nth-child(1) {  width: var(--x5);  height: var(--x5);  background-color: #EF39A8;  margin: 0;  transition-delay: 0;}.sponsors .deta span:nth-child(2) {  width: var(--x4);  height: var(--x4);  background-color: #BD399C;  margin: 2px;  transition-delay: 100ms;}.sponsors .deta span:nth-child(3) {  width: var(--x3);  height: var(--x3);  background-color: #93388E;  margin: 4px;  transition-delay: 200ms;}.sponsors .deta span:nth-child(4) {  width: var(--x2);  height: var(--x2);  background-color:  rgb(96, 48, 162);  margin: 6px;  transition-delay: 300ms;}.sponsors .deta:hover span {  transform: scale(0.9);}.sponsor a:hover {  color: var(--z0);  background: var(--accent7);}.sponsor a:hover + .sponsor-description {  opacity: 1;  transform: translate(0,0);  transform: translate3d(0,0,0);}.sponsor-description {  transition: all var(--transition-duration) ease;  position: absolute;  right: 0;  top: var(--x10);  width: calc(var(--x16)*4);  z-index: 100;  background: var(--z15);  padding: var(--x6);  border-radius: var(--x1);  line-height: 150%;  box-shadow: var(--shadow);  margin-left: 0;  opacity: 0;  pointer-events: none;  transform: translate(0,8px);  transform: translate3d(0,8px,0);}.sponsor-description:after {  content: '';  border: solid transparent var(--x2);  border-bottom-color: var(--z15);  position: absolute;  top: calc(var(--x4)*-1);  right: var(--x10);}.sponsor-description p {  color: var(--z6);}.sponsor-description strong {  display: block;  margin-bottom: var(--x2);}.sponsor-logo {  display: block;  width:  180px;  margin:  var(--x4) auto var(--x1);}.sponsor-disclaimer {  color: var(--z11);  text-align: center;  font-size:  0.8em;}#group_title {display: none;}#qinmsdiv_tool_bold,   #qinmsdiv_tool_italic {   font: bold 20px/35px serif;  text-align: center;  position: absolute;  padding: 0 0 0 0;  color: var(--z13);  background: transparent;  border: none;  margin: 0;  width: 50%;  top: var(--x8);  line-height: var(--x10);  bottom: 0;  border-top: solid var(--z1) 2px;  cursor:  pointer;}#qinmsdiv_tool_bold {  right: 0;}#qinmsdiv_tool_italic {  border-right: solid var(--z1) 2px;  line-height: var(--x9);  left: 0;  font-weight: bold;  font-style: italic;  font-size: 24px;}#qinmsdiv_tool_bold:hover,   #qinmsdiv_tool_italic:hover {  color: var(--z15);  background-color:  var(--z3);}#qinmsdiv_tool_bold.disabled,#qinmsdiv_tool_italic.disabled {  opacity: 1;  color: var(--z4);  pointer-events: none;}#qinmsdiv_tool_bold.active,   #qinmsdiv_tool_italic.active {  color: #50A0FF;}#qinmsdiv_preview_font {  color: var(--z15);  font-size: 2em;  line-height: 80px;  padding: 0 var(--x2);  white-space: nowrap;}#qinmsdiv_preview_font + .caret {  right: var(--x2);}.draginput:hover #qinmsdiv_preview_font:after {  border-right-color: var(--z3);  background: linear-gradient(to right, rgba(0,0,0,0), var(--z3));}#qinmsdiv_preview_font:after {  content: '';  position: absolute;  right: 0;  top: 3px;  bottom: 3px;  width: 15px;  border-right: solid var(--z2) 10px;  background: linear-gradient(to right, rgba(0,0,0,0), var(--z2));}#textpath-panel {  display: none;}#qinmsdiv_tools_left {  position: absolute;  border-right: none;  width: var(--x12);  top: var(--x17);  bottom: 0;  left: 0;  z-index: 4;}.tool_button {  height: var(--x12);  width: var(--x12);  cursor: pointer;  line-height: 60px;  text-align: center;  transform: scale(0.8);}.inverted .tool_button svg {  fill: var(--z13);}.tool_button:hover {  transform: scale(1);}.tool_button:hover svg {  fill: var(--z13);}.tool_button.current {  transform: scale(1.4);}.tool_button svg {  vertical-align: center;  fill: var(--z5);}.tool_button.current svg {fill: #00ffff;}.tool_button.disabled svg {  background-color: #aaa;  cursor: not-allowed;  fill: var(--z3);  pointer-events: none;}#qinmsdiv_tool_rect svg {  position: relative;  top: -1px;  left:  1px;}#qinmsdiv_tool_ellipse svg {  position: relative;  top: 2px;  left: 1px;}#qinmsdiv_zoom_panel,#zoom_select {padding: var(--x2) 0;right: calc(var(--panel-width) + var(--x2));position: absolute;cursor: pointer;width: 100px;}#qinmsdiv_zoom_label:after {  content: '';}#zoom_select {  opacity: 0;  z-index: 100;}#zoom_select:hover + div {  opacity:  1;}#qinmsdiv_zoom_label {position: absolute;background: transparent;width: 100%;margin: 0;}#qinmsdiv_zoom_panel .caret {margin-top: -5px;}#qinmsdiv_zoom_label img, #qinmsdiv_zoom_label svg {width: var(--x4);height: var(--x4);}#zoomLabel {  width: var(--x4);  height: var(--x4);  cursor: pointer;}#zoomLabel svg {  fill: var(--z10);  position: relative;  top: 2px;}#qinmsdiv_zoom_label input {-webkit-appearance: none;color: var(--z10);font-size: 13px;height: auto;width: var(--x12);padding: 0;cursor: default;position: absolute;background: transparent;border: none;top: 2px;left: var(--x6);pointer-events: none;}#qinmsdiv_zoom_label select {-webkit-appearance: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}#qinmsdiv_zoom_label span {top: 0;left: 0;}
.xingf{border-top: 1px solid gray;}.submenu{padding: 5px;left: 153px; margin-top: -32px; position: absolute; background-color: var(--z15); border-radius: 0 var(--x2) var(--x2) 0; display: none;}.submenu li{padding-left:20px;padding-right:20px}
p{text-indent:2em}
.btnz, .btny {width:30%;display:inline-block;background-color :antiquewhite;font-size:10px;border-radius:5px 5px 5px 5px;box-shadow: 1px 1px 1px #888888;cursor: pointer;}.btny{margin-left:10px;}
.mts{border:1px solid red;border-radius :5px;display :none;padding:2px;position:fixed ;left: 10%;bottom:5px;z-index:1;background-color :pink;color:var(--a4)}
.printset{width:60px}
#qinmsdiv_csBoard{position:absolute;z-index:3; padding:0.625em; width:16em;background:var(--z1); border:#d9d9d9 1px solid; border-radius: var(--x1)}
#qinmsdiv_csBank{ clear:both;  border-radius: var(--x1); background:var(--z2); color:var(--z12);width:15em; padding:0 0 2px 2px; overflow:hidden; margin:0 auto 0 auto;}
#qinmsdiv_csBank input{ overflow:hidden; width:76px;height:17px;margin:2px 2px 0 0; float:left; overflow:hidden;}
#qinmsdiv_csBank .mc{ overflow:hidden; width:85px; float:left; overflow:hidden;}
#qinmsdiv_csBank .jj{ overflow:hidden; width:16px;height:21px;margin:2px 0 0 4px; float:left; overflow:hidden;border:1px solid gray;border-radius: 3px 3px 3px 3px;text-align:center;cursor:pointer;}
#csClose{width:4em; color:#666666; height:2em; float:right;display:block; background:#f3f3f3;cursor:pointer;border:#d9d9d9 1px solid; border-top:#FFF 1px solid; border-left:#FFF 1px solid;margin: 0 5px 5px 0;}
#qinmsdiv_labview, #qinmsdiv_expoarean,#qinmsdiv_tableview {background-color: var(--z2);color: var(--d7);z-index: 2;text-align: center;display: none;user-select: text;position: absolute;top: var(--x17);left: var(--x12);bottom: var(--x10);right: calc(var(--panel-width) + var(--x4));background-color: var(--z2);overflow: auto;align-items: center;justify-content: center;transition: transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);border-radius: var(--x2);box-shadow: var(--shadow-bg);}
.icon-v{height:59px;width:59px;padding:4px;margin:5px;align-items: center;display: flex;justify-content: center;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);float:left}
.loadA-v{height:300px;width:360px;padding:4px;margin:5px;align-items: center;display: flex;justify-content: center;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);float:left;position: relative;}
.loadA-v span{width:100%;position:absolute;bottom:5px;left:2px;text-align:center;background-color: rgba(128, 128, 128, 0.4);}
#qinmsdiv_icon,#qinmsdiv_loadA {width: 780px;height: 500px;overflow: scroll;padding:10px;}#act_icon,#act_loadA,#act_svgCache{display:none}.cl-background {background-color: fuchsia;color:white}
#qinmsdiv_loadA svg{max-width:360px;max-height:300px;width:360px;height:300px}.svgcache-tb{width:100%;margin: 0 auto;border: 1px solid #000000;border-collapse: collapse;}.svgcache-tth tr,.svgcache-tth th,.svgcache-ttb td,.svgcache-ttb tr{width:50%;border: 1px solid #000000;text-align: center;}
a {color: fuchsia;}#qinmsdiv_csBank div {height: 26px}.controls {display: flex;flex-wrap: wrap;gap: 12px;margin: 20px 0;justify-content: center;flex-shrink: 0;}.btn {padding: 10px 20px;border: none;border-radius: 50px;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 6px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);}.btn:hover {transform: translateY(-3px);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.btn:active {transform: translateY(1px);}.btn-success {background: #2ecc71;color: white;}.btn-danger {background: #e74c3c;color: white;}.btn-warning {background: #f39c12;color: white;}.table-container {flex: 1; overflow: auto;margin: 0px 0;border-radius: 12px;min-height: 200px; height: 100%;}.fixed-header {position: sticky;top: 0;z-index: 100;}#editableTable {width: 100%;border-collapse: collapse;table-layout: fixed;position: absolute;}#editableTable th:first-child,#editableTable td:first-child {width: 15px;cursor: pointer;}#editableTable th:nth-child(2),#editableTable td:nth-child(2) {width: 50px;text-align: center}#editableTable th:nth-child(n+3),#editableTable td:nth-child(n+3) {width: 150px;}#editableTable th, #editableTable td {padding: 12px 10px;text-align: left;border: 1px solid #e0e0e0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}#editableTable th {background: #0b89f0;color: white;font-weight: 600;text-align: center;}#editableTable td {background: white;transition: background 0.2s;position: relative;}#editableTable tr:nth-child(even) td {background: #f8f9fa;}#editableTable td:focus-within {outline: 2px solid #3498db;background: #e3f2fd;}.editable-cell {width: 100%;padding: 8px;background: transparent;font-size: 0.95rem;overflow: hidden;text-overflow: ellipsis;white-space: pre-wrap;}.editable-cell:focus {outline: none;white-space: normal;overflow: auto;}tr.selected {background-color: #e3f2fd !important;color: rgba(128, 128, 128, 0.5);}#editableTable tr.selected td {background-color: #e3f2fd !important;}.row-selector {text-align: center;width: 8px;height: 8px;cursor: pointer;position: relative;}.row-selector.selected::after {content: "";position: absolute;top: 7px;left: 7px;width: 18px;height: 18px;background: #97cdf1;border-radius: 50%;}.action-hint {display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 8px;color: #7f8c8d;font-size: 0.9rem;flex-shrink: 0;}.table-container::-webkit-scrollbar {width: 12px;height: 12px;}.table-container::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 0 0 10px 0;}.table-container::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}.table-container::-webkit-scrollbar-thumb:hover {background: #555;}@media (max-width: 768px) {.controls {flex-direction: column;align-items: center;}.btn {width: 100%;justify-content: center;}#editableTable th:first-child,#editableTable td:first-child {width: 15px;}#editableTable th:nth-child(2),#editableTable td:nth-child(2) {width: 30px;}#editableTable th:nth-child(n+3),#editableTable td:nth-child(n+3) {width: 120px;}}
.context-menu {position: absolute;background: white;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);z-index: 1000;min-width: 180px;display: none;overflow: hidden;}.menu-item {padding: 12px 15px;cursor: pointer;display: flex;align-items: center;gap: 10px;transition: background 0.2s;}.menu-item:hover {background: #f0f7ff;}.menu-item i {width: 20px;color: #3498db;}.menu-divider {margin: var(--x1) 0;border-top: solid var(--z14) 1px;display: block}/* 隐藏列样式 */.column-hidden {display: none;}#editableTable th.menu-active {background: #21618c;}.nhan {width: 740px;height: 500px;overflow: scroll;padding: 30px;}.tihuan-v {   padding-top: 50px;}.nrl {display: block;margin-top: 20px;}.inp {width: 100%;display: block;border-style: outset;padding-left: 20px;background: rgba(128, 128, 128, 0.15);}