v2ex自用样式 by hhp1614

/* ==UserStyle==
@name         v2ex自用样式
@version      20220815.08.19
@namespace    userstyles.world/user/hhp1614
@description  v2ex 自用样式
@author       hhp1614
@license      No License
==/UserStyle== */

@-moz-document domain("v2ex.com") {
:root {
    --font-size: 17px;
    --main-width: 1330px;
    --content-width: 1330px;
    --box-border-radius: 2px;
    --box-border-color: #f0f2f7;
    --link-color: #8590a6;
    --link-hover-color: #294a8e;
    --primary-color: #1890ff;
    --primary-color-hover: #40a9ff;
}
html {
    font-size: var(--font-size);
}
body #Wrapper {
    padding-top: 3rem;
    background-image: unset !important;
    background-color: #f5f5f5;
}
.sep20 {
    height: 0.5rem;
}
select {
    padding: 5px;
    border-radius: var(--box-border-radius);
    border: 1px solid var(--box-border-color);
}
a:active,
a:link,
a:visited {
    color: var(--link-color);
}
a.topic-link:active,
a.topic-link:link {
    color: #333;
    font-size: var(--font-size);
}
a.topic-link:hover {
    color: var(--link-hover-color);
}
.cell {
    padding: 0.5rem;
    font-size: var(--font-size);
}
#Top {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 3rem;
    border-bottom: none;
    background-color: #f5f5f5;
    box-shadow: 0 1px 3px rgba(18, 18, 18, 0.1);
}
#Top * {
    font-size: var(--font-size);
}
#Top > .content {
    max-width: var(--main-width);
    height: 100%;
    display: flex;
    align-items: center;
}
#Rightbar .fade {
    color: #333;
}
#Tabs {
    padding: 0 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#Tabs > * {
    padding: 0.5rem 1rem;
    font-size: var(--font-size);
    min-width: unset;
}
body .box {
    border-bottom: none;
}
#Main .box {
    box-shadow: 0 1px 3px rgb(18 18 18 / 10%);
}
#Main .item a:hover {
    text-decoration: none !important;
}
#Main .cell.item {
    padding: 0.5rem;
}
#Main .cell td:nth-child(2) {
    line-height: unset !important;
}
#Main .cell .cell {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    white-space: normal !important;
}
.count_livid {
    padding: 0 !important;
    margin-right: 0 !important;
    color: #999 !important;
    font-family: 'Bender' !important;
    background-color: unset !important;
}
.topic_info {
    margin-top: 0;
    display: inline-block;
    font-size: 0.85rem !important;
}
.topic_info a {
    color: var(--color-fade);
    font-weight: normal;
}
.topic_info a:hover {
    color: var(--link-hover-color);
}
a.tab:active,
a.tab:link,
a.tab:visited {
    min-width: 4.8em;
    padding: 12px 6px 12px 24px;
    margin-right: 0 !important;
    font-size: 16px;
    font-weight: 500;
}
.a.tab_current:active,
a.tab_current:link,
a.tab_current:visited {
    min-width: 4.8em;
    padding: 12px 6px 12px 24px;
    margin-right: 0 !important;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 500;
    background-color: unset;
}
a.tab:hover {
    color: var(--link-hover-color);
    background-color: unset;
}
h1 {
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
}
a.top:link,
a.top:visited {
    font-weight: unset;
    color: var(--link-color);
}
.cell .cell .cell {
    margin-left: 3.5rem;
    width: auto;
    display: block;
}
.cell .cell {
    border-bottom: none;
}
#Main .no {
    min-width: 2em;
    background-color: unset;
}
#Main .cell,
.header,
.subtle,
.message,
.note_item,
.outdated,
.sidebar_compliance {
    padding: 0.5rem 1rem;
    font-size: var(--font-size);
}
#Main .page_current,
#Main .page_normal {
    padding: 0.3rem 0.6rem;
}
.cell.alt,
.status,
.inner.alt {
    padding: 0.5rem 1rem !important;
}
.light-toggle img {
    height: 1rem;
}
#reply-box .flex-one-row a:nth-child(1) {
    white-space: nowrap;
    margin-right: -1em;
}
#reply-box a:nth-child(2) {
    bottom: 1rem;
    right: 1rem;
    width: 3.6em;
    height: 3.6em;
    line-height: 1.3;
    padding: 0 0.8em;
    outline: 1px solid var(--box-border-color);
    border-radius: var(--box-border-radius);
    box-shadow: 0 1px 3px rgb(18 18 18 / 10%);
    background-color: var(--box-background-color);
    position: fixed;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: unset !important;
}
#reply-box a:nth-child(2):hover {
    filter: brightness(1.2);
}
#SecondaryTabs,
.inner {
    padding: 0.5rem 1rem;
}
#Rightbar .inner {
    padding: 0.6rem;
}
#SecondaryTabs a {
    color: #999;
}
#SecondaryTabs a:hover {
    color: #06f;
}
body .site-nav {
    padding-top: 0;
}
.site-nav .tools {
    flex: 1;
    text-align: right;
}
.site-nav .tools * {
    margin-left: 1.5rem;
}
.topic_content {
    line-height: 1.8;
}
.topic_content,
.topic_content {
    font-size: 1rem;
}
.topic_content p {
    margin: 1.8em 0;
}
.topic_buttons {
    background: unset;
    padding: 0.5rem;
}
.topic_buttons > *:nth-child(2)::before {
    content: '🌟';
    margin-right: 0.5em;
}
.topic_buttons > *:nth-child(3)::before {
    content: '🪶';
    margin-right: 0.5em;
}
.topic_buttons > *:nth-child(4)::before {
    content: '🥱';
    margin-right: 0.5em;
}
.topic_buttons #topic_thank a::before {
    content: '🙏';
    margin-right: 0.5em;
}
.reply_content {
    font-size: 1rem;
    line-height: 1.8;
}
body .normal.button,
body .super.button {
    cursor: pointer;
    color: #fff !important;
    font-weight: unset !important;
    background: unset !important;
    background-color: var(--primary-color) !important;
    background-image: unset !important;
    text-shadow: unset !important;
    box-shadow: unset !important;
    border: 1px solid var(--primary-color) !important;
}
body .normal.button:hover,
body .super.button {
    color: #fff !important;
    background-color: var(--primary-color-hover) !important;
    border: 1px solid var(--primary-color-hover) !important;
}
body td.normal.button.disable_now,
body td.super.button.disable_now {
    color: #00000040 !important;
    border-color: #d9d9d9 !important;
    background: #f5f5f5 !important;
}
form .button {
    border-radius: var(--box-border-radius) !important;
}
#Bottom {
    border-top: none;
}
#Rightbar td {
    border-left: none !important;
    border-right: none !important;
}
select,
.sl,
.ml,
.select2-container--default .select2-selection--single {
    border-color: #ccc;
    border-radius: var(--box-border-radius) !important;
}
body #search-container::before {
    top: unset;
    left: 0.5rem;
}
body #search-container {
    height: 2rem;
    border-radius: 17px;
}
body #search-container #search {
    height: 2rem;
    padding-left: 0.5rem;
    font-size: 1rem;
}
body #search-container:focus-within {
    border-color: var(--box-border-focus-color);
}
.select2-container--default .select2-selection--single {
    border-radius: var(--box-border-radius);
}
.wwads-cn {
    border-bottom: none;
}
.onoffswitch label {
    border-radius: var(--box-border-radius);
}
img {
    max-width: 100%;
}
body #Wrapper .content {
    max-width: var(--main-width);
}
div#closeReply {
    max-width: var(--content-width);
}

@media (prefers-color-scheme: dark) {
    /* v2ex plus 插件兼容深色模式 */
    div#closeReply {
        color: #eee;
        background: #242424;
        box-shadow: #141414 0px 0px 20px;
    }
    #Top {
        background-color: #242424 !important;
    }
    #Top #Logo,
    #Top #LogoMobile {
        background-image: url(/static/img/v2ex-alt@2x.png);
    }
    body #Wrapper {
        background: none !important;
        background-image: none !important;
        background-color: #141414 !important;
        --box-border-color: #2e445b;
    }
    #Wrapper .box,
    #Wrapper .message,
    #Wrapper #Tabs,
    #Wrapper #SecondaryTabs {
        background-color: #242424;
        color: #ccc;
    }
    #nodes-sidebar {
        background-color: #242424;
    }
    #search-container {
        background-color: #333;
        border-color: #333;
    }
    #search-container #search {
        color: #ddd;
    }
    #search-container #search-result {
        background-color: #333;
        box-shadow: none;
    }
    #search-container #search-result .search-item.active {
        background-color: #242424;
        color: #ddd;
        text-decoration: none;
    }
    a.node:active,
    a.node:link,
    a.node:visited {
        background-color: #333;
    }
    #Wrapper .balance_area,
    a.balance_area:link,
    a.balance_area:visited {
        background-color: #333;
        color: #fff;
    }
    #Wrapper a.topic-link {
        transition: all 120ms;
    }
    #Wrapper a.topic-link:active,
    #Wrapper a.topic-link:link {
        color: #a3b4c1;
    }
    #Wrapper a.topic-link:visited {
        color: #606060;
    }
    #Wrapper a.topic-link:hover {
        color: #fff;
    }
    #Wrapper #Rightbar .fade {
        color: #ccc;
    }
    #Wrapper .box {
        border: none;
    }
    #Wrapper .normal.button,
    #Wrapper .super.button {
        color: #fff !important;
        border-color: var(--primary-color) !important;
        background-color: var(--primary-color) !important;
    }
    #Wrapper td.normal.button.disable_now,
    #Wrapper td.super.button.disable_now {
        color: rgba(255, 255, 255, 0.3) !important;
        border-color: #434343 !important;
        background: rgba(255, 255, 255, 0.08) !important;
    }
    #Wrapper .normal.button:hover,
    #Wrapper .super.button {
        color: #fff;
        border-color: var(--primary-color-hover) !important;
        background-color: var(--primary-color-hover) !important;
    }
    #Wrapper .normal.button:hover:enabled,
    #Wrapper .super.button {
        background-color: var(--primary-color-hover) !important;
    }
    #Wrapper .outdated {
        color: #5d9bad;
    }
    #Wrapper img {
        filter: brightness(0.9);
    }
    #Wrapper .topic_info a {
        color: #738292;
    }
    #Wrapper select {
        color: #d1d5d9;
        background: transparent;
    }
    #Wrapper .select2-container--default .select2-selection--single {
        border-color: ...