/* ==UserStyle==
@name tiktok评论区优化
@version 20221217.11.11
@namespace userstyles.world/user/wttzzz
@description 我喜欢在网页版 tiktok上刷视频，主要有以下几个优势：
最主要的是移动端tiktok锁区严重，老登录不上啊啊啊啊啊，其次是下面这些问题
1. 在这个时间紧迫的年代，大家都习惯倍速看视频，但是手机上的都有不能连续倍速，就是这个视频我调成2倍了，下滑到下一个视频依旧是1倍，我希望一直是2倍速度连续播放
2. 手机版抖音取消了自动连播，之前有的，现在放完一个视频，会循环放这个视频，网页版可以自动连播，不需要自己切换；
3. 手机版都有看评论比较费劲，每次看评论还要点击。比较累，而且打开评论会遮挡内容，无法很好的一边看内容一边看评论，网页版可以评论一直在右侧，很高效
4. 网页版配合 video speed controller 插件，可以按照你想要的任何速度播放，比如1.8倍 2.3倍等等
但是网页上刷抖音也有点问题，就是右侧的评论面板太小了，而且信息层级不够清晰，无法快速的看评论，所以我写了个样式优化了右侧的评论面板，优化信息层级，增大评论字体大小等。这样子不用特别费劲就可以高效一边看视频一边看评论。
配合显示器支架，把显示器调整到合适的位置，还可以一边运动一边刷抖音看内容和评论，高效运动获取信息两不误
特别需要强调的一点是：信息源管理也是需要成本的，它们不会自然而然的优化。你不能关注了一大堆明星八卦的账号，每天打开的都是搞笑段子的视频，然后反过来说网上推送的信息太没营养，即便是智能推荐引擎，你也应该有意识地关注、点赞、标记「不感兴趣」，把智能算法当作信息筛选的伙伴而不是敌人。
只要你耐着性子调整一段时间，tiktok音 也完全具备成为一个信息获取主力渠道的潜质，满足你对世界的好奇心
@author wttzzz
@license wttzzz
==/UserStyle== */
@-moz-document domain("www.tiktok.com") {
/* ==UserStyle==
@name tiktok网页优化
@namespace https://www.douyin.com
@version 0.1
@description 网页优化，让一边看网页tiktok一边看评论更高效
我喜欢在网页版 tiktok上刷视频，主要有以下几个优势：
最主要的是移动端tiktok锁区严重，老登录不上啊啊啊啊啊，其次是下面这些问题
1. 在这个时间紧迫的年代，大家都习惯倍速看视频，但是手机上的都有不能连续倍速，就是这个视频我调成2倍了，下滑到下一个视频依旧是1倍，我希望一直是2倍速度连续播放
2. 手机版抖音取消了自动连播，之前有的，现在放完一个视频，会循环放这个视频，网页版可以自动连播，不需要自己切换；
3. 手机版都有看评论比较费劲，每次看评论还要点击。比较累，而且打开评论会遮挡内容，无法很好的一边看内容一边看评论，网页版可以评论一直在右侧，很高效
4. 网页版配合 video speed controller 插件，可以按照你想要的任何速度播放，比如1.8倍 2.3倍等等
但是网页上刷抖音也有点问题，就是右侧的评论面板太小了，而且信息层级不够清晰，无法快速的看评论，所以我写了个样式优化了右侧的评论面板，优化信息层级，增大评论字体大小等。这样子不用特别费劲就可以高效一边看视频一边看评论。
配合显示器支架，把显示器调整到合适的位置，还可以一边运动一边刷抖音看内容和评论，高效运动获取信息两不误
特别需要强调的一点是：信息源管理也是需要成本的，它们不会自然而然的优化。你不能关注了一大堆明星八卦的账号，每天打开的都是搞笑段子的视频，然后反过来说网上推送的信息太没营养，即便是智能推荐引擎，你也应该有意识地关注、点赞、标记「不感兴趣」，把智能算法当作信息筛选的伙伴而不是敌人。
只要你耐着性子调整一段时间，tiktok音 也完全具备成为一个信息获取主力渠道的潜质，满足你对世界的好奇心
@license MIT
@author 交互小让
==/UserStyle== */
/* 分割线 */
/* 字体调整 */
body {
font-family: system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;
}
/* 右侧评论区字体调整、 */
.tiktok-q9aj5z-PCommentText {
font-size: 22px;
line-height: 30px;
white-space: pre-line;
word-break: break-word;
margin-bottom: 6px;
}
.tiktok-cwmrys-StyledUserLinkAvatar span {
width: 22px !important;
height: 22px !important;
}
.tiktok-mfqbp1-SpanUserNameText {
color: rgba(255, 255, 255, .3);
font-family: PingFang SC,DFPKingGothicGB-Regular,sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
[data-e2e="comment-avatar-1"]{
flex: 0 0 0px !important;
padding-top:6px;
opacity: .7
}
/* 右侧评论区顶部调整 */
.tiktok-e2nvww-DivCommentListContainer {
width: 100%;
padding: 16px 20px;
box-sizing: border-box;
background-color: rgb(18, 18, 18);
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
overflow: hidden auto;
-webkit-box-flex: 1;
flex-grow: 1;
position: relative;
}
.tiktok-3q30id-DivContentContainer {
flex: 0 0 544px;
width: 544px;
display: flex;
flex-direction: column;
padding: 0px 0px 0px;
}
.tiktok-p11q58-DivInfoContainer {
display: flex;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
padding: 0px 16px 0px;
margin-bottom: 0px;
position: relative;
flex: 0 0 60px;
}
.tiktok-19xrqft-H4Link {
display: none;
}
.tiktok-1d39a26-DivFlexCenterRow ehlq8k31 {
display: none !important;
}
[data-e2e="browse-share-group"]{
display: none !important;
}
.tiktok-1bkmx23-DivCopyLinkContainer {
display: none !important;
}
.tiktok-iwpir3-DivContainer {
position: relative;
padding: 0px 0px;
}
.tiktok-djpv7i-SpanIconWrapper {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 16px;
height: 16px;
font-size: 0px;
border-radius: 50%;
transition: all 200ms ease-in-out 0s;
background-color: rgba(255, 255, 255, 0.12);
padding: 0px;
margin-right: 6px;
}
.tiktok-hwc5eg-DivBottomCommentContainer {
flex: 0 0 auto;
background-color: rgb(18, 18, 18);
margin: 0px 10px;
padding: 8px 0px;
}
}
