.atk-layer-wrap .atk-layer-mask{
    backdrop-filter: blur(5px);
}

.atk-error-layer {
    background-color: transparent !important;
}

.atk-main-editor {
    background: transparent !important;
    backdrop-filter: blur(10px);
    border: 1px solid #96969650 !important;
    box-shadow: 0 5px 15px #00000050;
    border-radius: 15px !important;
    opacity: 0;
    animation: main 1s .5s forwards;
    transition: all .5s ease;
}
.atk-main-editor:focus-within  {
    border: 1px solid #ffffff !important;
    box-shadow: 0 5px 20px 3px #00000080 !important;
}

.atk-main-editor:focus {
    border: 1px solid #ffffff !important;
    box-shadow: 0 5px 20px #00000080;
}

.atk-main-editor>.atk-textarea-wrap>.atk-textarea {
    background: transparent !important;
    color: #fff !important;
    height: 60px !important;
    min-height: 60px !important;
}

.atk-layer-wrap {
    --at-color-bg-grey: #3b3b3b !important;
    --at-color-bg-transl: rgba(0, 0, 0, 0.3) !important;
}

.atk-list-read-more {
    border: none !important;
}

.artalk,
.atk-layer-wrap {

    border-radius: 15px;
    color: #fff !important;
}

.atk-editor-plug-emoticons>.atk-grp-switcher {
    background: #00000000 !important;
    border: none !important;
}

.atk-main-editor>.atk-plug-panel-wrap {
    border-top: 1px solid #96969650 !important;
}

.atk-main-editor>.atk-bottom .atk-send-btn {
    background: #fff !important;
    border-radius: 10px !important;
    color: #000000 !important;
    font-size: 15px !important;
    padding: .4em 1em .4em !important;
    transition: opacity .3s ease-in-out, transform .5s ease, box-shadow .5s ease !important;
    box-shadow: 0 0 10px #ffffff00;
}

.atk-bottom>*:nth-child(2){
    animation: sway 11s ease-in-out infinite;
}
.atk-bottom>*:nth-child(2) .atk-send-btn {
    animation: breathe 7s ease-in-out infinite;
}

@media (min-width: 768px) {
.atk-bottom>*:nth-child(2):hover .atk-send-btn {
    box-shadow: 0 0 10px #ffffff50;
}
}

@keyframes sway {
  0%   { transform: rotate(-3deg); }
  25%  { transform: rotate(3deg); }
  50%  { transform: rotate(-3deg); }
  75%  { transform: rotate(3deg); }
  100% { transform: rotate(-3deg); }
}

@keyframes breathe {
  0%   { transform: scale(.95); }
  50%  { transform: scale(1.05); }
  100%  { transform: scale(.95); }
}

.atk-comment>.atk-main>.atk-header .atk-region-badge,.atk-comment>.atk-main>.atk-header .atk-ua {
    background: transparent !important;
    padding: 0 !important;
}

.atk-comment>.atk-main>.atk-header .atk-item.atk-nick {
    color: var(--accent-color) !important;
    font-size: 15px !important;
    font-weight: 800;
    font-family: 'Noto Serif SC';
}

.atk-item.atk-date{
    margin-left:auto;
}

.atk-comment>.atk-main>.atk-header .atk-item.atk-reply-at>.atk-nick {
    color: var(--accent-color) !important;
}

.atk-comment>.atk-main>.atk-header .atk-item.atk-nick a {
    color: var(--accent-color) !important;
    font-size: 15px !important;
    font-weight: 800;
    font-family: 'Noto Serif SC';
}

.atk-comment>.atk-avatar img {
    border-radius: 50% !important;
    box-shadow: 0 0 0 2px #fff;
    margin: 2px;
}

.atk-comment > .atk-avatar a{
    position: relative;
}

.atk-comment>.atk-main>.atk-body>.atk-content a {
    color: var(--accent-color) !important;
    font-family: "Libre Barcode 128", system-ui;
    line-height:1 !important;
}

.atk-list-comments-wrap>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-date,
.atk-list-comments-wrap>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .atk-region-badge,
.atk-list-comments-wrap>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-browser,
.atk-list-comments-wrap>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-os,
.atk-comment-children>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-date,
.atk-comment-children>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .atk-region-badge,
.atk-comment-children>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-browser,
.atk-comment-children>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-os{
    transition: color .3s ease;
}

.atk-list-comments-wrap>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-date,
.atk-list-comments-wrap>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .atk-region-badge,
.atk-list-comments-wrap>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-browser,
.atk-list-comments-wrap>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-os,
.atk-comment-children>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-date,
.atk-comment-children>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .atk-region-badge,
.atk-comment-children>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-browser,
.atk-comment-children>.atk-comment-wrap:hover>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-os{
    color: var(--color) !important;
}

@media (max-width: 768px) {
.atk-list-comments-wrap>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-browser,
.atk-list-comments-wrap>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-os,
.atk-comment-children>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-browser,
.atk-comment-children>.atk-comment-wrap>.atk-comment>.atk-main>.atk-header .atk-ua-wrap .ua-os{
    display: none !important;
}
}

.atk-list-comments-wrap>.atk-comment-wrap>.atk-comment>.atk-avatar a[href="https://shiyin.cafe/about"]::after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 0;
    color: #ffffff;
    background: url('../../../../external-tal-revivo-color-tal-revivo/24/external-verified-check-circle-for-approved-valid-content-basic-color-tal-revivo.png') no-repeat center center;
    border-radius: 50%;
    padding: 2px;
    z-index:2;
    width: 10px;
    height: 10px;
    border: 2px solid;
    box-shadow: 0 0 3px #000000;
}

.atk-comment-children .atk-comment-wrap .atk-comment .atk-avatar a[href="https://shiyin.cafe/about"]::after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: -2px;
    color: #ffffff;
    background: url('../../../../external-tal-revivo-color-tal-revivo/24/external-verified-check-circle-for-approved-valid-content-basic-color-tal-revivo.png') no-repeat center center;
    border-radius: 50%;
    padding: 2px;
    z-index:2;
    width: 7px;
    height: 7px;
    border: 2px solid;
    box-shadow: 0 0 3px #000000;
}

.artalk>.atk-list>.atk-list-header .atk-dropdown-wrap .atk-dropdown {
    background: #24272d !important;
    box-shadow: 0 5px 15px #00000050;
}

.artalk>.atk-list>.atk-list-header .atk-dropdown-wrap .atk-dropdown-item.active span {
    color: var(--accent-color) !important;
    border: none !important;
}

.atk-layer-dialog-wrap {
    backdrop-filter: blur(10px);
    background-color: #00000030;
}

.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-actions button {
    border: 1px solid #a5a5a5 !important;
    color: #fff !important;
}

.atk-loading {
    background: transparent !important;
}

.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-content input {
    background-color: transparent !important;
}

.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-content input:focus {
    color: #fff !important;
}

.atk-main-editor>.atk-header input:focus {
    color: #fff !important;
}

.artalk>.atk-list>.atk-list-header .atk-right-action>span.atk-on * {
    color: #fff !important;
}

.artalk>.atk-list>.atk-list-footer .atk-copyright a {
    color: var(--accent-color) !important;
}

.artalk>.atk-list {
    animation: main 1s 1s forwards;
    opacity: 0;
}

.atk-editor-plug-emoticons>.atk-grp-switcher>span.active {
    background: #252525 !important;
}

.atk-editor-plug-emoticons>.atk-grp-switcher>span:hover {
    background: #6f6f6f !important;
}

.atk-auth-plugin-dialog {
    background: transparent !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 10px #00000050;
}

.atk-auth-plugin-dialog:focus {
    color: #fff !important;
}

.atk-auth-plugin-dialog .atk-auth-dialog-title .atk-text {
    color: #fff !important;
}

.atk-auth-plugin-dialog .atk-methods-page .atk-methods .atk-method-item .atk-method-text {
    color: #fff !important;
}

.atk-icon:after {
    background-color: #ffffff !important;
}

.atk-editor-plug-emoticons>.atk-grp-wrap {
    height: 80% !important;
}

.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp>.atk-item {
    transition: .3s ease;
}

.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp[data-type="emoji"]>.atk-item {
    font-size: 36.5px !important;
    height: 60px !important;
}

.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp[data-type=image]>.atk-item {
    height: 60px !important;
    width: 60px !important;
}

.atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp>.atk-item:hover {
    background: #ffffff30 !important;
}

.artalk>.atk-list>.atk-list-header .atk-dropdown-wrap .atk-dropdown-item span:hover {
    color: #fff !important;
}

.artalk>.atk-list>.atk-list-header .atk-dropdown-wrap .atk-dropdown-item span {
    color: gray !important;
}

.atk-comment>.atk-main>.atk-footer .atk-actions>span:hover {
    color: #fff !important;
}

.atk-comment .atk-height-limit-btn{
    bottom:25px !important;
    padding: 5px 30px !important;
    box-shadow: 0 0 20px 0px #656565;
    border-radius: 15px !important;
    animation: sway 10s ease-in-out infinite;
}

.atk-comment .atk-height-limit:after{
    background: transparent !important;
}

.atk-main-editor .atk-editor-user-wrap .atk-editor-user .atk-name {
    color: #fff !important;
}

.atk-main-editor .atk-editor-user-wrap .atk-editor-user .atk-logout {
    color: #fff !important;
}

.atk-comment>.atk-main>.atk-body>.atk-content>*:last-child {
    line-height: 1.5 !important;
    font-family: 'Noto Serif SC';
    align-items: center;
}
.atk-comment>.atk-main>.atk-body>.atk-content>*:last-child > img:first-of-type {
    margin: 0 0 0 5px;
}

.artalk>.atk-list>.atk-list-footer {
    display: none;
}

.link-article~.artalk {
    width: 90%;
    left: 5%;
}

.link-article~.artalk .atk-main-editor {
    animation: main 1s 1s forwards !important;
}

.link-article~.artalk .atk-main-editor.editor-traveling{
    animation: main 1s !important;
    opacity: 1 !important;
}

.link-article~.artalk>.atk-list {
    animation: main 1s 1.5s forwards !important;
}

/*表情间距控制*/
img[atk-emoticon]{
    max-height: 40px !important;
    margin: 0 5px;
}
img[atk-emoticon="Yurui-Neko 38"],img[atk-emoticon="Yurui-Neko 39"]{
    margin: 0 -8px 0 0 !important;
}
img[atk-emoticon="Yurui-Neko 40"]{
    margin: 0 0 0 -5px !important;
}
img[atk-emoticon="QQ-32"]{
    margin: 0 2px 0 -3px !important;
}
img[atk-emoticon="QQ-33"]{
    margin: 0 0 0 -3px !important;
}
img[atk-emoticon="QQ-34"]{
    margin: 0 0 0 -1px !important;
}