douyin-mobile-web by RITp9ac0atWo9C0gXBKN

/* ==UserStyle==
@name           douyin.com - 2023/5/6 18:13:57
@namespace      github.com/openstyles/stylus
@version        1.2.8
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("douyin.com") {
    /* 在此插入代码... */
    /*todo
    1视频文案下方其他文案高度视频
    2视频右上角搜索框适配
    3进度条可拖动
    */
    html {
        font-size: 6vw;
        line-height: 150%;
    }
    body {
        --hugeFontSize: 1.8rem;
        --largeFontSize: 1rem;
        --middleFontSize: 0.8rem;
        --smallFontSize: 0.4rem;
    }
    svg {
        width: var(--middleFontSize);
        height: var(--middleFontSize);
    }
    body {
        min-width: unset!important;
    }
    /*搜索框右侧登录等按钮*/
    #douyin-header-menuCt {
        display: none;
    }

    /*0 视频页面，可分为四种：主视频、从个人主页进入的视频、搜索的视频、右键进入详情页的视频*/
    /*视频点击高亮框去除*/
    .xgplayer {
        cursor: unset;
    }

    /*# 视频区*/
    /*登录后免费畅享高清视频 登录弹窗*/
    .login-mask-enter-done {
        display: none;
    }

    /*详情、搜索、主视频-展开评论后视频高度及位置 */
    .AgRYNUjK.p0FwxviO .CwuzSMFj,
    .WQ9IVUcw,
    #sliderVideo .stunj11m {
        height: 39%;
        width: 100%;
        top: 0%
    }
    /*搜索、主页、详情页、主视频- 右键菜单*/
    div.Mvc_jlTa {
        width: auto;
    }
    div.FVn73nT8,
    a.vmf2E3VZ {
        font-size: var(--middleFontSize);
        height: auto;
        line-height: normal;
    }
    /*## 文案及工具区域*/
    /*字体*/
    /*昵称、日期*/
    .JO0TrMZd.BWrTO7Je span,
    .xgplayer-video-info-wrap .video-create-time .time {
        font-size: var(--middleFontSize);
    }
    /*文案*/
    .DS8V6Kjm{
        line-height: normal;
    }
    .NhsqQqNv span {
        font-size: var(--middleFontSize);
        line-height: normal;
    }
    /*文案中的标签*/
    .FpjsvUeC span {
        height: auto;
        line-height: normal!important;
    }
    /*合集、相关搜索文案，原来css中有!important不得不加*/
    .feedbar-new-style.feedbar-new-style-adapter .LLD8R6vB span,
    .feedbar-new-style.feedbar-new-style-adapter .hGA_2zlQ span {
        font-size: var(--middleFontSize)!important;
    }
    .feedbarHeight36 .LLD8R6vB,
    .feedbarHeight36 .hGA_2zlQ {
        height: auto!important;
    }
    .AnuleuKJ .Cwqhe0hj {
        font-size: var(--middleFontSize);
    }
    .AnuleuKJ .lHDlaA31 .SGgVB_cy,
    .AnuleuKJ .Cwqhe0hj .SMMiyEBM,
    .AnuleuKJ .I_23SWdw .E23MBVtc {
        line-height: normal;
    }
    .AnuleuKJ.feedbar-new-style-adapter .I_23SWdw .momzkfkm {
        width: var(--middleFontSize)!important;
        height: var(--middleFontSize)!important;
    }

    /*主视频、搜索-视频展开按钮样式*/
    .cHDVpCQW.BWrTO7Je {
        font-size: var(--middleFontSize);
        line-height: normal;
        height: auto;
        width: auto;
        position: relative;
        top: -100%;
    }

    /*当前观看智能画质，登录即可畅享高清画质 文案隐藏*/
    .login-clarity-new {
        display: none;
    }
    /*相关搜索*/
    .VmhEH7St .ojbfzUGF .v9KBtaB1 .YMx7kALD {
        max-width: none;
    }
    /*搜索-登录发弹幕提醒*/
    .danmakuContainer {
        display: none;
    }
    /*文案距离底部距离*/
    .ZXLf6yJK {
        bottom: 90px;
    }
    /*购物提醒*/
    .ZXLf6yJK > .xgplayer-shop-anchor {
        height: auto;
    }
    .qDbnyhyR > div {
        line-height: 1em;
        max-width: none;
    }
    /* 视频标题宽度 */
    .tSXOCvQc {
        bottom: 5vh
    }
    .video-info-detail {
        padding-right: 15%;
        opacity: 0.5;
    }
    .video-info-mask {
        display: none
    }
    /*标题作者名*/
    #video-info-wrap div.account-name {
        max-width: 80vw
    }
    /*作者声明*/
    .EZaOPsyX .c6mydqVt{
        font-size: var(--middleFontSize);
        line-height: normal;
    }
    .EZaOPsyX {
        height: auto;
    }
    .EZaOPsyX .LUEuglh2 {
        height: var(--largeFontSize);
    }

    /*## 进度条及以下的控制按钮*/
    .xgplayer xg-icon{
        height: auto;
    }
    .xgplayer xg-icon .xgplayer-icon {
        position: static;
        transform: unset;
    }
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-left-grid,
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-right-grid{
        height: auto;
    }
    /*xg-left-grid按钮*/
    /*清晰度、播放倍数、清屏、稍后再看按钮删除*/
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-right-grid xg-icon.xgplayer-playclarity-setting,
    .xgplayer .xgplayer-playback-setting,
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-right-grid xg-icon.xgplayer-immersive-switch-setting,
    .xgplayer-watch-later {
        display: none
    }
    /*播放时间*/
    .xgplayer .xgplayer-time{
        height: auto;
    }
    .xgplayer.xgplayer-pc .time-current,
    .xgplayer.xgplayer-pc .time-separator,
    .xgplayer.xgplayer-pc .time-duration {
        font-size: var(--middleFontSize);
        line-height: normal;
    }
    /*xg-right-grid按钮*/
   /*连播按钮*/
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xgplayer-autoplay-setting .xg-switch{
        height: var(--smallFontSize);
        width: calc(1.7*var(--smallFontSize));
    }
    /*连播文案*/
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-right-grid xg-icon.xgplayer-autoplay-setting .xgplayer-setting-title{
        display: none;
    }
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xgplayer-autoplay-setting .xg-switch:after{
        height: calc(var(--smallFontSize)/1.4);
        width: calc(var(--smallFontSize)/1.4);
    }
    /*音量、全屏、网页全屏*/
    div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-right-grid xg-icon.xgplayer-volume .xgplayer-icon,div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-right-grid xg-icon.xgplayer-fullscreen .xgplayer-icon,div.danMuPlayerStyle.xgplayer.xgplayer-pc .xg-right-grid xg-icon.xgplayer-page-full-screen .xgplayer-icon{
        height: auto;
    }
    .lowPopup.basePlayerContainer.danMuPlayerStyle.xgplayer.xgplayer-pc:not(.searchControl33px) .xg-right-grid xg-icon{
        height: auto;
    }
    
    /*TA的作品页面打开的视频的连播按钮*/
    .xgplayer-inner-autoplay.automatic-continuous > .xgplayer-icon {
        height: 60px;
        width: 60px;
    }
    .xgplayer-inner-autoplay.automatic-continuous span {
        display: none;
    }
    .xgplayer-inner-autoplay.automatic-continuous svg {
        height: 32px;
        width: 32px;
    }
    .xgplayer-inner-autoplay.automatic-continuous .inner-autoplay-name {
        display: none;
    }
    .xgplayer-inner-autoplay.automatic-continuous .inner-autoplay-item {
        width: auto;
    }
    .Fazh5up0 {
        display: none;
    }
    .YGV2M4yA > .NVMTSRau {
        padding: 0;
        margin: 0;
        justify-content: center;
        align-items: center;
        height: 52px;
    }
    .QVzawvXG.h7QgyCCV .NVMTSRau svg {
        height: 32px;
        width: 32px;
    }

    /*## 右侧工具条*/
    .V46YTuN5 .JmWDajQ3 {
        padding-right: 0;
    top:50%;
         height:50%;
         transform:translate(-50%,-50%)!important;}
    /*上下视频翻页工具*/
    .xgplayer-playswitch-tab{
        display: none;
    }
    /*头像*/
    ._qVVlmzO {
        width: var(--largeFontSize)!important;/*源码有important*/
        height: var(--largeFontSize)!important;
    }
    /* 搜索-头像 */
    .uUjpLYc2.k13DwHsB.O1xRgMXN,
    .YTu_A7CW.bx6jfq7y.xfVAG0BN {
        margin: 0;
    }
    /*主视频、搜索-头像上的关注按钮*/
    div.z726S1Si .D6cx1b6F,
    .E9RYG4AQ {
        display: none;
    }
    /* 主页、搜索、主视频-视频竖版功能按钮 */
    div.uG0Tz6eG .JSdgvKUi,div.jRvcjeKv .ZqP4r55R,div.u6AXdn75 .J3qBvLDy,div.GB776i4y .S1XIwUxW , div.kG8PNRJX .hf4fqIp1 
  {
        font-size: var(--middleFontSize);
        line-height: normal;
    }
    div.uG0Tz6eG .QE1TqTCD ,div.jRvcjeKv .VuYr2xhF,div.u6AXdn75 .LMszZ3Rs .crK07m34,div.GB776i4y .Kw0x5mLz .N4BwmJP2,div.kG8PNRJX .iRMZ6XKJ
{
        height: var(--largeFontSize);
        width:  var(--largeFontSize);
    }
    /*点赞*/
    div.uG0Tz6eG.dDC3LT1o .c3gK2mPY,div.uG0Tz6eG.dDC3LT1o .c3gK2mPY .YPzZSVrE/*移动端不知道哪里多出来的*/{
        height: auto;
    }
    /*收藏*/
    div.u6AXdn75.Hinsam_p .LMszZ3Rs,div.u6AXdn75.Hinsam_p .LMszZ3Rs .dbYR6qMQ/*移动端不知道哪里多出来的*/{
        height: auto;
    }

    /*# 评论区*/
    /*字体*/
    /*评论区tab*/
    #sliderVideo .JFvF18Ru .lrc2kr3q .semi-tabs-tab {
        font-size: var(--middleFontSize);
    }
    /*全部评论*/
    #sliderVideo .dyygkf_G * {
        font-size: var(--middleFontSize);
    }
    /*评论人昵称*/
    #sliderVideo .eNpQNAc4 .CFEiNXkJ .pL94lBtB .r0DB2gu2 .QbL6tkcD span {
        font-size: var(--largeFontSize);
    }
    /*评论人作者标识*/
    #sliderVideo .eNpQNAc4 .cGH4CzfP {
        font-size: var(--middleFontSize);
        height: auto;
    }
    /*评论人头像*/
    #merge-all-comment-container .comment-item-avatar span {
        width: var(--largeFontSize);
        height: var(--largeFontSize);
    }
    /*评论正文*/
    #sliderVideo .CFEiNXkJ .zgMLsmY_ .aaJ5eYMZ span {
        font-size: var(--largeFontSize);
    }
    /*评论正文图*/
    .eNpQNAc4 .CFEiNXkJ .aaJ5eYMZ img {
        width: var(--largeFontSize);
        height: var(--largeFontSize);
    }
    /*评论时间、地点*/
    .eNpQNAc4 .CFEiNXkJ .xRito89Y {
        font-size: var(--middleFontSize);
    }
    /*评论功能按钮*/
    .eNpQNAc4 .CFEiNXkJ .Rkd0DN3k .LCQkLJyM {
        font-size: var(--middleFontSize);
    }
    #sliderVideo .CFEiNXkJ .Rkd0DN3k .LCQkLJyM span {
        font-size: var(--middleFontSize);
    }
    /*登录后展开更多*/
    .eNpQNAc4 .CFEiNXkJ .GyvkCA6n {
        font-size: var(--middleFontSize);
        height: auto;
    }
    .h9XLkRER .FIKiTPaU {
        font-size: var(--middleFontSize);
    }

    /* 详情、主视频-展开评论后评论宽高及位置 */
    .AgRYNUjK.p0FwxviO .KwRNeXA3,
    #videoSideCard {
        position: absolute;
        left: 0;
        width: 100%;
        height: 61%;
        top: 39%;
    }
    /*详情-展开后评论宽度*/
    .AgRYNUjK.p0FwxviO .KwRNeXA3 > .g6weGo6f {
        width: 100%;
    }

    /*评论区关闭按钮放大*/
    #relatedVideoCard .XyitxnDa > svg {
        width: var(--hugeFontSize);
        height: var(--hugeFontSize)
    }
    /*搜索-评论区字体高度*/
    #merge-all-comment-container * {
        line-height: normal;
    }
    /*## TA的作品*/
    /*字体*/
    /*TA的作品作者*/
    /*防止高度坍塌*/
    .LI4I3CVZ .vVYvZo2m,
    .LI4I3CVZ .vVYvZo2m .J8igChWR,
    .LI4I3CVZ .vVYvZo2m .z8HSGLKx,
    .LI4I3CVZ .vVYvZo2m .ATITJLGk,
    .LI4I3CVZ .vVYvZo2m .J...