Add solitude

themes/solitude/source/css/_post/postAI.styl

@@ -0,0 +1,130 @@
+.post-ai
+  background var(--efu-secondbg)
+  border-radius 12px
+  padding 12px
+  line-height 1.3
+  border var(--style-border-always)
+  margin-top 16px
+  min-height 101.22px
+  box-shadow var(--efu-shadow-border)
+
+  +maxWidth768()
+    margin-top 22px
+
+  .ai-title
+    display flex
+    color var(--efu-lighttext)
+    border-radius 8px
+    align-items center
+    padding 0 12px
+    user-select none
+
+    .ai-title-left
+      display flex
+      align-items center
+      color var(--efu-lighttext)
+
+      i.ai-title-icon
+        width 24px
+        height 24px
+        display flex
+        background var(--efu-lighttext)
+        color var(--efu-card-bg)
+        font-size 14px
+        border-radius 20px
+        justify-content center
+        align-items center
+
+      .ai-title-text
+        font-weight 700
+        margin-left 8px
+        line-height 1
+        font-size 14px
+
+    .ai-tag
+      font-size 12px
+      background-color var(--efu-lighttext)
+      box-shadow var(--efu-shadow-main)
+      color var(--efu-card-bg)
+      font-weight 700
+      border-radius 12px
+      margin-left auto
+      line-height 12px
+      padding 6px 8px
+      display flex
+      align-items center
+      justify-content center
+      cursor pointer
+      transition .3s
+
+      &.loadingAI
+        animation-duration 2s
+        animation-name AILoading
+        animation-iteration-count infinite
+        animation-direction alternate
+        cursor default
+
+      &:hover:not(.loadingAI)
+        background var(--efu-fontcolor)
+        color var(--efu-card-bg)
+
+  .ai-explanation
+    margin-top 12px
+    padding 8px 12px
+    background var(--efu-card-bg)
+    border-radius 8px
+    border var(--style-border-always)
+    font-size 15px
+    line-height 1.4
+    display none
+    text-align left
+
+    .blinking-cursor
+      background-color var(--efu-lighttext)
+      width 14px
+      height 14px
+      border-radius 16px
+      display inline-block
+      vertical-align middle
+      animation blinking-cursor 2s infinite
+      margin-left 4px
+      margin-bottom 3px
+      transform scale(.6)
+
+  .ai-suggestions
+    display flex
+    flex-wrap wrap
+
+    .ai-suggestions-item
+      margin-top 12px
+      padding 8px 12px
+      background var(--efu-card-bg)
+      border-radius 8px 8px 8px 0
+      border var(--style-border-always)
+      font-size 14px
+      line-height 1.4
+      display flex
+      width fit-content
+      margin-right 12px
+      cursor pointer
+      transition .3s
+
+      &:hover
+        background var(--efu-main)
+        color var(--efu-white)
+
+  .ai-bottom
+    width 100%
+    margin-top 12px
+    padding 0 12px
+    display flex
+
+    .ai-tips
+      font-size 12px
+      color var(--efu-secondtext)
+      margin-right auto
+
+    .ai-report
+      font-size 12px
+      color var(--efu-secondtext)
+      white-space nowrap