mirror of
https://github.com/KivotosRailway/website.git
synced 2026-11-03 19:07:56 +09:00
130 lines
2.7 KiB
Stylus
130 lines
2.7 KiB
Stylus
.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 |