洛谷--圆角化 by kdy20100729

/* ==UserStyle==
@name         洛谷--blog
@version      20220301.04.12
@namespace    userstyles.world/user/kdy20100729
@description  无
@author       kdy20100729
@license      No License
==/UserStyle== */

.main-container .lfe-body {
    background-image: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F019ecf599fbedaa801211d25201ccc.jpg%402o.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1646898534&t=6a645c51a5a9f8a57749be60ed5606f1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

#app > .lfe-body > a {
    color: rgb(55, 152, 255) !important;
    height: 3.7em;
    margin-top: 3px;
}
#app > .lfe-body > a > .icon {
    line-height: 2.4em;
    font-size: 20px;
    width: 100%;
    margin: 0 !important;
    transition: all 0.3s ease;
}
#app > .lfe-body > a > .text {
    opacity: 0;
    margin-top: -1em;
    display: block;
    transition: all 0.3s ease;
}
#app > .lfe-body > a:hover > .icon {
    line-height: 1.5em;
    font-size: 17px;
}
#app > .lfe-body > a:hover > .text {
    opacity: 1;
    margin-top: 0.2em;
}

.am-input-group {
    transition: box-shadow .15s ease;
    border: none;
    border-radius: .5rem !important;
}
.am-form-field {
    border: none;
    border-radius: .5rem !important;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.am-form-field:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
}
.am-input-group-sm > .am-form-field,
.am-input-group-sm > .am-input-group-btn > .am-btn,
.am-input-group-sm > .am-input-group-label {
    font-size: 1.35rem!important;
}
.am-input-group-label {
    background: transparent;
    border: none;
}
.am-input-group-danger,
.am-input-group-primary {
    box-shadow: none;
}
.am-input-group-danger > .am-input-group-label,
.am-input-group-primary > .am-input-group-label {
    border-radius: .5rem !important;
    outline: none !important;
    letter-spacing: .05em;
    transition: all .15s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    color: #fff !important;
    margin-bottom: 6px;
    height: 33.4px;
}
.am-input-group-danger > .am-input-group-label:hover,
.am-input-group-primary > .am-input-group-label:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.am-input-group-danger > .am-input-group-label:active,
.am-input-group-primary > .am-input-group-label:active {
    box-shadow: none;
}
.am-input-group-danger > .am-input-group-label {
    border-color: #f5365c;
    background-color: #ec0c38;
}
.am-input-group-primary > .am-input-group-label {
    border-color: #5e72e4;
    background-color: #5e72e4;
    border-radius: .5rem !important;
}
textarea {
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
    border: none !important;
}
textarea:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
}
.lg-input-title {
    margin-bottom: 5px;
    border-radius: 5px;
    border-color: #ddd;
}

#topbar-search-text {
    border-radius: .5rem 0 0 .5em !important;
}
#topbar-search {
    border-radius: 0 .5rem .5em 0 !important;
    border-color: #5e72e4;
    background-color: #5e72e4;
}

.lg-article,
.lg-summary,
.lg-article-sub {
    transition: all .15s ease;
    box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
    word-wrap: break-word;
    border-radius: .25rem;
}
.lg-article:hover,
.lg-summary:hover,
.lg-article-sub:hover {
    box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
}

.am-btn {
    outline: none !important;
    border: none !important;
    letter-spacing: .05em;
    padding: 8px 18px;
    transition: all .15s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    color: #fff !important;
    margin-bottom: 6px;
}
.lg-main-content.solution-block {
    margin-top: 0 !important;
}
.am-btn:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}
.am-btn:active {
    box-shadow: none;
}
.am-btn-danger,
.am-btn-danger:hover,
.am-btn-danger:active,
.am-btn-danger:focus,
.am-btn-danger:visited {
    border-color: #f5365c;
    background-color: #ec0c38;
}
.am-btn-primary,
.am-btn-primary:hover,
.am-btn-primary:active,
.am-btn-primary:focus,
a.am-btn-primary:visited {
    border-color: #5e72e4;
    background-color: #5e72e4;
}
.am-btn-success,
.am-btn-success:hover,
.am-btn-success:active,
.am-btn-success:focus,
a.am-btn-success:visited {
    border-color: #2dce89;
    background-color: #2dce89;
}
.am-btn-warning,
.am-btn-warning:hover,
.am-btn-warning:active,
.am-btn-warning:focus,
a.am-btn-warning:visited {
    border-color: #fb6340;
    background-color: #fb6340;
}

.am-badge {
    border-radius: 50px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: all .15s;
}
.am-badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.am-badge.lg-bg-red {
    background-color: #f80031;
}
.am-badge.lg-bg-orange {
    background-color: #ff471d;
}
.am-badge.lg-bg-yellow {
    background-color: #ff9d09;
}
.am-badge.lg-bg-green {
    background-color: #1aae6f;
}
.am-badge.lg-bg-bluelight {
    background-color: #03acca;
}
.am-badge.lg-bg-purple {
    background-color: #8e44ad;
}
.am-badge.lg-bg-bluedark {
    background-color: #001277;
}
.am-badge.am-badge-warning {
    background-color: #fb6340;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #46464663;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}
.lg-table-small {
    margin-top: 5px;
}
.am-progress,
.progress-frame {
    border-radius: .5rem;
    background-color: #e9ecef;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    border: none !important;
}
.am-progress-bar-secondary,
.am-progress-bar,
.progress-frame > div {
    background-color: #5e72e4 !important;
}
.inner-card[data-v-78fafe5c] {
    background-color: #fafafa;
    border: 0.5px solid #e8e8e8;
    padding: 0.375em 0.75em;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 50px;
}
/*通过条（首页）
rect.highcharts-point.highcharts-color-1 {
    border-top-left-radius: 99px!important;
    background: linear-gradient(70deg, #f00 0%, #ffa600 15%, #fbff00 30%, #00ff2e 45%, #0fe 60%, #0003ff 75%, #b600ff 90%);
    fill: #0df;
    stroke: #00e5ff;
    stroke-width: 2;
}*/

path.highcharts-point.highcharts-color-0 {
    fill: #0800ff8e;
}
rect.highcharts-point.highcharts-color-1 {
    border-top-left-radius: 99px!important;
    background: linear-gradient(70deg, #f00 0%, #ffa600 15%, #fbff00 30%, #00ff2e 45%, #0fe 60%, #0003ff 75%, #b600ff 90%);
    fill: #0700ffc7;
    stroke: #0700ffc7;
    stroke-width: 2;
}
.lg-article {
    background-color: rgba(255, 255, 255, 0);
}
.lfe-form-sz-middle {
    transition: 0.2s;
}
/*--------------------------------卡片透明度*/
/*.lg-article ,*/  .lg-summary , .lg-article-sub ,.lg-content-table-left ,.card  {
    background:#ffffffa3!important
}
html > body {
    background-image: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F019ecf599fbedaa801211d25201ccc.jpg%402o.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1646898534&t=6a645c51a5a9f8a57749be60ed5606f1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
#app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny {
    background:transparent !important;
    box-shadow:#fff0 !important;
}
.copy-btn:hover 
    color: #4f843e !important;
    background-color: rgb(24, 247, 243) !important;
}
.card {
    transition: 0.3s;
    opacity: 0.85;
    border-radius: 5px;
}
.lg-contact-right:hover {
    background-color: #d9c53d;
}
.lg-contact-right a:hover,
.lg-contact-right span:hover,
.lg-contact-left:hover {
    background-color: rgb(117, 16, 189);
}
.am-table-striped>tbody>tr:nth-child(odd)>td,
.am-table-striped>tbody>tr:nth-child(odd)>th {
    background-color: rgb(117, 16, 189);
}
#app > .lfe-body > div:first-child {
    background-color: rgb(52, 198, 238) !important;
}
#app > .lfe-body {
    background-color: white !important;
}
.popup-button {
    color: rgb(52, 129, 238) !important;
}
.lfe-caption {
    border-radius: 10px !important;
    transition: 0.3s;
}
.lfe-caption:hover {
    transform: translate(0, -2px);
}
.items li {
    transition: background-color 0.3s !important;
}
.items li:hover {
    background-color: rgba(255, 255, 255, 0);
    color: #1f80d2;
}
button {
    transition: 0.3s;
}
.test-case {
    border-radius: 5px;
    transition: 0.3s;
}
.test-case:hover {
    transform: translate(0, -3px);
}
a[data-v-a580f5e6] {
    padding: 0 0 !important;
}
.test-case:hover {
    transform: translate(0, -3px);
}
a[data-v-a580f5e6] {
    padding: 0 0 !important;
}
/* -------------------------------- 圆角化 --------------------------------- */

/* 卡片背景透明度：0.9 */
  .lg-article , .lg-summary , .lg-article-sub , .lg-content-table-left , .card
  {
    background: rgba(255,255,255,0.8) !important;
  }
/*  评论和犇犇背景透明度：0.9   */
  .am-comment-main
  {
  ...