.my-html[data-v-76736330]{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:8px;padding:10px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;width:100%;min-height:300px;box-sizing:border-box}.html-content[data-v-76736330]{-ms-flex:1;flex:1;min-width:0;line-height:1.6;color:#333;word-wrap:break-word;outline:none}[data-v-76736330] .html-content img{width:100%!important;height:auto!important}.hint-panel[data-v-76736330]{position:sticky;top:10px;width:36px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-direction:column;flex-direction:column;gap:6px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:10px;padding:8px 5px;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:10}.hint-panel[data-v-76736330],.hint-title[data-v-76736330]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.hint-title[data-v-76736330]{-ms-flex-pack:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#fff;border:1px solid #e0e0e0;cursor:default}.hint-icon[data-v-76736330]{font-style:normal;font-size:14px;color:#888}.hint-color[data-v-76736330]{width:18px;height:18px;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:default;transition:transform .15s}.hint-color[data-v-76736330]:hover{transform:scale(1.2)}.hint-sep[data-v-76736330]{width:18px;height:1px;background:#e0e0e0;margin:2px 0}.hint-btn[data-v-76736330]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#fff;border:1px solid #e0e0e0;font-size:14px;color:#555;cursor:pointer;transition:all .15s;-ms-user-select:none;user-select:none;-webkit-user-select:none}.hint-btn[data-v-76736330]:hover:not(.disabled){background:#e6f7ff;border-color:#1890ff;color:#1890ff}.hint-btn.disabled[data-v-76736330]{opacity:.35;cursor:not-allowed}.floating-toolbar[data-v-76736330]{position:absolute;gap:4px;background:#fff;border-radius:10px;padding:6px 10px;box-shadow:0 4px 20px rgba(0,0,0,.18);border:1px solid #ebebeb;z-index:1000;white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;touch-action:none}.color-btn[data-v-76736330],.floating-toolbar[data-v-76736330]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.color-btn[data-v-76736330]{cursor:pointer;transition:transform .15s;-ms-flex-pack:center;justify-content:center}.color-btn[data-v-76736330]:active{transform:scale(.95)}.color-circle[data-v-76736330]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2)}.pen-mark[data-v-76736330]{font-style:normal;font-size:14px;color:rgba(0,0,0,.6);line-height:1}.toolbar-sep[data-v-76736330]{width:1px;height:20px;background:#e0e0e0;margin:0 4px}.toolbar-action[data-v-76736330]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;color:#555;transition:all .15s;-ms-user-select:none;user-select:none;-webkit-user-select:none}.toolbar-action[data-v-76736330]:active:not(.disabled){background:#e0e0e0}.toolbar-action.disabled[data-v-76736330]{opacity:.35;cursor:not-allowed}.close-btn[data-v-76736330]{font-size:18px;color:#888}.close-btn[data-v-76736330]:active{background:#fff0f0;color:#ff4d4f}.toolbar-fade-enter-active[data-v-76736330],.toolbar-fade-leave-active[data-v-76736330]{transition:opacity .15s,transform .15s}.toolbar-fade-enter[data-v-76736330],.toolbar-fade-leave-to[data-v-76736330]{opacity:0;transform:translateY(4px) scale(.95)}