artalk 2.0.4 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/README.md +7 -60
  2. package/dist/Artalk.css +1 -1
  3. package/dist/Artalk.es.js +5996 -1
  4. package/dist/Artalk.iife.js +266 -1
  5. package/dist/Artalk.js +266 -1
  6. package/package.json +3 -4
  7. package/src/api/index.ts +269 -0
  8. package/src/api/request.ts +125 -0
  9. package/src/artalk.ts +153 -0
  10. package/src/components/_component.ts.txt +10 -0
  11. package/src/components/action-btn.ts +169 -0
  12. package/src/components/admin/page-list.ts +194 -0
  13. package/src/components/admin/site-list-floater.ts +98 -0
  14. package/src/components/admin/site-list.ts +289 -0
  15. package/src/components/comment.ts +478 -0
  16. package/src/components/dialog.ts +63 -0
  17. package/src/components/editor-plugs/{_ExamplePlug.ts.txt → _example-plug.ts.txt} +0 -0
  18. package/src/components/editor-plugs/{EditorPlug.ts → editor-plug.ts} +3 -3
  19. package/src/components/editor-plugs/{EmoticonsPlug.less → emoticons-plug.less} +0 -0
  20. package/src/components/editor-plugs/{EmoticonsPlug.ts → emoticons-plug.ts} +9 -9
  21. package/src/components/editor-plugs/{PreviewPlug.less → preview-plug.less} +0 -0
  22. package/src/components/editor-plugs/{PreviewPlug.ts → preview-plug.ts} +10 -10
  23. package/src/components/{Editor.ts → editor.ts} +104 -102
  24. package/src/components/html/comment.html +2 -6
  25. package/src/components/html/list.html +0 -1
  26. package/src/components/html/sidebar.html +18 -4
  27. package/src/components/item-text-editor.ts +136 -0
  28. package/src/components/layer.ts +135 -0
  29. package/src/components/list-lite.ts +507 -0
  30. package/src/components/list.ts +172 -0
  31. package/src/components/pagination.ts +150 -0
  32. package/src/components/read-more-btn.ts +71 -0
  33. package/src/components/sidebar-view.ts +26 -0
  34. package/src/components/sidebar-views/comments-view.ts +66 -0
  35. package/src/components/sidebar-views/pages-view.ts +61 -0
  36. package/src/components/sidebar-views/setting-view.ts +21 -0
  37. package/src/components/sidebar-views/sites-view.ts +42 -0
  38. package/src/components/sidebar-views/transfer-view.ts +218 -0
  39. package/src/components/sidebar.ts +288 -0
  40. package/src/context.ts +42 -0
  41. package/src/default-conf.ts +42 -0
  42. package/src/lib/checker/admin-checker.ts +33 -0
  43. package/src/lib/checker/captcha-checker.ts +38 -0
  44. package/src/lib/checker/index.ts +134 -0
  45. package/src/lib/component.ts +3 -3
  46. package/src/lib/md5.js +6 -0
  47. package/src/lib/ui.ts +64 -74
  48. package/src/lib/user.ts +2 -8
  49. package/src/lib/utils.ts +30 -11
  50. package/src/main.ts +1 -1
  51. package/src/style/_color.less +8 -2
  52. package/src/style/_extend.less +81 -0
  53. package/src/style/_variables.less +3 -0
  54. package/src/style/comment.less +60 -24
  55. package/src/style/editor.less +3 -0
  56. package/src/style/item-text-editor.less +35 -0
  57. package/src/style/list.less +51 -32
  58. package/src/style/main.less +75 -1
  59. package/src/style/page-list.less +50 -0
  60. package/src/style/pagination.less +58 -0
  61. package/src/style/sidebar.less +274 -199
  62. package/src/style/site-list.less +208 -0
  63. package/tsconfig.json +27 -0
  64. package/types/artalk-config.d.ts +68 -51
  65. package/types/artalk-data.d.ts +38 -1
  66. package/types/event.d.ts +73 -0
  67. package/types/index.d.ts +1 -6
  68. package/.github/workflows/npm.yml +0 -31
  69. package/.github/workflows/pages.yml +0 -30
  70. package/dist/src/Event.d.ts +0 -59
  71. package/dist/types/artalk-config.d.ts +0 -79
  72. package/dist/types/artalk-data.d.ts +0 -153
  73. package/dist/types/global.d.ts +0 -1
  74. package/dist/types/index.d.ts +0 -8
  75. package/dist/types/vite-env.d.ts +0 -1
  76. package/example/pjax/res1.html +0 -41
  77. package/example/pjax/res2.html +0 -41
  78. package/src/Artalk.ts +0 -160
  79. package/src/Constant.ts +0 -6
  80. package/src/Context.ts +0 -34
  81. package/src/Event.d.ts +0 -59
  82. package/src/components/Comment.ts +0 -402
  83. package/src/components/Layer.ts +0 -138
  84. package/src/components/List.ts +0 -162
  85. package/src/components/ListLite.ts +0 -407
  86. package/src/components/Sidebar.ts +0 -141
  87. package/src/components/sidebar-views/AdminView.ts +0 -523
  88. package/src/components/sidebar-views/MessageView.ts +0 -48
  89. package/src/components/sidebar-views/SidebarView.ts +0 -24
  90. package/src/lib/api.ts +0 -380
  91. package/src/lib/checker.ts +0 -164
package/README.md CHANGED
@@ -52,61 +52,6 @@
52
52
 
53
53
  前往：[“**文档 · 部署**”](https://artalk.js.org/guide/deploy.html)
54
54
 
55
- ### 两步抵达
56
-
57
- <details>
58
- <summary>点击展开</summary>
59
-
60
- 1. 后端程序部署，前往：[“**文档 · 后端部署**”](https://artalk.js.org/guide/backend/install.html)
61
- 2. 前端页面引入：
62
-
63
- ```html
64
- <!DOCTYPE html>
65
- <html>
66
- <head>
67
-
68
- <!-- 引入 CSS -->
69
- <link href="https://cdn.jsdelivr.net/npm/artalk@2/dist/Artalk.css" rel="stylesheet">
70
-
71
- </head>
72
- <body>
73
-
74
- <!-- 给定元素 -->
75
- <div id="Comments"></div>
76
-
77
- <!-- 引入 JS -->
78
- <script src="https://cdn.jsdelivr.net/npm/artalk@2/dist/Artalk.js"></script>
79
-
80
- <!-- 配置 Artalk -->
81
- <script>
82
- new Artalk({
83
- el: '#Comments',
84
- pageKey: '<页面链接>',
85
- pageTitle: '<页面标题>',
86
- server: '<后端地址>',
87
- site: '<站点名称>',
88
- })
89
- </script>
90
-
91
- </body>
92
- </html>
93
- ```
94
- </details>
95
-
96
- ### CDN 资源
97
-
98
- 在页面合适的位置通过 CDN 资源引入 Artalk：
99
-
100
- ```html
101
- <!-- CSS -->
102
- <link href="https://cdn.jsdelivr.net/npm/artalk@2/dist/Artalk.css" rel="stylesheet">
103
-
104
- <!-- JS -->
105
- <script src="https://cdn.jsdelivr.net/npm/artalk@2/dist/Artalk.js"></script>
106
- ```
107
-
108
- ### NPM 引用
109
-
110
55
  ```sh
111
56
  $ yarn add artalk
112
57
  ```
@@ -115,23 +60,25 @@ $ yarn add artalk
115
60
  import Artalk from 'artalk'
116
61
 
117
62
  new Artalk({
118
- // ...your config
63
+ el: '#Comments',
64
+ pageKey: '<页面链接>',
65
+ pageTitle: '<页面标题>',
66
+ server: '<后端地址>',
67
+ site: '<站点名称>',
119
68
  })
120
69
  ```
121
70
 
122
- Artalk 拥有 TypeScript 声明文件，能够在引用时帮助您进行代码提示。
123
-
124
71
  ## 特别致谢
125
72
 
126
- 感谢社区提供的帮助与反馈，若有好的建议与意见欢迎前往 [issues](https://github.com/ArtalkJS/Artalk/issues) 随时告知。
73
+ 感谢社区提供的帮助与反馈，若有好的建议与意见欢迎前往 [ISSUES](https://github.com/ArtalkJS/Artalk/issues) 随时告知。
127
74
 
128
75
  ## Stargazers over time
129
76
 
130
77
  [![Stargazers over time](https://starchart.cc/ArtalkJS/Artalk.svg)](https://starchart.cc/ArtalkJS/Artalk)
131
- [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk?ref=badge_shield)
132
78
 
133
79
  ## License
134
80
  [GPL-3.0](./LICENSE)
135
81
 
82
+ [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk?ref=badge_shield)
136
83
 
137
84
  [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk?ref=badge_large)
package/dist/Artalk.css CHANGED
@@ -1 +1 @@
1
- .artalk *,.atk-layer-wrap *{--at-color-font: #2a2e2e;--at-color-deep: #2a2e2e;--at-color-grey: #999;--at-color-meta: #757e91;--at-color-border: #eceff2;--at-color-light: #4285f4;--at-color-bg: #FFF;--at-color-bg-transl: rgba(255, 255, 255, .94);--at-color-bg-grey: #F4F4F4;--at-color-bg-grey-transl: rgba(244, 244, 244, .75);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #0083ff;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ffa928;--at-color-quote: #687a86}.artalk.atk-dark-mode *,.atk-layer-wrap.atk-dark-mode *{--at-color-font: #fff;--at-color-deep: #e7e7e7;--at-color-grey: #fff;--at-color-meta: #fff;--at-color-border: #2d3235;--at-color-light: #687a86;--at-color-bg: #1e2224;--at-color-bg-transl: rgba(30, 34, 36, .95);--at-color-bg-grey: #46494e;--at-color-bg-grey-transl: rgba(8, 8, 8, .95);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #0083ff;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ffa928;--at-color-quote: #687a86}.artalk{position:relative;width:100%;min-height:200px}.artalk *,.atk-layer-wrap *{box-sizing:border-box;line-height:1.6em;color:var(--at-color-font);font-family:"Helvetica Neue","PingFangSC-Light","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;word-wrap:break-word;word-break:break-all}.artalk pre,.atk-layer-wrap pre{line-height:1.6em;background-color:var(--at-color-bg-grey);color:var(--at-color-font);padding:5px 10px;border-radius:calc(4px / 2);margin:0;font-family:Source Code Pro,courier new,Input Mono,PT Mono,SFMono-Regular,Consolas,Monaco,Menlo,PingFang SC,Liberation Mono,Microsoft YaHei,Courier,monospace}.artalk a,.atk-layer-wrap a{color:var(--at-color-main);text-decoration:none}.artalk blockquote,.atk-layer-wrap blockquote{position:static;margin:10px 0;padding:10px 20px;background:var(--at-color-bg-grey);border-left:4px solid var(--at-color-quote)}.artalk p:first-child,.atk-layer-wrap p:first-child{margin-top:0}.artalk p:last-child,.atk-layer-wrap p:last-child{margin-bottom:0}.artalk *,.atk-layer-wrap *{box-sizing:border-box}.artalk img,.atk-layer-wrap img{max-width:100%}.atk-hide{display:none!important}.atk-full-layer,.atk-loading,.atk-error-layer,.atk-layer-dialog-wrap{width:100%;height:100%;position:absolute;top:0;left:0;background:var(--at-color-bg);z-index:10;align-items:center;justify-content:center;flex-flow:column;display:flex}.atk-loading{z-index:11}.atk-loading-spinner{position:relative;width:50px;height:50px}.atk-loading-spinner svg{-webkit-animation:atkRotate 2s linear infinite;animation:atkRotate 2s linear infinite;transform-origin:center center;width:100%;height:100%;position:absolute;top:0;left:0}.atk-loading-spinner svg circle{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:atkDash 1.5s ease-in-out infinite,atkColor 6s ease-in-out infinite;animation:atkDash 1.5s ease-in-out infinite,atkColor 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes atkRotate{to{transform:rotate(360deg)}}@keyframes atkRotate{to{transform:rotate(360deg)}}@-webkit-keyframes atkDash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes atkDash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes atkColor{0%,to{stroke:#ff5652}40%{stroke:#2196f3}66%{stroke:#32c787}80%,90%{stroke:#ffc107}}@keyframes atkColor{0%,to{stroke:#ff5652}40%{stroke:#2196f3}66%{stroke:#32c787}80%,90%{stroke:#ffc107}}@-webkit-keyframes atkLoadingIconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes atkLoadingIconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.atk-loading-icon{width:18px;height:18px;box-sizing:border-box;border:solid 1px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:atkLoadingIconRotate .4s linear infinite;animation:atkLoadingIconRotate .4s linear infinite}.atk-fade-in{-webkit-animation:atkFadeIn both .3s;animation:atkFadeIn both .3s}.atk-fade-out{-webkit-animation:atkFadeOut both .2s;animation:atkFadeOut both .2s}@-webkit-keyframes atkFadeIn{0%{opacity:0}to{opacity:1}}@keyframes atkFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes atkFadeOut{to{opacity:0}}@keyframes atkFadeOut{to{opacity:0}}.atk-error-layer{background-color:var(--at-color-bg-transl)}.atk-error-layer .atk-error-title{color:var(--at-color-red)}.atk-error-layer .atk-error-text{text-align:center;padding:0 20px}.atk-layer-dialog-wrap{background-color:var(--at-color-bg-transl)}.atk-layer-dialog-wrap>.atk-layer-dialog{width:25%}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-content .atk-captcha-img{cursor:pointer;width:100px;height:auto;margin-right:10px;padding-right:10px;border-right:1px solid var(--at-color-border);vertical-align:bottom}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-content input{width:100%;line-height:calc(30px + 4px);background-color:var(--at-color-bg);border:1px solid var(--at-color-border);border-radius:calc(4px / 2);outline:none;padding:0 6px;display:block;margin-top:10px;margin-bottom:5px;text-align:center}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-action{display:flex;flex-direction:row}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-action button{flex:1;display:block;cursor:pointer;border:1px solid var(--at-color-main);background:transparent;color:var(--at-color-main);border-radius:calc(4px / 2);padding:0 15px;line-height:30px;outline:none}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-action button:active{color:#fff;background:var(--at-color-main)}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-action button:not(:last-child){margin-right:5px}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-action button.error{color:#fff;background:#ff5652;border-color:#ff5652}@media only screen and (max-width: 768px){.atk-layer-dialog-wrap>.atk-layer-dialog{width:90%!important}}.atk-notify{display:block;overflow:hidden;background-color:#2c2c2c;color:#fff;border-radius:2px;cursor:pointer;font-size:14px;padding:4px 15px}.atk-notify:not(:last-child){margin-bottom:3px}.atk-notify .atk-notify-content{color:#fff}.atk-layer-wrap .atk-layer-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998;background:rgba(0,0,0,.3)}.atk-layer-wrap .atk-layer-item{position:fixed;z-index:99999;top:0;right:0;width:100%;height:100%}.artalk>.atk-editor{border:1px solid var(--at-color-border);border-radius:4px;margin-bottom:15px;overflow:hidden;position:relative;background:var(--at-color-bg)}@media only screen and (max-width: 768px){.artalk>.atk-editor{margin-bottom:7px}}.artalk>.atk-editor>.atk-editor-header{display:flex;flex-direction:row;padding:0 10px;padding-top:calc(10px / 2);padding-bottom:0}.artalk>.atk-editor>.atk-editor-header input{border:2px solid transparent;transition:color .3s ease;flex:1;background:transparent;border-radius:calc(4px / 2);padding:6px 5px;resize:none;outline:none;width:100%}.artalk>.atk-editor>.atk-editor-header input:not(:last-child){margin-right:2px}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-editor-textarea{color:var(--at-color-font);background-color:var(--at-color-bg);margin-top:2px;padding:10px calc(10px + 5px);display:block;width:100%;min-height:130px;resize:none;word-wrap:break-word;border:2px solid transparent;border-radius:calc(4px / 2);outline:none;overflow:hidden}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-close-comment{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;position:relative;text-align:center;min-height:30px;border-top:1px solid var(--at-color-border);margin-top:4px;font-weight:100;font-size:12px;place-items:center;justify-content:center;place-content:flex-end;flex-direction:row;background:var(--at-color-bg)}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-close-comment>span{color:var(--at-color-meta);border-radius:2px;margin-right:14px}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply-wrap{position:relative;padding:0 10px}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply{position:relative;display:inline-block;font-size:14px;height:30px;line-height:30px;background:var(--at-color-bg-grey-transl);padding:0 30px 0 10px;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply .atk-cancel{position:absolute;right:0;bottom:0;height:30px;text-align:center;width:30px;line-height:30px;font-weight:700}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply .atk-cancel:hover{color:var(--at-color-deep)}.artalk>.atk-editor>.atk-editor-plug-wrap{position:relative;height:180px;width:100%;overflow:hidden;border-top:1px solid var(--at-color-border);-webkit-animation:.3s both atkFadeIn;animation:.3s both atkFadeIn;transition:.2s height ease-in-out}.artalk>.atk-editor>.atk-editor-bottom{display:flex;flex-direction:row;border-top:1px solid var(--at-color-border);padding:0 0 0 calc(10px - 5px)}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-bottom-part{display:flex;flex:1;flex-direction:row;align-items:center}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-bottom-part.atk-left{flex:inherit}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-bottom-part.atk-right{justify-content:flex-end}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action{padding:0 8px;cursor:pointer;color:var(--at-color-grey);font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action>i{color:var(--at-color-grey);display:inline-flex;vertical-align:sub;margin-left:4px}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action>i svg.markdown path{fill:var(--at-color-grey)}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action.active{color:var(--at-color-main)}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action.active>i>svg.markdown path{fill:var(--at-color-main)}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action:not(:last-child){border-right:1px solid var(--at-color-border)}.artalk>.atk-editor>.atk-editor-bottom .atk-send-btn{background:var(--at-color-main);color:#fff;border:none;padding:0 30px;height:30px;cursor:pointer;transition:opacity .3s ease-in-out;outline:none;font-size:14px}.artalk>.atk-editor>.atk-editor-bottom .atk-send-btn:active{opacity:.9}.artalk>.atk-editor>.atk-editor-notify-wrap{position:absolute;right:-2px;bottom:36px;width:225px;z-index:9;opacity:.83}.atk-editor-plug-emoticons{height:100%;width:100%}.atk-editor-plug-emoticons .atk-emoticons-list-wrap{overflow-y:scroll;overflow-x:hidden;height:100%;width:100%}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar{width:4px;background:transparent}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb,.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb:window-inactive{background:rgba(86,86,86,.3)}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb:vertical:hover{background:rgba(65,74,82,.77)}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb:vertical:active{background:rgba(41,47,53,.77)}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list{padding:5px 10px 35px}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list .atk-emoticons-item{display:inline-block;padding:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2px;font-size:16px}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list .atk-emoticons-item>img{max-height:60px;width:auto}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list .atk-emoticons-item:hover{background:var(--at-color-bg-grey)}.atk-editor-plug-emoticons .atk-emoticons-types{position:absolute;bottom:0;left:0;width:100%;background:var(--at-color-bg-transl);height:30px;border-top:1px solid var(--at-color-border)}.atk-editor-plug-emoticons .atk-emoticons-types>span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 10px;line-height:30px;float:left;display:block;cursor:pointer;font-size:14px}.atk-editor-plug-emoticons .atk-emoticons-types>span:hover,.atk-editor-plug-emoticons .atk-emoticons-types>span.active{background:var(--at-color-bg-grey)}.atk-editor-plug-preview{overflow-y:scroll;overflow-x:hidden;height:100%;width:100%;padding:10px 15px}.artalk>.atk-list{position:relative}.artalk>.atk-list>.atk-list-header{display:flex;flex-direction:row;padding:10px 10px 5px;border-bottom:1px solid var(--at-color-border)}.artalk>.atk-list>.atk-list-header .atk-comment-count{font-size:15px}.artalk>.atk-list>.atk-list-header .atk-comment-count .atk-comment-count-num{font-size:22px;margin-right:4px}.artalk>.atk-list>.atk-list-header .atk-right-action{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:flex-end}.artalk>.atk-list>.atk-list-header .atk-right-action>span{font-size:14px;color:var(--at-color-meta);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.artalk>.atk-list>.atk-list-header .atk-right-action>span.atk-on,.artalk>.atk-list>.atk-list-header .atk-right-action>span.atk-on *{color:var(--at-color-main)}.artalk>.atk-list>.atk-list-header .atk-right-action>span:not(:last-child):not(.atk-hide){margin-right:10px;padding-right:10px;border-right:1px solid var(--at-color-border)}.artalk>.atk-list>.atk-list-header .atk-right-action>span .atk-unread-badge{position:absolute;top:-5px;left:-6px;color:#fff;background:var(--at-color-pink);text-align:center;min-width:16px;height:16px;padding:0 3px;border-radius:8px;line-height:16px;font-size:12px}.artalk>.atk-list>.atk-list-body{min-height:150px}.artalk>.atk-list>.atk-list-footer{position:relative;overflow:hidden}.artalk>.atk-list>.atk-list-footer .atk-copyright{display:block;font-size:13px;float:right;color:var(--at-color-main);padding:0 10px;border-radius:2px}.artalk>.atk-list>.atk-list-footer .atk-copyright a{color:var(--at-color-main);text-decoration:none}.atk-list-no-comment{text-align:center;height:150px;line-height:150px;display:block;font-size:19px}.atk-list-read-more{margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid var(--at-color-border);padding:0 20px;font-size:14px;border-radius:4px;display:flex;height:30px;flex-direction:row;place-content:center;align-items:center}.atk-list-read-more.atk-err>.atk-text{color:var(--at-color-red)!important}.atk-list-read-more>.atk-loading-icon{height:15px;width:15px}.atk-list-read-more>.atk-text{color:var(--at-color-meta)}.atk-list-read-more:hover{background-color:var(--at-color-border)}.atk-list-read-more:hover>.atk-text{color:var(--at-color-main)}.atk-comment-wrap{overflow:hidden;position:relative;border-bottom:1px solid var(--at-color-border)}.atk-comment-wrap.atk-flash-once{-webkit-animation:atkFlashOnce 1s ease-in-out 0s;animation:atkFlashOnce 1s ease-in-out 0s}@-webkit-keyframes atkFlashOnce{0%{background:rgba(0,131,255,.2)}to{background:transparent}}@keyframes atkFlashOnce{0%{background:rgba(0,131,255,.2)}to{background:transparent}}.atk-comment-wrap.atk-unread:before{content:" ";position:absolute;left:0;top:10%;width:3px;height:80%;background:var(--at-color-main)}.atk-comment-wrap.atk-openable{cursor:pointer}.atk-comment-wrap.atk-openable:hover{background:var(--at-color-bg-grey)}.atk-comment-wrap:last-child{border-bottom-color:transparent}.atk-comment-wrap>.atk-comment{display:block;padding:12px 10px}.atk-comment-wrap>.atk-comment>.atk-avatar{display:block;padding:2px 0;float:left}.atk-comment-wrap>.atk-comment>.atk-avatar img{width:48px;height:48px;border-radius:3px}.atk-comment-wrap>.atk-comment>.atk-comment-main{display:block;margin-left:62px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header{line-height:1;font-size:13px;margin-bottom:3px;overflow:hidden;position:relative;display:flex;flex-wrap:wrap;align-items:center}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span{display:flex;margin-bottom:2px;color:var(--at-color-meta)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span:not(:last-child){margin-right:6px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span.atk-nick{font-size:14px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span.atk-nick>a{color:var(--at-color-main);text-decoration:none}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span.atk-badge{background:var(--at-color-bg-grey);padding:0 6px;line-height:18px;border-radius:3px;background:#FF6C00;color:#fff}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span.atk-ua{background:var(--at-color-bg-grey);padding:0 6px;line-height:18px;border-radius:3px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body{display:block;overflow:hidden;position:relative}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body img{max-width:100%}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content{word-break:break-all}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content.atk-type-collapsed{border:3px solid var(--at-color-bg-grey);border-bottom:0;padding:5px 10px;border-radius:4px 4px 0 0;margin-bottom:-5px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content>*:first-child{margin-top:0}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content>*:last-child{margin-bottom:0}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-pending{color:var(--at-color-meta);margin:3px 0;font-size:13px;padding:10px 18px;display:block;background:var(--at-color-bg-grey);border-left:4px solid #f44336}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to{padding:5px 15px;border-left:3px solid #eee;margin-bottom:10px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to>.atk-meta{font-size:15px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to>.atk-meta>.atk-nick{color:var(--at-color-main)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to>.atk-content{margin-top:5px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed{margin:3px 0;font-size:13px;padding:10px 18px;display:block;background:var(--at-color-bg-grey);border-radius:4px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed>.atk-text{color:var(--at-color-meta)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed>.atk-show-btn{color:var(--at-color-main);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:3px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed>.atk-show-btn:hover{color:var(--at-color-main)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body.atk-read-more-mask:after{pointer-events:none;position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:" ";bottom:0;height:41px;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsl(0,0%,100%))}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer{margin-top:12px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions{display:flex;flex-direction:row;align-items:center}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span,.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span *{color:var(--at-color-meta);font-size:13px;line-height:15px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span.atk-error,.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span.atk-error:hover{color:var(--at-color-red)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span:not(:first-child):not(.atk-hide){margin-left:8px;padding-left:8px;border-left:1px solid var(--at-color-border)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span:hover{color:var(--at-color-deep)}.atk-comment-wrap .atk-comment-children .atk-comment-wrap{margin-top:10px;border-left:1px dashed var(--at-color-border);border-bottom-color:transparent}.atk-comment-wrap .atk-comment-children .atk-comment-wrap:not(:last-child){margin-bottom:5px}.atk-comment-wrap .atk-comment-children .atk-comment-wrap>.atk-comment{padding-top:4px;padding-bottom:4px}.atk-comment-wrap .atk-comment-children .atk-comment-wrap>.atk-comment>.atk-avatar img{width:36px;height:36px}.atk-sidebar{position:fixed;z-index:99999;top:0;right:0;width:450px;height:100%;background:var(--at-color-bg);transition:transform .45s cubic-bezier(.23,1,.32,1) 0ms;transform:translate(450px)}@media only screen and (max-width: 450px){.atk-sidebar{width:100%}}.atk-sidebar .atk-sidebar-inner{position:relative}.atk-sidebar .atk-sidebar-inner .atk-sidebar-title-wrap{padding:15px 35px 10px 20px}.atk-sidebar .atk-sidebar-inner .atk-sidebar-title-wrap .atk-title-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:17px;cursor:pointer;color:var(--at-color-font)}.atk-sidebar .atk-sidebar-inner .atk-sidebar-title-wrap .atk-title-item.atk-active{color:var(--at-color-font)!important;font-size:23px;cursor:initial}.atk-sidebar .atk-sidebar-inner .atk-sidebar-title-wrap .atk-title-item:hover{color:var(--at-color-main)}.atk-sidebar .atk-sidebar-inner .atk-sidebar-title-wrap .atk-title-item:not(:last-child){margin-right:25px}.atk-sidebar .atk-sidebar-inner .atk-sidebar-close{position:absolute;display:flex;right:10px;top:10px;width:40px;height:40px;align-items:center;place-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-sidebar .atk-sidebar-inner .atk-sidebar-close:hover{background:rgba(232,17,35,.9)}.atk-sidebar .atk-sidebar-inner .atk-sidebar-close:hover svg{fill:#fff}.atk-sidebar .atk-sidebar-inner .atk-sidebar-close svg{fill:var(--at-color-font)}.atk-sidebar .atk-sidebar-actions{display:flex;flex-direction:row;border-bottom:1px solid var(--at-color-border)}.atk-sidebar .atk-sidebar-actions .atk-action-item{display:flex;flex-grow:1;scroll-snap-align:start;place-content:center;line-height:40px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-sidebar .atk-sidebar-actions .atk-action-item:hover{background:var(--at-color-bg-grey)}.atk-sidebar .atk-sidebar-actions .atk-action-item.atk-active{color:var(--at-color-main);font-weight:bold}.atk-sidebar .atk-sidebar-content{position:relative;overflow-y:auto;height:calc(100vh - 102px)}.atk-sidebar .atk-sidebar-content .atk-sidebar-no-content{position:absolute;left:0;right:0;top:0;font-size:35px;color:var(--at-color-meta);pointer-events:none;height:100%;display:flex;justify-content:center;align-items:center}.atk-sidebar .atk-filter-bar{padding:0 15px;font-size:15px}.atk-sidebar .atk-filter-bar>span{display:inline-block;padding:3px 13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:50px;margin-bottom:5px}.atk-sidebar .atk-filter-bar>span:hover{color:#4285f4;background:var(--at-color-bg-grey)}.atk-sidebar .atk-filter-bar>span.atk-active{background:var(--at-color-bg-light);color:var(--at-color-light)}.atk-sidebar .atk-filter-bar>span:not(:last-child){margin-right:5px}.atk-sidebar .atk-filter-bar:not(:last-child){padding-top:8px}.atk-sidebar .atk-form-inline-wrap{display:flex;align-items:center;justify-content:center;padding:15px 0}.atk-sidebar .atk-form-inline-wrap input,.atk-sidebar .atk-form-inline-wrap select,.atk-sidebar .atk-form-inline-wrap button{display:inline!important;min-width:initial!important}@media only screen and (max-width: 768px){.atk-sidebar .atk-form-inline-wrap input,.atk-sidebar .atk-form-inline-wrap select,.atk-sidebar .atk-form-inline-wrap button{width:100%}}.atk-sidebar .atk-form-inline-wrap button{width:200px!important}.atk-sidebar .atk-form-wrap,.atk-sidebar .atk-form-inline-wrap{padding:10px}.atk-sidebar .atk-form-wrap input,.atk-sidebar .atk-form-inline-wrap input,.atk-sidebar .atk-form-wrap select,.atk-sidebar .atk-form-inline-wrap select{min-width:200px}.atk-sidebar .atk-form-wrap input,.atk-sidebar .atk-form-inline-wrap input,.atk-sidebar .atk-form-wrap textarea,.atk-sidebar .atk-form-inline-wrap textarea{display:block;line-height:30px;padding:0 10px;margin:0 2px;border:none;border-bottom:1px solid var(--at-color-border);outline:none;width:100%}.atk-sidebar .atk-form-wrap input:focus,.atk-sidebar .atk-form-inline-wrap input:focus,.atk-sidebar .atk-form-wrap textarea:focus,.atk-sidebar .atk-form-inline-wrap textarea:focus{border-bottom-color:var(--at-color-main)}.atk-sidebar .atk-form-wrap input[type=file],.atk-sidebar .atk-form-inline-wrap input[type=file],.atk-sidebar .atk-form-wrap textarea[type=file],.atk-sidebar .atk-form-inline-wrap textarea[type=file]{width:200px;cursor:pointer;position:relative;border:0;margin:17px 0}.atk-sidebar .atk-form-wrap textarea,.atk-sidebar .atk-form-inline-wrap textarea{min-height:120px}.atk-sidebar .atk-form-wrap select,.atk-sidebar .atk-form-inline-wrap select{display:block;outline:none;border:none;border-bottom:1px solid var(--at-color-border);height:30px;padding:0 10px;width:100%}.atk-sidebar .atk-form-wrap button,.atk-sidebar .atk-form-inline-wrap button{color:var(--at-color-light);background:var(--at-color-bg-light);border:0;line-height:30px;cursor:pointer;outline:none;padding:0 20px;border-radius:2px;margin:0 5px;width:100%}.atk-sidebar .atk-form-wrap button:hover,.atk-sidebar .atk-form-inline-wrap button:hover{color:#fff;background:var(--at-color-main)}.atk-sidebar .atk-form-wrap .atk-desc,.atk-sidebar .atk-form-inline-wrap .atk-desc{font-size:14px;margin-top:12px;margin-left:15px;display:block}.atk-sidebar .atk-admin-setting .atk-log-back-btn{display:inline-block;padding:5px 30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-sidebar .atk-admin-setting .atk-log-back-btn:hover{background:#f4f4f4}.atk-sidebar .atk-admin-setting .atk-iframe{width:100%;height:calc(100vh - 150px);border:0;background:#f4f4f4;border:5px solid #eee}.atk-sidebar .atk-sidebar-list>.atk-item{display:flex;align-items:flex-start;padding:10px 20px;flex-direction:column}.atk-sidebar .atk-sidebar-list>.atk-item:not(:last-child){border-bottom:1px solid var(--at-color-border)}.atk-sidebar .atk-sidebar-list>.atk-item .atk-title{font-size:20px;display:block;cursor:pointer}.atk-sidebar .atk-sidebar-list>.atk-item .atk-title:hover{color:var(--at-color-main)}.atk-sidebar .atk-sidebar-list>.atk-item .atk-sub{display:block;color:var(--at-color-meta);cursor:pointer}.atk-sidebar .atk-sidebar-list>.atk-item .atk-sub:hover{color:var(--at-color-main)}.atk-sidebar .atk-sidebar-list>.atk-item .atk-actions{display:flex;margin-top:10px;flex-direction:row;flex-wrap:wrap}.atk-sidebar .atk-sidebar-list>.atk-item .atk-actions>.atk-item{font-size:14px;color:var(--at-color-meta);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-sidebar .atk-sidebar-list>.atk-item .atk-actions>.atk-item:not(:last-child){margin-right:10px;padding-right:10px;border-right:1px solid var(--at-color-border)}.atk-sidebar .atk-sidebar-list>.atk-item .atk-actions>.atk-item:hover{color:var(--at-color-main)}.atk-sidebar .atk-setting .atk-group{padding:15px 25px}.atk-sidebar .atk-setting .atk-group:not(:last-child){border-bottom:1px solid var(--at-color-border)}.atk-sidebar .atk-setting .atk-title{font-size:20px;margin-bottom:10px}.atk-sidebar .atk-setting .atk-label{font-size:16px;margin-top:10px;margin-bottom:2px;color:var(--at-color-meta)}.atk-sidebar .atk-setting .atk-btn{padding:4px 25px;margin-top:20px}
1
+ .artalk *,.atk-layer-wrap *{--at-color-font: #2a2e2e;--at-color-deep: #2a2e2e;--at-color-sub: #757575;--at-color-grey: #999;--at-color-meta: #757e91;--at-color-border: #eceff2;--at-color-light: #4285f4;--at-color-bg: #FFF;--at-color-bg-transl: rgba(255, 255, 255, .94);--at-color-bg-grey: #F4F4F4;--at-color-bg-grey-transl: rgba(244, 244, 244, .75);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #0083ff;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ff7c37;--at-color-green: #4caf50;--at-color-quote: #687a86;--at-color-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255))}.artalk.atk-dark-mode *,.atk-layer-wrap.atk-dark-mode *{--at-color-font: #fff;--at-color-deep: #e7e7e7;--at-color-sub: #e7e7e7;--at-color-grey: #fff;--at-color-meta: #fff;--at-color-border: #2d3235;--at-color-light: #687a86;--at-color-bg: #1e2224;--at-color-bg-transl: rgba(30, 34, 36, .95);--at-color-bg-grey: #46494e;--at-color-bg-grey-transl: rgba(8, 8, 8, .95);--at-color-bg-light: rgba(29, 161, 242, .1);--at-color-main: #0083ff;--at-color-red: #ff5652;--at-color-pink: #fa5a57;--at-color-yellow: #ff7c37;--at-color-green: #4caf50;--at-color-quote: #687a86;--at-color-gradient: linear-gradient(180deg, rgba(30, 34, 36, 0), #1e2224)}.artalk{position:relative;width:100%;min-height:200px}.artalk *,.atk-layer-wrap *{box-sizing:border-box;line-height:1.6em;color:var(--at-color-font);font-family:"Helvetica Neue","PingFangSC-Light","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;word-wrap:break-word;word-break:break-all}.artalk pre,.atk-layer-wrap pre{line-height:1.6em;background-color:var(--at-color-bg-grey);color:var(--at-color-font);padding:5px 10px;border-radius:2px;margin:0;font-family:Source Code Pro,courier new,Input Mono,PT Mono,SFMono-Regular,Consolas,Monaco,Menlo,PingFang SC,Liberation Mono,Microsoft YaHei,Courier,monospace}.artalk a,.atk-layer-wrap a{color:var(--at-color-main);text-decoration:none}.artalk blockquote,.atk-layer-wrap blockquote{position:static;margin:10px 0;padding:10px 20px;background:var(--at-color-bg-grey);border-left:4px solid var(--at-color-quote)}.artalk p:first-child,.atk-layer-wrap p:first-child{margin-top:0}.artalk p:last-child,.atk-layer-wrap p:last-child{margin-bottom:0}.artalk *,.atk-layer-wrap *{box-sizing:border-box}.artalk img,.atk-layer-wrap img{max-width:100%}.atk-hide{display:none!important}.atk-full-layer,.atk-loading,.atk-error-layer,.atk-layer-dialog-wrap{width:100%;height:100%;position:absolute;top:0;left:0;background:var(--at-color-bg);z-index:10;align-items:center;justify-content:center;flex-flow:column;display:flex}.atk-loading{z-index:11}.atk-loading-spinner{position:relative;width:50px;height:50px}.atk-loading-spinner svg{-webkit-animation:atkRotate 2s linear infinite;animation:atkRotate 2s linear infinite;transform-origin:center center;width:100%;height:100%;position:absolute;top:0;left:0}.atk-loading-spinner svg circle{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:atkDash 1.5s ease-in-out infinite,atkColor 6s ease-in-out infinite;animation:atkDash 1.5s ease-in-out infinite,atkColor 6s ease-in-out infinite;stroke-linecap:round}@-webkit-keyframes atkRotate{to{transform:rotate(360deg)}}@keyframes atkRotate{to{transform:rotate(360deg)}}@-webkit-keyframes atkDash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes atkDash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes atkColor{0%,to{stroke:#ff5652}40%{stroke:#2196f3}66%{stroke:#32c787}80%,90%{stroke:#ffc107}}@keyframes atkColor{0%,to{stroke:#ff5652}40%{stroke:#2196f3}66%{stroke:#32c787}80%,90%{stroke:#ffc107}}@-webkit-keyframes atkLoadingIconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes atkLoadingIconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.atk-loading-icon{width:18px;height:18px;box-sizing:border-box;border:solid 1px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:atkLoadingIconRotate .4s linear infinite;animation:atkLoadingIconRotate .4s linear infinite}.atk-fade-in{-webkit-animation:atkFadeIn both .3s;animation:atkFadeIn both .3s}.atk-fade-out{-webkit-animation:atkFadeOut both .2s;animation:atkFadeOut both .2s}@-webkit-keyframes atkFadeIn{0%{opacity:0}to{opacity:1}}@keyframes atkFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes atkFadeOut{to{opacity:0}}@keyframes atkFadeOut{to{opacity:0}}i.atk-icon{width:20px;height:20px;background-color:var(--at-color-deep);background-size:contain;background-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.atk-icon-sync{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99133 4.87635C2.22512 7.64257 2.22512 12.1275 4.99133 14.8937C6.04677 15.9491 7.3524 16.6019 8.71732 16.8519' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M14.4179 15.4815L15.0072 14.8922C17.7734 12.126 17.7734 7.64107 15.0072 4.87486C13.9518 3.81942 12.6461 3.16668 11.2812 2.91664' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M6.17106 4.99252L5.58181 4.40327L4.99255 3.81401H6.17106V4.99252Z' fill='%23C4C4C4' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M13.8299 15.0084L14.4192 15.5976L15.0084 16.1869H13.8299V15.0084Z' fill='%23C4C4C4' stroke='%234E5969' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99133 4.87635C2.22512 7.64257 2.22512 12.1275 4.99133 14.8937C6.04677 15.9491 7.3524 16.6019 8.71732 16.8519' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M14.4179 15.4815L15.0072 14.8922C17.7734 12.126 17.7734 7.64107 15.0072 4.87486C13.9518 3.81942 12.6461 3.16668 11.2812 2.91664' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M6.17106 4.99252L5.58181 4.40327L4.99255 3.81401H6.17106V4.99252Z' fill='%23C4C4C4' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M13.8299 15.0084L14.4192 15.5976L15.0084 16.1869H13.8299V15.0084Z' fill='%23C4C4C4' stroke='%234E5969' stroke-width='2'/%3E%3C/svg%3E")}.atk-icon-del{background-color:var(--at-color-red)!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29167 5.04166L4.81251 5.04166M4.81251 5.04166L4.81251 18.3333C4.81251 18.5865 5.01771 18.7917 5.27084 18.7917L16.7292 18.7917C16.9823 18.7917 17.1875 18.5865 17.1875 18.3333V5.04166M4.81251 5.04166L7.33334 5.04166M17.1875 5.04166L19.7083 5.04166M17.1875 5.04166L14.6667 5.04166M7.33334 5.04166V3.20833L14.6667 3.20833V5.04166M7.33334 5.04166L14.6667 5.04166' stroke='%23D06565' stroke-width='2'/%3E%3Cpath d='M9.16667 8.25V15.125M12.8333 8.25V15.125' stroke='%23D06565' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29167 5.04166L4.81251 5.04166M4.81251 5.04166L4.81251 18.3333C4.81251 18.5865 5.01771 18.7917 5.27084 18.7917L16.7292 18.7917C16.9823 18.7917 17.1875 18.5865 17.1875 18.3333V5.04166M4.81251 5.04166L7.33334 5.04166M17.1875 5.04166L19.7083 5.04166M17.1875 5.04166L14.6667 5.04166M7.33334 5.04166V3.20833L14.6667 3.20833V5.04166M7.33334 5.04166L14.6667 5.04166' stroke='%23D06565' stroke-width='2'/%3E%3Cpath d='M9.16667 8.25V15.125M12.8333 8.25V15.125' stroke='%23D06565' stroke-width='2'/%3E%3C/svg%3E")}.atk-icon-edit{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70618 4.08515L12.6081 7.06376M1.00041 13.021L11.7376 2L14.6392 4.97861L3.90274 16H1L1.00041 13.021Z' stroke='%234E5969' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70618 4.08515L12.6081 7.06376M1.00041 13.021L11.7376 2L14.6392 4.97861L3.90274 16H1L1.00041 13.021Z' stroke='%234E5969' stroke-width='1.5'/%3E%3C/svg%3E")}.atk-icon-no,.atk-icon-close{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M19.8657 5.13431L12.5 12.5L5.13431 19.8657' stroke='%234E5969'/%3E%3Cpath d='M5.13431 5.13432L12.5 12.5L19.8657 19.8657' stroke='%234E5969'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M19.8657 5.13431L12.5 12.5L5.13431 19.8657' stroke='%234E5969'/%3E%3Cpath d='M5.13431 5.13432L12.5 12.5L19.8657 19.8657' stroke='%234E5969'/%3E%3C/svg%3E")}.atk-icon-yes{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7071 5.75533L9.92197 17.5404L3.29285 10.9113' stroke='%234E5969'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7071 5.75533L9.92197 17.5404L3.29285 10.9113' stroke='%234E5969'/%3E%3C/svg%3E")}.atk-icon-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.08331 10H17.9166' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M10 2.08334L10 17.9167' stroke='%234E5969' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.08331 10H17.9166' stroke='%234E5969' stroke-width='2'/%3E%3Cpath d='M10 2.08334L10 17.9167' stroke='%234E5969' stroke-width='2'/%3E%3C/svg%3E")}.atk-error-layer{background-color:var(--at-color-bg-transl)}.atk-error-layer .atk-error-title{color:var(--at-color-red)}.atk-error-layer .atk-warn-title{color:var(--at-color-yellow)}.atk-error-layer .atk-error-title,.atk-error-layer .atk-warn-title{display:inline-block;padding:0 15px;margin-bottom:20px;font-size:20px;letter-spacing:-.5px}.atk-error-layer .atk-error-text{text-align:center;padding:0 20px}.atk-error-layer .atk-error-text *{color:var(--at-color-deep)}.atk-error-layer .atk-error-text a{color:var(--at-color-meta)}.atk-layer-dialog-wrap{background-color:var(--at-color-bg-transl)}.atk-layer-dialog-wrap>.atk-layer-dialog{width:25%}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-content .atk-captcha-img{cursor:pointer;width:100px;height:auto;margin-right:10px;padding-right:10px;border-right:1px solid var(--at-color-border);vertical-align:bottom}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-content input{width:100%;line-height:34px;background-color:var(--at-color-bg);border:1px solid var(--at-color-border);border-radius:2px;outline:none;padding:0 6px;display:block;margin-top:10px;margin-bottom:5px;text-align:center}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-actions{display:flex;flex-direction:row}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-actions button{flex:1;display:block;cursor:pointer;border:1px solid var(--at-color-main);background:transparent;color:var(--at-color-main);border-radius:2px;padding:0 15px;line-height:30px;outline:none}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-actions button:active{color:#fff;background:var(--at-color-main)}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-actions button:not(:last-child){margin-right:5px}.atk-layer-dialog-wrap>.atk-layer-dialog>.atk-layer-dialog-actions button.error{color:#fff;background:#ff5652;border-color:#ff5652}@media only screen and (max-width: 768px){.atk-layer-dialog-wrap>.atk-layer-dialog{width:90%!important}}.atk-notify{display:block;overflow:hidden;background-color:#2c2c2c;color:#fff;border-radius:2px;cursor:pointer;font-size:14px;padding:4px 15px}.atk-notify:not(:last-child){margin-bottom:3px}.atk-notify .atk-notify-content{color:#fff}.atk-layer-wrap .atk-layer-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998;background:rgba(0,0,0,.3)}.atk-layer-wrap .atk-layer-item{position:fixed;z-index:99999;top:0;right:0;width:100%;height:100%}.atk-common-action-btn.atk-btn-confirm,.atk-common-action-btn.atk-btn-warn{color:var(--at-color-yellow)!important}.atk-common-action-btn.atk-btn-error{color:var(--at-color-red)!important}.atk-common-action-btn.atk-btn-success{color:var(--at-color-green)!important}.artalk>.atk-editor{border:1px solid var(--at-color-border);border-radius:4px;margin-bottom:15px;overflow:hidden;position:relative;background:var(--at-color-bg)}@media only screen and (max-width: 768px){.artalk>.atk-editor{margin-bottom:7px}}.artalk>.atk-editor>.atk-editor-header{display:flex;flex-direction:row;padding:5px 10px 0}.artalk>.atk-editor>.atk-editor-header input{font-size:14px;border:2px solid transparent;transition:color .3s ease;flex:1;background:transparent;border-radius:2px;padding:6px 5px;resize:none;outline:none;width:100%}.artalk>.atk-editor>.atk-editor-header input:not(:last-child){margin-right:2px}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-editor-textarea{font-size:15px;color:var(--at-color-font);background-color:var(--at-color-bg);margin-top:2px;padding:10px 15px;display:block;width:100%;min-height:130px;resize:none;word-wrap:break-word;border:2px solid transparent;border-radius:2px;outline:none;overflow:hidden}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-close-comment{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;position:relative;text-align:center;min-height:30px;border-top:1px solid var(--at-color-border);margin-top:4px;font-weight:100;font-size:12px;place-items:center;justify-content:center;place-content:flex-end;flex-direction:row;background:var(--at-color-bg)}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-close-comment>span{color:var(--at-color-meta);border-radius:2px;margin-right:14px}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply-wrap{position:relative;padding:0 10px}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply{position:relative;display:inline-block;font-size:14px;height:30px;line-height:30px;background:var(--at-color-bg-grey-transl);padding:0 30px 0 10px;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply .atk-cancel{position:absolute;right:0;bottom:0;height:30px;text-align:center;width:30px;line-height:30px;font-weight:700}.artalk>.atk-editor>.atk-editor-textarea-wrap .atk-send-reply .atk-cancel:hover{color:var(--at-color-deep)}.artalk>.atk-editor>.atk-editor-plug-wrap{position:relative;height:180px;width:100%;overflow:hidden;border-top:1px solid var(--at-color-border);-webkit-animation:.3s both atkFadeIn;animation:.3s both atkFadeIn;transition:.2s height ease-in-out}.artalk>.atk-editor>.atk-editor-bottom{display:flex;flex-direction:row;border-top:1px solid var(--at-color-border);padding:0 0 0 5px}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-bottom-part{display:flex;flex:1;flex-direction:row;align-items:center}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-bottom-part.atk-left{flex:inherit}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-bottom-part.atk-right{justify-content:flex-end}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action{padding:0 8px;cursor:pointer;color:var(--at-color-grey);font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action>i{color:var(--at-color-grey);display:inline-flex;vertical-align:sub;margin-left:4px}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action>i svg.markdown path{fill:var(--at-color-grey)}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action.active{color:var(--at-color-main)}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action.active>i>svg.markdown path{fill:var(--at-color-main)}.artalk>.atk-editor>.atk-editor-bottom .atk-editor-action:not(:last-child){border-right:1px solid var(--at-color-border)}.artalk>.atk-editor>.atk-editor-bottom .atk-send-btn{background:var(--at-color-main);color:#fff;border:none;padding:0 30px;height:30px;cursor:pointer;transition:opacity .3s ease-in-out;outline:none;font-size:14px;margin:0}.artalk>.atk-editor>.atk-editor-bottom .atk-send-btn:active{opacity:.9}.artalk>.atk-editor>.atk-editor-notify-wrap{position:absolute;right:-2px;bottom:36px;width:225px;z-index:9;opacity:.83}.atk-editor-plug-emoticons{height:100%;width:100%}.atk-editor-plug-emoticons .atk-emoticons-list-wrap{overflow-y:scroll;overflow-x:hidden;height:100%;width:100%}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar{width:4px;height:4px;background:transparent}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb,.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb:window-inactive{background:rgba(86,86,86,.3)}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb:vertical:hover{background:rgba(65,74,82,.77)}.atk-editor-plug-emoticons .atk-emoticons-list-wrap::-webkit-scrollbar-thumb:vertical:active{background:rgba(41,47,53,.77)}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list{padding:5px 10px 35px}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list .atk-emoticons-item{display:inline-block;padding:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2px;font-size:16px}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list .atk-emoticons-item>img{max-height:60px;width:auto}.atk-editor-plug-emoticons .atk-emoticons-list-wrap .atk-emoticons-list .atk-emoticons-item:hover{background:var(--at-color-bg-grey)}.atk-editor-plug-emoticons .atk-emoticons-types{position:absolute;bottom:0;left:0;width:100%;background:var(--at-color-bg-transl);height:30px;border-top:1px solid var(--at-color-border)}.atk-editor-plug-emoticons .atk-emoticons-types>span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 10px;line-height:30px;float:left;display:block;cursor:pointer;font-size:14px}.atk-editor-plug-emoticons .atk-emoticons-types>span:hover,.atk-editor-plug-emoticons .atk-emoticons-types>span.active{background:var(--at-color-bg-grey)}.atk-editor-plug-preview{overflow-y:scroll;overflow-x:hidden;height:100%;width:100%;padding:10px 15px}.artalk>.atk-list{position:relative}.artalk>.atk-list>.atk-list-header{display:flex;flex-direction:row;padding:10px 10px 5px;border-bottom:1px solid var(--at-color-border)}.artalk>.atk-list>.atk-list-header .atk-comment-count{font-size:15px}.artalk>.atk-list>.atk-list-header .atk-comment-count .atk-comment-count-num{font-size:22px;margin-right:4px}.artalk>.atk-list>.atk-list-header .atk-right-action{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:flex-end}.artalk>.atk-list>.atk-list-header .atk-right-action>span{font-size:14px;color:var(--at-color-meta);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.artalk>.atk-list>.atk-list-header .atk-right-action>span.atk-on,.artalk>.atk-list>.atk-list-header .atk-right-action>span.atk-on *{color:var(--at-color-main)}.artalk>.atk-list>.atk-list-header .atk-right-action>span:not(:last-child):not(.atk-hide){margin-right:10px;padding-right:10px;border-right:1px solid var(--at-color-border)}.artalk>.atk-list>.atk-list-header .atk-right-action>span .atk-unread-badge{position:absolute;top:-5px;left:-6px;color:#fff;background:var(--at-color-pink);text-align:center;min-width:16px;height:16px;padding:0 3px;border-radius:8px;line-height:16px;font-size:12px}.artalk>.atk-list>.atk-list-body{min-height:150px}.artalk>.atk-list>.atk-list-footer{position:absolute;bottom:5px;right:0}@media only screen and (max-width: 768px){.artalk>.atk-list>.atk-list-footer{position:relative;margin-top:10px;text-align:center}}.artalk>.atk-list>.atk-list-footer .atk-copyright{display:block;font-size:12px;color:var(--at-color-meta);padding-right:15px;margin-top:5px}.artalk>.atk-list>.atk-list-footer .atk-copyright a{color:var(--at-color-main);text-decoration:none}.atk-list-no-comment{text-align:center;height:150px;line-height:150px;display:block;font-size:19px}.atk-list-read-more{border-top:1px dashed var(--at-color-border);margin-top:20px;padding-bottom:20px}@media only screen and (max-width: 768px){.atk-list-read-more{padding-bottom:10px}}.atk-list-read-more .atk-list-read-more-inner{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 15px;font-size:14px;border-radius:4px;border:1px solid transparent;display:flex;height:30px;flex-direction:row;place-content:center;align-items:center;width:120px;margin:-15px auto 0;background:var(--at-color-bg);border-color:var(--at-color-border)}.atk-list-read-more .atk-list-read-more-inner.atk-err>.atk-text{color:var(--at-color-red)!important}.atk-list-read-more .atk-list-read-more-inner>.atk-loading-icon{height:15px;width:15px}.atk-list-read-more .atk-list-read-more-inner>.atk-text{color:var(--at-color-meta)}.atk-list-read-more .atk-list-read-more-inner:hover>.atk-text{color:var(--at-color-main)}.atk-comment-wrap{overflow:hidden;position:relative;border-bottom:1px solid var(--at-color-border)}.atk-comment-wrap.atk-flash-once{-webkit-animation:atkFlashOnce 1s ease-in-out 0s;animation:atkFlashOnce 1s ease-in-out 0s}@-webkit-keyframes atkFlashOnce{0%{background:rgba(0,131,255,.2)}to{background:transparent}}@keyframes atkFlashOnce{0%{background:rgba(0,131,255,.2)}to{background:transparent}}.atk-comment-wrap.atk-unread:before{content:" ";position:absolute;left:0;top:10%;width:3px;height:80%;background:var(--at-color-main)}.atk-comment-wrap.atk-openable{cursor:pointer}.atk-comment-wrap.atk-openable:hover{background:var(--at-color-bg-grey)}.atk-comment-wrap.atk-openable .atk-comment-more-hide:after{background:transparent!important}.atk-comment-wrap:last-child{border-bottom-color:transparent}.atk-comment-wrap>.atk-comment{display:block;padding:12px 10px}.atk-comment-wrap>.atk-comment>.atk-avatar{display:block;padding:2px 0;float:left}.atk-comment-wrap>.atk-comment>.atk-avatar img{width:48px;height:48px;border-radius:3px}.atk-comment-wrap>.atk-comment>.atk-comment-main{display:block;margin-left:62px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header{line-height:1;font-size:13px;margin-bottom:3px;overflow:hidden;position:relative;display:flex;flex-wrap:wrap;align-items:center}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span{display:flex;margin-bottom:2px;color:var(--at-color-meta)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span:not(:last-child){margin-right:6px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span.atk-nick,.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header>span.atk-nick>a{font-size:14px;color:var(--at-color-main);text-decoration:none}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header .atk-badge{color:var(--at-color-meta);background:var(--at-color-bg-grey);padding:0 6px;line-height:18px;border-radius:3px;background:#FF6C00;color:#fff}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header .atk-badge:not(:last-child){margin-right:6px}@media only screen and (max-width: 768px){.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header .atk-ua-wrap{display:block}}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header .atk-ua-wrap .atk-ua{color:var(--at-color-meta);background:var(--at-color-bg-grey);padding:0 6px;line-height:18px;border-radius:3px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-header .atk-ua-wrap .atk-ua:not(:last-child){margin-right:6px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body{display:block;overflow:hidden;position:relative}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body img{max-width:100%}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content{word-break:break-all}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content.atk-type-collapsed{border:3px solid var(--at-color-bg-grey);border-bottom:0;padding:5px 10px;border-radius:4px 4px 0 0;margin-bottom:-5px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content>*:first-child{margin-top:0}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content>*:last-child{margin-bottom:0}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-content .atk-more-hide-open-btn{bottom:5px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-pending{color:var(--at-color-meta);margin:3px 0;font-size:13px;padding:10px 18px;display:block;background:var(--at-color-bg-grey);border-left:4px solid #f44336}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to{padding:5px 15px;border-left:3px solid #eee;margin-bottom:10px;position:relative}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to>.atk-meta{font-size:15px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to>.atk-meta>.atk-nick{color:var(--at-color-main)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-reply-to>.atk-content{margin-top:5px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed{margin:3px 0;font-size:13px;padding:10px 18px;display:block;background:var(--at-color-bg-grey);border-radius:4px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed>.atk-text{color:var(--at-color-meta)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed>.atk-show-btn{color:var(--at-color-main);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:3px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-body>.atk-collapsed>.atk-show-btn:hover{color:var(--at-color-main)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer{margin-top:12px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions{display:flex;flex-direction:row;align-items:center}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span,.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span *{color:var(--at-color-meta);font-size:13px;line-height:15px}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span.atk-error,.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span.atk-error:hover{color:var(--at-color-red)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span:not(:first-child):not(.atk-hide){margin-left:8px;padding-left:8px;border-left:1px solid var(--at-color-border)}.atk-comment-wrap>.atk-comment>.atk-comment-main>.atk-footer .atk-comment-actions>span:hover{color:var(--at-color-deep)}.atk-comment-wrap .atk-comment-children .atk-comment-wrap{margin-top:10px;border-left:1px dashed var(--at-color-border);border-bottom-color:transparent}.atk-comment-wrap .atk-comment-children .atk-comment-wrap:not(:last-child){margin-bottom:5px}.atk-comment-wrap .atk-comment-children .atk-comment-wrap>.atk-comment{padding-top:4px;padding-bottom:4px}.atk-comment-wrap .atk-comment-children .atk-comment-wrap>.atk-comment>.atk-avatar img{width:36px;height:36px}.atk-comment-wrap .atk-comment-children .atk-comment-wrap>.atk-comment>.atk-comment-main{margin-left:47px}.atk-comment-wrap .atk-comment-more-hide:after{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:" ";bottom:0;height:80px;background:var(--at-color-gradient)}.atk-comment-wrap .atk-more-hide-open-btn{z-index:10;position:absolute;left:50%;bottom:10px;transform:translate(-50%);cursor:pointer;border:1px solid var(--at-color-border);border-radius:4px;background:var(--at-color-bg);padding:1px 20px;font-size:15px;color:var(--at-color-meta);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-pagination{display:flex;flex-direction:row;justify-content:center;padding:10px 0;position:relative}.atk-pagination>.atk-btn,.atk-pagination>.atk-input{font-size:15px;height:32px;border:1px solid var(--at-color-border);border-radius:3px;padding:0 5px;text-align:center;background:var(--at-color-bg)}.atk-pagination>.atk-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:70px;cursor:pointer;display:flex;justify-content:center;align-items:center}.atk-pagination>.atk-btn:hover{background:var(--at-color-bg-grey)}.atk-pagination>.atk-btn.atk-disabled{color:var(--at-color-sub)}.atk-pagination>.atk-btn.atk-disabled:hover{cursor:default;background:initial}.atk-pagination>.atk-input{background:transparent;color:var(--at-color-font);font-size:18px;width:60px;outline:none}.atk-pagination>.atk-input:focus{border-color:var(--at-color-main)}.atk-pagination>*:not(:last-child){margin-right:10px}.atk-sidebar{position:fixed;z-index:99999;top:0;right:0;width:430px;height:100%;background:var(--at-color-bg);transition:transform .45s cubic-bezier(.23,1,.32,1) 0ms;transform:translate(430px)}@media only screen and (max-width: 430px){.atk-sidebar{width:100%}}.atk-sidebar .atk-sidebar-inner{position:relative}.atk-sidebar .atk-sidebar-header{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--at-color-border)}.atk-sidebar .atk-sidebar-header .atk-avatar{display:flex;width:65px;height:60px;align-items:center;justify-content:center}.atk-sidebar .atk-sidebar-header .atk-avatar img,.atk-sidebar .atk-sidebar-header .atk-avatar .atk-site-logo{height:30px;width:30px;border-radius:2px;background:var(--at-color-meta);text-align:center;line-height:30px;font-size:13px;color:var(--at-color-bg)}.atk-sidebar .atk-sidebar-header .atk-avatar .atk-site-logo{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.atk-sidebar .atk-sidebar-header .atk-menu{flex:auto;text-align:center}.atk-sidebar .atk-sidebar-header .atk-menu .atk-item{position:relative;color:var(--at-color-sub);font-size:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-sidebar .atk-sidebar-header .atk-menu .atk-item:not(:last-child){margin-right:20px}.atk-sidebar .atk-sidebar-header .atk-menu .atk-item.atk-active{color:var(--at-color-font)}.atk-sidebar .atk-sidebar-header .atk-menu .atk-item.atk-active:after{content:" ";position:absolute;bottom:0;left:0;width:100%;height:6px;background:var(--at-color-main);opacity:.4}.atk-sidebar .atk-sidebar-header .atk-sidebar-close{display:flex;flex-direction:column;width:60px;height:60px;align-items:center;place-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:10px}.atk-sidebar .atk-sidebar-header .atk-sidebar-close:hover .atk-icon-close{background-color:#e81123e6}.atk-sidebar .atk-sidebar-nav{display:flex;flex-direction:row;border-bottom:1px solid var(--at-color-border);height:41px}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn{display:flex;align-items:center;padding:0 20px;border-right:1px solid var(--at-color-border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:40px;line-height:40px;white-space:nowrap}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn:hover{background:var(--at-color-bg-grey)}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn .atk-icon{width:17px}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn .atk-icon span{position:relative;display:block;width:14px;height:1px;margin:0 auto 4px;background:var(--at-color-deep);transform-origin:20px}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn .atk-icon span:last-child{margin-bottom:0}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn .atk-icon.atk-arrow span{width:8px;opacity:1;transform:rotate(-45deg);transform-origin:7px}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn .atk-icon.atk-arrow span:nth-child(2){transform:rotate(0);width:0;opacity:0}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn .atk-icon.atk-arrow span:nth-child(3){opacity:1;transform:rotate(45deg)}.atk-sidebar .atk-sidebar-nav .akt-curt-view-btn .atk-text{margin-left:10px}.atk-sidebar .atk-sidebar-nav .atk-tabs{display:flex;flex-direction:row;overflow-y:auto}.atk-sidebar .atk-sidebar-nav .atk-tabs::-webkit-scrollbar{width:0;height:0;background:transparent}.atk-sidebar .atk-sidebar-nav .atk-tabs .atk-tab-item{line-height:40px;height:40px;color:var(--at-color-sub);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 20px;white-space:nowrap}.atk-sidebar .atk-sidebar-nav .atk-tabs .atk-tab-item:hover{background:var(--at-color-bg-grey)}.atk-sidebar .atk-sidebar-nav .atk-tabs .atk-tab-item.atk-active{color:var(--at-color-deep)}.atk-sidebar .atk-site-list-floater{position:absolute;z-index:9999;left:50%;top:70px;transform:translate(-50%);pointer-events:all;background:var(--at-color-bg);width:80%;max-height:40%;margin:0 auto;border:1px solid var(--at-color-border);border-radius:4px;overflow-y:auto}.atk-sidebar .atk-site-list-floater::-webkit-scrollbar{width:4px;height:4px;background:transparent}.atk-sidebar .atk-site-list-floater::-webkit-scrollbar-thumb,.atk-sidebar .atk-site-list-floater::-webkit-scrollbar-thumb:window-inactive{background:rgba(86,86,86,.3)}.atk-sidebar .atk-site-list-floater::-webkit-scrollbar-thumb:vertical:hover{background:rgba(65,74,82,.77)}.atk-sidebar .atk-site-list-floater::-webkit-scrollbar-thumb:vertical:active{background:rgba(41,47,53,.77)}.atk-sidebar .atk-site-list-floater .atk-sites{display:flex;flex-direction:column;padding:7px 0}.atk-sidebar .atk-site-list-floater .atk-sites .atk-site-item{display:flex;flex-direction:row;cursor:pointer;align-items:center;padding:0 10px;margin-bottom:1px}.atk-sidebar .atk-site-list-floater .atk-sites .atk-site-item .atk-site-logo{width:20px;height:20px;line-height:20px;background:var(--at-color-meta);margin:10px;border-radius:3px;text-align:center;color:var(--at-color-bg);font-size:12px}.atk-sidebar .atk-site-list-floater .atk-sites .atk-site-item .atk-site-name{color:var(--at-color-font);font-size:17px;margin-left:7px}.atk-sidebar .atk-site-list-floater .atk-sites .atk-site-item.atk-active,.atk-sidebar .atk-site-list-floater .atk-sites .atk-site-item:hover{background:var(--at-color-bg-grey)}.atk-sidebar .atk-sidebar-view-wrap{position:relative;overflow-y:auto;height:calc(100vh - 102px)}.atk-sidebar .atk-sidebar-view-wrap::-webkit-scrollbar{width:4px;height:4px;background:transparent}.atk-sidebar .atk-sidebar-view-wrap::-webkit-scrollbar-thumb,.atk-sidebar .atk-sidebar-view-wrap::-webkit-scrollbar-thumb:window-inactive{background:rgba(86,86,86,.3)}.atk-sidebar .atk-sidebar-view-wrap::-webkit-scrollbar-thumb:vertical:hover{background:rgba(65,74,82,.77)}.atk-sidebar .atk-sidebar-view-wrap::-webkit-scrollbar-thumb:vertical:active{background:rgba(41,47,53,.77)}.atk-sidebar .atk-sidebar-view-wrap .atk-sidebar-no-content{position:absolute;left:0;right:0;top:0;font-size:35px;color:var(--at-color-meta);pointer-events:none;height:100%;display:flex;justify-content:center;align-items:center}.atk-sidebar .atk-form{padding:20px 30px}.atk-sidebar .atk-form .atk-label{font-size:16px;margin-bottom:12px;color:var(--at-color-font)}.atk-sidebar .atk-form .atk-desc{font-size:14px;margin-top:12px;margin-left:15px;margin-bottom:20px;display:block;color:var(--at-color-meta)}.atk-sidebar .atk-form .atk-desc a{opacity:.8}.atk-sidebar .atk-form input,.atk-sidebar .atk-form textarea{display:block;line-height:35px;padding:0 10px;margin:0 0 25px;border:none;border-bottom:2px solid var(--at-color-border);outline:none;width:100%;background:var(--at-color-bg)}.atk-sidebar .atk-form input:focus,.atk-sidebar .atk-form textarea:focus{border-bottom-color:var(--at-color-bg-light)}.atk-sidebar .atk-form input[type=file],.atk-sidebar .atk-form textarea[type=file]{border-radius:2px;background:transparent;border-bottom:2px solid var(--at-color-border);cursor:pointer;position:relative;padding:0 15px;margin-bottom:30px}.atk-sidebar .atk-form textarea{font-size:13px;line-height:20px;min-height:80px;resize:vertical}.atk-sidebar .atk-form select{display:block;outline:none;height:35px;padding:5px 10px;width:100%;border:none;border-bottom:2px solid var(--at-color-border);margin-bottom:25px;-webkit-appearance:none;border-radius:0;background:var(--at-color-bg)}.atk-sidebar .atk-form button{text-align:center;color:var(--at-color-light);background:transparent;border:2px solid var(--at-color-bg-light);line-height:35px;letter-spacing:2em;text-indent:2em;cursor:pointer;outline:none;padding:0 20px;border-radius:4px;margin:0 5px;width:100%}.atk-sidebar .atk-form button:hover{background:var(--at-color-bg-light)}.atk-sidebar .atk-form input,.atk-sidebar .atk-form select,.atk-sidebar .atk-form button{font-size:15px}.atk-sidebar .atk-log-wrap .atk-log-back-btn{display:inline-block;padding:5px 33px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid var(--at-color-border);border-left:1px solid transparent}.atk-sidebar .atk-log-wrap .atk-log-back-btn:hover{background:#f4f4f4}.atk-sidebar .atk-log-wrap .atk-iframe{width:100%;height:calc(100vh - 150px);border:0;background:#f4f4f4;border:3px solid #eee}.atk-view-name-pages,.atk-view-name-comments{padding-bottom:55px}.atk-view-name-pages .atk-pagination-wrap,.atk-view-name-comments .atk-pagination-wrap{z-index:200;position:fixed;width:100%;bottom:0;left:0;background:var(--at-color-bg);border-top:1px solid var(--at-color-border)}.atk-view-name-pages .atk-list-read-more,.atk-view-name-comments .atk-list-read-more{margin-top:30px;margin-bottom:-40px}.atk-page-list .atk-page-item{display:flex;flex-direction:row;position:relative;min-height:120px;align-items:center}.atk-page-list .atk-page-item:not(:last-child){border-bottom:1px solid var(--at-color-border)}.atk-page-list .atk-page-main{display:flex;flex-direction:column;flex:auto;padding:20px 30px}.atk-page-list .atk-page-main .atk-title{color:var(--at-color-font);font-size:21px;margin-bottom:10px}.atk-page-list .atk-page-main .atk-sub{color:var(--at-color-sub);font-size:14px}.atk-page-list .atk-page-main-actions{display:flex;flex-direction:column;flex:auto;padding:10px 35px 0;flex-wrap:wrap;align-content:flex-start}.atk-page-list .atk-page-main-actions .atk-item{position:relative;font-size:17px;max-width:5em;display:inline-flex;margin-right:15px;margin-bottom:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-page-list .atk-page-main-actions .atk-item.atk-green:after{position:absolute;content:" ";height:5px;width:100%;left:0;bottom:5px;background:rgba(50,199,134,.39)}.atk-page-list .atk-page-main-actions .atk-item.atk-yellow:after{position:absolute;content:" ";height:5px;width:100%;left:0;bottom:5px;background:rgba(255,203,0,.39)}.atk-page-list .atk-page-actions{display:flex;flex-direction:row;align-items:center;padding:0 20px}.atk-page-list .atk-page-actions .atk-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;width:35px;height:35px;border-radius:2px;align-items:center;justify-content:center}.atk-page-list .atk-page-actions .atk-item:hover{background:var(--at-color-bg-grey)}.atk-page-list .atk-page-actions .atk-item:not(:last-child){margin-right:15px}.atk-page-list .atk-page-actions .atk-item.atk-item-close{margin-left:10px}.atk-page-list .atk-page-actions .atk-icon{background-color:var(--at-color-meta)}.atk-page-list .atk-page-actions .atk-icon-yes{background-color:var(--at-color-main)}.atk-page-list .atk-page-edit-layer{z-index:999;background:var(--at-color-bg);position:absolute;width:100%;height:100%;display:flex;flex-direction:row;align-items:center}.atk-item-text-editor-layer{z-index:999;background:var(--at-color-bg);position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:row;align-items:center}.atk-item-text-editor-layer .atk-edit-form{flex:auto;padding-left:20px}.atk-item-text-editor-layer .atk-edit-form input{font-size:17px;width:100%;padding:3px 5px;border:0;border-bottom:1px solid var(--at-color-border);outline:none;background:transparent}.atk-item-text-editor-layer .atk-actions{display:flex;flex-direction:row;align-items:center;padding:0 20px}.atk-item-text-editor-layer .atk-actions .atk-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;width:35px;height:35px;border-radius:2px;align-items:center;justify-content:center}.atk-item-text-editor-layer .atk-actions .atk-item:hover{background:var(--at-color-bg-grey)}.atk-item-text-editor-layer .atk-actions .atk-item:not(:last-child){margin-right:15px}.atk-item-text-editor-layer .atk-actions .atk-item.atk-item-close{margin-left:10px}.atk-item-text-editor-layer .atk-actions .atk-icon{background-color:var(--at-color-meta)}.atk-item-text-editor-layer .atk-actions .atk-icon-yes{background-color:var(--at-color-main)}.atk-site-list>.atk-header{display:flex;flex-direction:row;padding:15px 30px;align-items:center}.atk-site-list>.atk-header .atk-title{flex:auto;padding-right:10px}.atk-site-list>.atk-header .atk-actions{display:flex;flex-direction:row}.atk-site-list>.atk-header .atk-actions .atk-item{display:flex;height:30px;width:30px;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius:2px}.atk-site-list>.atk-header .atk-actions .atk-item:hover{background:var(--at-color-bg-grey)}.atk-site-list .atk-site-rows-wrap{position:relative}.atk-site-list .atk-site-rows-wrap .atk-site-row{display:flex;flex-direction:row;padding:10px 20px 0}.atk-site-list .atk-site-rows-wrap .atk-site-item{display:flex;flex-basis:25%;flex-direction:column;align-items:center;padding-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border:1px solid transparent}.atk-site-list .atk-site-rows-wrap .atk-site-item .atk-site-logo{margin:15px;text-align:center;font-size:20px;height:65px;width:65px;line-height:65px;background:var(--at-color-quote);color:#fff;border-radius:4px}.atk-site-list .atk-site-rows-wrap .atk-site-item .atk-site-name{text-align:center;font-size:15px;color:var(--at-color-sub);padding:0 17px;word-break:break-word}.atk-site-list .atk-site-rows-wrap .atk-site-item.atk-active{background-color:var(--at-color-bg-grey);border:1px solid var(--at-color-border);margin-top:-1px;border-radius:0 0 4px 4px}.atk-site-list .atk-site-rows-wrap .atk-site-item.atk-active .atk-site-name{color:var(--at-color-deep)}.atk-site-list .atk-site-rows-wrap .atk-site-item:hover .atk-site-name{color:var(--at-color-font)}.atk-site-list .atk-site-edit,.atk-site-list .atk-site-add{position:relative;min-height:120px;width:100%;border-top:1px solid var(--at-color-border);border-bottom:1px solid var(--at-color-border);margin-bottom:-10px}.atk-site-list .atk-site-edit .atk-header,.atk-site-list .atk-site-add .atk-header{display:flex;flex-direction:row;align-items:center;padding:10px 30px 0 35px;justify-content:space-between}.atk-site-list .atk-site-edit .atk-header .atk-site-info .atk-site-name,.atk-site-list .atk-site-add .atk-header .atk-site-info .atk-site-name{cursor:pointer;display:inline-block;font-size:23px;position:relative}.atk-site-list .atk-site-edit .atk-header .atk-site-info .atk-site-name:after,.atk-site-list .atk-site-add .atk-header .atk-site-info .atk-site-name:after{content:" ";position:absolute;width:100%;height:6px;background:var(--at-color-main);opacity:.4;left:0;bottom:6px}.atk-site-list .atk-site-edit .atk-header .atk-site-info .atk-site-urls,.atk-site-list .atk-site-add .atk-header .atk-site-info .atk-site-urls{display:flex;width:100%;margin-top:6px;flex-wrap:wrap;min-height:23px}.atk-site-list .atk-site-edit .atk-header .atk-site-info .atk-site-urls .atk-url-item,.atk-site-list .atk-site-add .atk-header .atk-site-info .atk-site-urls .atk-url-item{background:var(--at-color-bg-grey);color:var(--at-color-font);border-radius:2px;padding:0 8px;font-size:13px;margin-bottom:3px;margin-right:3px;cursor:pointer}.atk-site-list .atk-site-edit .atk-header .atk-close-btn,.atk-site-list .atk-site-add .atk-header .atk-close-btn{width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.atk-site-list .atk-site-edit .atk-header .atk-close-btn:hover i,.atk-site-list .atk-site-add .atk-header .atk-close-btn:hover i{background-color:var(--at-color-red)}.atk-site-list .atk-site-edit .atk-main,.atk-site-list .atk-site-add .atk-main{position:relative;display:flex;flex-direction:row;padding:20px 30px 10px 35px}.atk-site-list .atk-site-edit .atk-main .atk-site-text-actions,.atk-site-list .atk-site-add .atk-main .atk-site-text-actions{display:flex;flex-direction:column;flex:auto;flex-wrap:wrap;align-content:flex-start;height:90px;padding:0 0 0 10px}.atk-site-list .atk-site-edit .atk-main .atk-site-text-actions .atk-item,.atk-site-list .atk-site-add .atk-main .atk-site-text-actions .atk-item{position:relative;font-size:17px;max-width:5em;display:inline-flex;margin-right:15px;margin-bottom:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atk-site-list .atk-site-edit .atk-main .atk-site-text-actions .atk-item.atk-green:after,.atk-site-list .atk-site-add .atk-main .atk-site-text-actions .atk-item.atk-green:after{position:absolute;content:" ";height:5px;width:100%;left:0;bottom:5px;background:rgba(50,199,134,.39)}.atk-site-list .atk-site-edit .atk-main .atk-site-text-actions .atk-item.atk-yellow:after,.atk-site-list .atk-site-add .atk-main .atk-site-text-actions .atk-item.atk-yellow:after{position:absolute;content:" ";height:5px;width:100%;left:0;bottom:5px;background:rgba(255,203,0,.39)}.atk-site-list .atk-site-edit .atk-main .atk-site-text-actions .atk-item,.atk-site-list .atk-site-add .atk-main .atk-site-text-actions .atk-item{margin-bottom:17px;margin-right:25px}.atk-site-list .atk-site-edit .atk-main .atk-site-btn-actions,.atk-site-list .atk-site-add .atk-main .atk-site-btn-actions{display:flex;flex-direction:row;align-items:center;padding:0 9px 0 20px}.atk-site-list .atk-site-edit .atk-main .atk-site-btn-actions .atk-item,.atk-site-list .atk-site-add .atk-main .atk-site-btn-actions .atk-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;width:35px;height:35px;border-radius:2px;align-items:center;justify-content:center}.atk-site-list .atk-site-edit .atk-main .atk-site-btn-actions .atk-item:hover,.atk-site-list .atk-site-add .atk-main .atk-site-btn-actions .atk-item:hover{background:var(--at-color-bg-grey)}.atk-site-list .atk-site-edit .atk-main .atk-site-btn-actions .atk-item:not(:last-child),.atk-site-list .atk-site-add .atk-main .atk-site-btn-actions .atk-item:not(:last-child){margin-right:15px}.atk-site-list .atk-site-edit .atk-main .atk-site-btn-actions .atk-item.atk-item-close,.atk-site-list .atk-site-add .atk-main .atk-site-btn-actions .atk-item.atk-item-close{margin-left:10px}.atk-site-list .atk-site-edit .atk-main .atk-site-btn-actions .atk-icon,.atk-site-list .atk-site-add .atk-main .atk-site-btn-actions .atk-icon{background-color:var(--at-color-meta)}.atk-site-list .atk-site-edit .atk-main .atk-site-btn-actions .atk-icon-yes,.atk-site-list .atk-site-add .atk-main .atk-site-btn-actions .atk-icon-yes{background-color:var(--at-color-main)}.atk-site-list .atk-site-edit .atk-main .atk-item-text-editor-layer,.atk-site-list .atk-site-add .atk-main .atk-item-text-editor-layer{padding:10px 20px}.atk-site-list .atk-site-add{position:relative}.atk-site-list .atk-site-add .atk-header .atk-title{font-size:20px}.atk-site-list .atk-site-add .atk-form{padding:20px 40px}