diff --git a/src/layer/index.js b/src/layer/index.js
index c4014f7..6afb69a 100644
--- a/src/layer/index.js
+++ b/src/layer/index.js
@@ -111,7 +111,6 @@ class Layer extends Component {
 
           ::slotted(&__input) {
             flex: 1;
-            height: 36px;
           }
 
           ::slotted(&__toast) {
@@ -255,11 +254,11 @@ class Layer extends Component {
   #dragIns = null
 
   mounted() {
-    this.$refs.box.$anim.start()
+    this.$refs.box.$animate()
   }
 
   updated() {
-    this.$refs.box.$anim.start()
+    this.$refs.box.$animate()
   }
 
   /**
@@ -306,15 +305,13 @@ class Layer extends Component {
     if (ev.target.tagName === 'BUTTON') {
       let idx = +ev.target.dataset.idx
 
-      this.$refs.box.$anim.start(true)
-
-      this.close()
+      this.$refs.box.$animate(true).then(_ => this.close())
     }
   }
 
   render() {
     return html`
-      <div ref="box" #animation=${{ type: 'fade' }} class="layer">
+      <div ref="box" #animation=${{ type: 'micro-bounce' }} class="layer">
         <div
           class="layer__title noselect"
           style=${styleMap({ display: !!this.title ? '' : 'none' })}
diff --git a/src/markd/index.js b/src/markd/index.js
index 4244507..4f598c6 100644
--- a/src/markd/index.js
+++ b/src/markd/index.js
@@ -88,7 +88,10 @@ const Decoder = {
   // 内联样式
   inline(str) {
     return str
-      .replace(INLINE.code, '<code class="inline">$1</code>')
+      .replace(INLINE.code, (m, str) => {
+        str = str.replace(/([_*~])/g, '\\$1')
+        return `<code class="inline">${str}</code>`
+      })
       .replace(INLINE.strong[0], '<strong>$1</strong>')
       .replace(INLINE.strong[1], '<strong>$1</strong>')
       .replace(INLINE.em[0], '<em>$1</em>')