/* ==UserStyle== @name Best-luogu:升级版Good-luogu:升级版smart-luogu @version 20250820.06.28 @namespace ? @description 洛谷美化。 @license No License ==/UserStyle== */ @-moz-document regexp("https://www.luogu(.org|.com.cn|.com)/(?!blog).*") { /*luogu主站*/ /*--------------------------用户自设部分--------------------------*/ /*图片背景*/ html > body { background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/1y6b7w3u.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } pre[data-v-52f2d52f] { font-family: Fira Code !important; } /*鼠标样式*/ * { cursor: url(https://cdn.luogu.com.cn/upload/image_hosting/m0z68fn1.png), url(https://cdn.luogu.com.cn/upload/image_hosting/m0z68fn1.png), default !important; } /*顶部*/ .wrapper.wrapped.lfe-body, div.wrapper.wrapped.lfe-body.header-layout.narrow { visibility: hidden; } .footer, .header { visibility: visible; } /*主体*/ .clone-card, .card.user-header-container.padding-0, .am-modal-dialog, .am-g.lg-main-content, .container, .lg-index-content.am-center, .full-container { visibility: visible; } .lfe-h1 { font-size: 40px; animation: h1 1s; } nav[data-v-258e49ac], .header-link.color-none, .mdui-list-item-icon.mdui-icon.material-icons, .mdui-drawer { color: #000; } .am-slider .am-slides img { width: 100%; height: 300px; display: block; /*恭喜找到彩蛋,取消注释有惊喜*/ content: url("https://www.bcoi.cn/file/634/20251103-www-003.png"); } /*洛谷有题*/ /*顶部*/ #app-header { background-color: #fff0; } .theme-bg { background-color: #fff0; } h1[data-v-2dfcfd35].lfe-h1 { min-height: 60px; } /*字体——自定义*/ .problem-card[data-v-766cabba] { font-family: STZhongsong, LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important; } h1[data-v-2dfcfd35] { font-family: STZhongsong, LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important; } .field[data-v-3c4577b8] { font-family: STZhongsong, LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important; } footer { /*新版讨论区与文章广场*/ background: transparent !important; backdrop-filter: brightness(100%); .problem-card[data-v-766cabba] { font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; } h1[data-v-2dfcfd35] { font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; } } .wrapped > *[data-v-7ddab1d5] { margin-top: -12px; max-width: 1200px; margin-left: auto; margin-right: auto; border-radius: 50px !important; background: #0000009e; } .logo-img[data-v-95701c92] { margin-left: 20px; max-height: 60px; } .info[data-v-95701c92] { margin-top: 12px; margin-right: 20px; flex: 1; text-align: right; } .content-wrap[data-v-1bb3d6f7] { min-height: 130px; display: flex; align-items: center; padding: 1em; color: hsla(0, 0%, 100%, .9); font-size: .875em; border-radius: 50px !important; background: #0000009e; } .content-wrap img.logo[data-v-1bb3d6f7] { margin-left: 20px; max-height: 60px; } .content-wrap .links[data-v-1bb3d6f7] { margin-right: 20px; flex: 1; text-align: right; } header.theme-bg { background: transparent !important; backdrop-filter: brightness(100%); .problem-card[data-v-766cabba] { font-family: STZhongsong, LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; } h1[data-v-51efdf02] { font-family: STZhongsong, LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; } } .card.padding-default > div[style*="background-color: rgb(255\, 235\, 236);"] { display: none !important } .introduction.marked[style*="display: none;"] { display: block !important } .main-container.lside-bar > main { background: none !important } main { background: transparent !important; .problem-card[data-v-766cabba], h1[data-v-076e399a], div[data-v-076e399a], div[data-v-f0d12dd0], div[data-v-6784177c], div[data-v-710aa612] { font-family: STZhongsong, LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; } div[data-v-fc349d1c] { animation: slowshow .5s 1; border-radius: 20px !important; box-shadow: 0px 0px 0px #8f8f8f; background-color: rgba(255, 255, 255, 0.9)!important; } .lcolor-bg-grey-1 > div[data-v-0a88bc8f] { background-color: rgba(255, 255, 255, 0.2) !important; } } .bottom-wrap { margin-bottom: 14px; } .lfe-body { font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important; } main[data-v-7ddab1d5], div[data-v-0cbb2f60], div[data-v-43a0de31], .searchAnywhereMain { font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; } p[data-v-14b843ef], span[data-v-075d6ff6].total { color: white; } .lfe-h3.section-title, h4[data-v-0a88bc8f].lfe-h4, .comment-filter-line > span[data-v-0a88bc8f], .row.row-space-between.reply-info > div[data-v-710aa612], a[data-v-bade3303][data-v-0a88bc8f] { color: white !important; } .row.row-space-between.reply-info > .row > div[data-v-d3bf5d4d][data-v-710aa612], .article-comment.reply-card > h4[data-v-0a88bc8f], .article-comment.reply-card > .comment-filter-line.modal > span[data-v-0a88bc8f], div[data-v-075d6ff6][data-v-3f1a702f][data-v-83fd4045-s].page-bar > span[data-v-075d6ff6].total, p[data-v-0a88bc8f] > a[data-v-bade3303][data-v-0a88bc8f] { color: black; } div[data-v-6006e224][data-v-075d6ff6] { height: 27px; } div[data-v-9c6e88ba] { color: white; font-size: 125%; margin-left: 20px !important; } div[data-v-6f5a548a][data-v-3f1a702f][data-v-51efdf02-s] { margin-top: 0px !important; } .card[data-v-f9624136] { font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; font-size: 17px; } .lcolor-bg-grey-1 > div[data-v-076e399a][data-v-fc349d1c] { background: rgba(255, 255, 255, 0.9) !important; } .lcolor-bg-grey-1 > div[data-v-fc349d1c] { background: rgba(255, 255, 255, 0) !important; } /*删广告*/ div[data-v-fdcd5a58] { display: none; } /*侧栏图片*/ #app > .lfe-body > div:first-of-type { opacity: .8; transition: transform 0.5s ease; background-image: url(https://q1.qlogo.cn/g?b=qq&nk=286899821&s=160) !important; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 30px; background-attachment: revert; } #app > .lfe-body > div:first-of-type:hover { transform: rotate(360deg); } /*题目分析栏*/ path.highcharts-area { color: white; background: white; fill: #5e72e426; } path.highcharts-point.highcharts-color-0 { fill: #7a0ad9a6; } rect.highcharts-point.highcharts-color-1 { fill: #370ad9a6; stroke: #7a0ad9a6; } /*----透明化----*/ /*benben 讨论*/ .am-comment-main { opacity: .75; } .am-comment-main:hover { opacity: .95; } /*侧栏*/ #app > .lfe-body { background-color: rgba(255, 255, 255, .07) !important; } /*侧栏图标*/ img[data-v-27b2cd59] { opacity: .7; } /*记录详情 */ .wrapper > .test-case { opacity: .85; } .wrapper > .test-case:hover { opacity: 1; } /*卡片*/ /*主页卡片*/ .lg-article { /*模糊(渣机很卡*/ /* -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; */ background: rgba(255, 255, 255, .7); } .lg-article:hover { background: rgba(255, 255, 255, .8); } /*普通卡片*/ .card { background: rgba(255, 255, 255, .8) !important; } .card:hover { background: rgba(255, 255, 255, .85) !important; } /*应用*/ .popup[data-v-1d675dd8] { background-color: rgba(255, 255, 255, .55) !important; } .popup[data-v-1d675dd8]:hover { background-color: rgba(255, 255, 255, .9) !important; } /*用户顶栏*/ .user-nav[data-v-2dfcfd35] { background: rgba(255, 255, 255, .4); } .user-nav[data-v-2dfcfd35]:hover { background: rgba(255, 255, 255, .6); } .l-card { background: rgba(255, 255, 255, .8) !important; } .l-card:hover { background: rgba(255, 255, 255, .85) !important; } .container[data-v-1d35343d] { margin-top: 12px; border-radius: 30px !important; display: flex; flex-direction: row; align-items: center; padding-left: 1em; padding-right: 1em; height: 100%; color: #333; background: rgba(255, 255, 255, .7); } .left .header-logo[data-v-1d35343d] { margin-left: 20px; height: 3em; vertical-align: middle; } .top-bar[data-v-b746c652] { margin: 0 auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; box-sizing: border-box; max-height: 3.5rem; height: 3.5rem; width: 1200px; z-index: 100; display: flex; flex-flow: row nowrap; align-items: center; padding: .75rem; line-height: 1; color: #333; margin-top: 12px; background: rgba(255, 255, 255, .64); border-radius: 20px !important; box-shadow: 0 1px 3px rgba(26, 26, 26, .1); } .lside.bar[data-v-c522c434] { backdrop-filter: blur(20px) !important; margin-top: -55px; width: 64px; box-shadow: 1px 0 3px rgba(26, 26, 26, .1); z-index: 99; background-color: #ffffff3b !important; border-radius: 20px !important; transition: all .25s ease-out; } li[data-v-40281d0d]:hover { border-radius: 20px !important; background-color: #f2f2f2; } .category ul.luogu[data-v-d5284b7e] { background-color: #fff0; color: var(--lfe-color--primary); border-radius: 12px; } .bread-crumb[data-v-2dfcfd35] { margin-left: 30px; padding-top: 1.5em; font-size: .8em; } h1[data-v-2dfcfd35].lfe-h1 { margin-left: 22px; min-height: 60px; } .header[data-v-2dfcfd35] { margin-top: 12px; color: #000; background: rgba(255, 255, 255, .7); } .link[data-v-c9185fa2], .text[data-v-c9185fa2] { color: #1f1f1f; } .progress-frame > div[data-v-47712372] { width: 100%; height: 100%; border-radius: 10px !important; background: #8e2de2; background: -webkit-linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224)); background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224)) } .progress-frame[data-v-47712372] { box-sizing: border-box; border-radius: 10px !important; background: #e8e8e8; border: 2px solid #e8e8e8; height: 1em; overflow: hidden; } .full-container[data-v-6febb0e8] { background: #fff0; display: block; margin-bottom: 2em; } .main-container[data-v-6a16487e] * { scroll-margin-top: 3.5rem; } button > span[data-v-0cbab46c] { display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 100%; box-sizing: border-box; vertical-align: middle; font-size: .875em; } .bottom-wrap.float[data-v-91367258] { padding: .5em 1em; position: fixed; bottom: 0; width: calc(100% - 122px); max-width: 1136px; margin-left: -20px; box-shadow: 0 2px 4px #00000026, inset 0 0 1px #00000080; background-color: rgba(255, 255, 255, .5); z-index: 98; } .avatar-small[data-v-7f2602b2] { transition: transform 0.5s ease; margin-right: .2em; width: 2em; height: 2em; vertical-align: -.6em; border-radius: 50%; } .avatar-small[data-v-7f2602b2]:hover { transform: rotate(360deg); } /* 密码输入框基础样式 */ .password-field { position: relative; margin: 2rem auto; width: 300px; } .password-input { width: 100%; padding: 12px 20px; border: 2px solid #ddd; border-radius: 8px; font-size: 16px; transition: all 0.3s; background: #f9f9f9; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .password-input:focus { border-color: #4CAF50; box-shadow: 0 0 8px rgba(76, 175, 80, 0.3); outline: none; } /* 密码强度指示器 */ .strength-meter { height: 5px; margin-top: 10px; background: #eee; border-radius: 3px; overflow: hidden; } .strength-meter::after { content: ''; display: block; height: 100%; width: 0; background: #ff4757; transition: width 0.3s; } .password-input:focus + .strength-meter::after { width: 100%; background: linear-gradient(to right, #ff4757, #ffa502, #2ed573); } div[data-v-6f74a352] { margin-top: 0px !important; } div[data-v-6f74a352]:hover { transform: rotate(0deg) !important; } /*----------------------------------------------------------------*/ /*定义*/ @keyframes showAPP { 0% { opacity: 0; margin-left: -300px; } 100% { opacity: .8; margin-left: 3px; } } @keyframes showtop { 0% { opacity: 0; margin-left: -100px; } 100% { opacity: 1; margin-left: 0px; } } @keyframes showUI { 0% { opacity: 0; margin-top: -50px; } 100% { opacity: 1; margin-top: 20px; } } @keyframes slowshow { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes clan { 0% { margin-left: -50px; } } /*滚动条*/ ::-webkit-scrollbar-thumb { background-color: rgba(137, 81, 234, .99); } ::-webkit-scrollbar-thumb:hover { background-color: #5e72e4; } ::-webkit-scrollbar { width: 5px; height: 10px; background-color: rgba(0, 0, 0, .12); } /*--标题栏*/ .main-container > .header-layout .background { display: none !important; } /*超链接*/ a { transition: all .15s ease; color: #005C97; } a:hover { color: #fa4b4b; } a { position: relative; } a:not(.exlg-dash-options):hover::after { left: 0%; width: 100%; } a[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]::after { height: 0px !important; } a[data-v-303bbf52][data-v-258e49ac]::after { height: 0px !important; } /*列表*/ .lfe-h1[data-v-2dfcfd35] { animation: showtop 1s 1; } /*顶栏,低栏*/ .main-container > main.lfe-body { background: transparent !important; } .background[data-v-7958fe72] { background: transparent !important; } /*菜单栏*/ .center { transition: all .3s ease; background: rgba(255, 255, 255, .7) !important; } .center:hover { background: rgba(255, 255, 255, .9) !important; } /*tiny顶栏*/ #app > .main-container > .header-layout.tiny[data-v-7958fe72] { height: 60px; z-index: 999; margin-left: -10%; padding-left: 10%; background-color: #ffffff4a !important; -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; font-weight: bolder; } /*私信*/ .message { border-radius: 10px !important; font-weight: bold; } /*互相关注*/ span.lfe-caption[data-v-43a42535][data-v-0c66dd62] { transition: all .3s ease; box-shadow: 0px 0px 5px #5f5f5f69; } span.lfe-caption[data-v-43a42535][data-v-0c66dd62]:hover { transform: translateY(-2px); box-shadow: 1px 1px 10px #5f5f5f94; } /*顶栏字体*/ .lfe-h1[data-v-2dfcfd35] { font-size: 45px; } /*讨论列表*/ main { margin-top: 45px; } .lg-content-table-left { transition: all .5s ease; box-shadow: 1px 1px 5px #3C4143; border-radius: 30px; margin-top: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; position: relative; background: #fcfcfc; } .lg-content-table-left:hover { box-shadow: 3px 3px 20px #3C4143; } /*选择框*/ .selected:not([data-v-66021821]) { transition: 0s; color: #fff !important; background-image: linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%); padding: 3px 7px 3px 7px !important; margin-top: 1.7vh !important; margin-bottom: 1.7vh !important; height: 28px; border-radius: 5px !important; } .selected > span { color: #fff !important; } /*帖子、评论及奔奔*/ /*评论奔奔*/ .am-comment-main { transition: all .5s ease; box-shadow: 3px 3px 5px #303030; } .am-comment-main:hover { box-shadow: 5px 5px 15px #303030; } .center > .am-comment-avatar { border: 0 !important; transition: all .5s ease; box-shadow: 1px 1px 5px #6e757a; } .center > .am-comment-avatar:hover { transform: translateY(-1px); box-shadow: 3px 4px 10px #6e757a; } .am-comment-main { border-radius: 10px; border: #fff 10px solid !important; } .am-comment-main::before { display: none; } /*页码*/ .am-pagination.am-pagination-centered > li > a { border-radius: 10px !important; transition: all .5s ease; box-shadow: 0px 0px 10px #000; } .am-pagination.am-pagination-centered > li > a:hover { border-radius: 5px !important; transform: translateY(-2px); box-shadow: 0px 0px 5px #000; } /*奔*/ .feed-selector { transition: all .2s ease; } .feed-selector:hover { border-radius: 3px !important; box-shadow: 1px 1px 10px #000 !important; } /*头像选择*/ img.avatar { border: 0 !important; transition: all .5s ease; } img.avatar:hover { transform: translateY(-1px); /*头像旋转自行开启*/ transform: rotate(1turn); } .user-nav .avatar img[data-v-65720dbc] { border: 0 !important; width: 35px; height: 35px; border-radius: 50%; vertical-align: middle; cursor: pointer; transition: all .5s ease; } .user-nav .avatar img[data-v-65720dbc]:hover { transform: translateY(-1px); width: 35px; height: 35px; border-radius: 50%; vertical-align: middle; cursor: pointer; transform: rotate(1turn); } .luogu-username > img[data-v-69a7e242] { border: 0 !important; width: 1.75em; height: 1.75em; border-radius: 50%; margin-right: .3em !important; transition: all .5s ease; } .luogu-username > img[data-v-69a7e242]:hover { transform: translateY(-1px); width: 1.75em; height: 1.75em; border-radius: 50%; margin-right: .3em !important; transform: rotate(1turn); } .center > .am-comment-avatar { border: 0 !important; border: 0 !important; transition: all .5s ease; box-shadow: 1px 1px 5px #6e757a; transition: all .5s ease; } .center > .am-comment-avatar:hover { transform: translateY(-1px); border: 0 !important; transition: all .5s ease; box-shadow: 1px 1px 5px #6e757a; transform: rotate(1turn); } /*举报*/ .am-modal-dialog { opacity: .9; border-radius: 10px !important; } input.am-modal-prompt-input { border-radius: 10px !important; } .am-selected-content.am-dropdown-content { border-radius: 15px !important; } .am-modal-dialog > .am-modal-footer > .am-modal-btn { transition: all .4s ease; } .am-modal-dialog > .am-modal-footer > .am-modal-btn[data-am-modal-cancel] { border-radius: 0px 0px 0px 10px; } .am-modal-dialog > .am-modal-footer > .am-modal-btn[data-am-modal-confirm] { border-radius: 0px 0px 10px 0px; } .am-modal-dialog > .am-modal-footer > .am-modal-btn:hover { background: #2bb0e5; color: #fff; } .am-modal-footer { border-radius: 0px 0px 10px 10px; } /*按钮*/ .am-btn.am-btn-danger.am-btn-sm { transition: all .5s ease; background: #ff416c; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border: 1px !important; box-shadow: 1px 1px 3px #00000070; } .am-btn.am-btn-danger.am-btn-sm:hover { transform: translateY(-1px); box-shadow: 1px 1px 15px #00000070; } .am-btn.am-btn-primary.am-btn-sm { transition: all .5s ease; background: #7f7fd5; border: 0px !important; box-shadow: 1px 1px 3px #00000070; } .am-btn.am-btn-primary.am-btn-sm:hover { transform: translateY(-1px); box-shadow: 1px 1px 15px #00000070; } .am-btn.am-btn-success.am-btn-sm { transition: all .5s ease; background: #b993d6; border: 0px !important; box-shadow: 1px 1px 3px #00000070; } .am-btn.am-btn-success.am-btn-sm:hover { transform: translateY(-1px); box-shadow: 1px 1px 15px #00000070; } .am-input-group-label { transition: all .5s ease; border: 0px !important; border-radius: 10px; box-shadow: 1px 1px 3px #00000070; } /*样例*/ pre[data-v-52f2d52f] { transition: all .4s ease; border-radius: 10px; box-shadow: 0px 0px 1px #00000070; } pre[data-v-52f2d52f]:hover { border-radius: 15px; box-shadow: 0px 0px 1px #00000070; } /*提交*/ .lfe-form-sz-middle[data-v-7ade990c] { transition: all .45s ease; border-radius: 10px; } .button-in-anchor.lfe-form-sz-middle[data-v-cc52fb5c] { transition: all .45s ease; border-radius: 10px; } .lfe-form-sz-middle[data-v-7ade990c]:hover { transform: translateY(-3px); border-radius: 99px; } .button-in-anchor.lfe-form-sz-middle[data-v-cc52fb5c]:hover { transform: translateY(-3px); border-radius: 99px; } /*相关讨论*/ li[data-v-2017244a] { animation: slowshow 1s .45; } /*侧栏*/ /*carbonluogu*/ #app > .lfe-body { box-shadow: 4px 5px 15px rgba(91, 91, 91, .5), 2px 5px 8px rgba(121, 121, 121, .56)!important; } #app > .lfe-body > a { color: #61eee9f5 !important; height: 3.7em; margin-top: 3px; padding: 0 !important; } #app > .lfe-body > a:hover { color: #0e0063 !important; } #app > .lfe-body > a:first-of-type { margin-top: 10px !important; } #app > .lfe-body > a > .icon { line-height: 2.4em; font-size: 18px; width: 100%; margin: 0 !important; transition: all 0.2s ease; } #app > .lfe-body > a > .text { opacity: 0; margin-top: -2em; 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; } #app > .lfe-body > div:first-of-type { background-color: #d2e0df !important; } #app > .lfe-body > .popup-button { transition: .3s; background-color: rgba(0, 0, 0, 0) !important; margin-top: 8px; color: #5e72e4 !important; } /*smart - luogu*/ #app > .lfe-body > .popup-button:hover { transition: .5s; border-radius: 15px; box-shadow: 0px 0px 10px #000; background-color: rgb(255, 255, 255) !important; margin-top: 8px; color: #5e72e4 !important; } #app > .lfe-body { animation: clan 1s; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border-radius: 0px 30px 30px 0px; margin-left: 0px; margin-top: 10.5%; padding-bottom: 14px; height: 27em; background: #ffffff3b !important; } .color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]:hover { background-color: #fffffffc; border-radius: 10px; box-shadow: 1px 1px 10px #00000073; } /*提交文件*/ .drop[data-v-01cd4e24] { border: 0; transition: all .4s ease; border-radius: 30px; box-shadow: 3px 3px 10px #00000080; } .drop[data-v-01cd4e24]:hover { border: 0; transform: translateY(-10px); border-radius: 30px; box-shadow: 10px 10px 30px #0000009e; } /*近期比赛*/ .am-panel.lg-index-contest.am-panel-danger { border-radius: 10px; margin-left: 10px; box-shadow: 1px 1px 10px #00000075; transition: all .3s ease; } .am-panel.lg-index-contest.am-panel-danger:hover { box-shadow: 1px 1px 15px #0000008f; } .am-panel.lg-index-contest.am-panel-success { border-radius: 10px; margin-left: 10px; box-shadow: 1px 1px 10px #00000075; transition: all .3s ease; } .am-panel.lg-index-contest.am-panel-success:hover { box-shadow: 1px 1px 15px #0000008f; } /*最近讨论*/ .am-panel.lg-index-contest.am-panel-primary { margin-left: 0px; border-radius: 10px; border: 0px; width: 38rem; box-shadow: 1px 1px 10px #00000075; transition: all .3s ease; } .am-panel.lg-index-contest.am-panel-primary:hover { box-shadow: 1px 1px 15px #0000008f; } /*smart - luogu广告*/ [data-v-0a593618] { border-radius: 20px; } .lfe-form-sz-small[data-v-cc52fb5c] { opacity: 0; transition: all .2s ease; border-radius: 10px !important; } .lfe-form-sz-small[data-v-cc52fb5c]:hover { transform: translateY(-1px); transition: all .5s ease; border-radius: 20px !important; } img[data-v-0a593618] { display: none; } span[data-v-0a593618] { display: none; } /*记录详情 */ .wrapper > .test-case { border-radius: 5px; box-shadow: 0px 2px 7px #6d6d6d; transition: all 0.3s ease; } .wrapper > .test-case:hover { transform: translateY(-5px); box-shadow: 0px 3px 15px #404040; } .message[data-v-21e0a7cc] { border-radius: 10px; } /*弹窗*/ .swal2-popup.swal2-modal.swal2-show { border-radius: 20px; box-shadow: 0px 3px 30px #404040; } .swal2-actions > .swal2-confirm.swal2-styled { border-radius: 99px; } .swal2-actions > .swal2-cancel.swal2-styled { border-radius: 99px; } /*卡片*/ .lg-article:hover { box-shadow: 3px 3px 20px #1f1f1f; } .card.padding-default:hover { box-shadow: 3px 3px 20px #1f1f1f; } .card.problem-card.padding-default:hover { transform: translateY(-1px); border-radius: 10px; box-shadow: 3px 3px 20px #656565; } .card.padding-none[data-v-f9624136][data-v-2401924d] { border-radius: 10px !important; } .card.padding-none[data-v-f9624136] { border-radius: 20px !important; transition: all .5s ease; } /*复制按钮*/ .copy-btn.lfe-form-sz-middle { animation: slowshow 1s 1; transition: 0s; border-radius: 8px; color: #05107c !important; border-color: #e0c3fc !important; } .copy-btn.lfe-form-sz-middle:hover { transform: translateY(-1px); background-color: #fff !important; transition: .4s; opacity: .5; } .copy-btn.lfe-form-sz-middle { background-color: #fff !important; opacity: .8; transition: 1s; } .copy-btn.lfe-form-sz-middle:active { background-color: #fff !important; opacity: 1; transition: 0s; } /*rated*/ .am-badge.am-radius.lg-bg-green { background: #00b09b; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: 5px; transition: all 0.3s ease; } .am-badge.am-radius.lg-bg-green:hover { transform: translateY(-2px); } /*通过条*/ .bar[data-v-7626d048] { background: #7f7fd5; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ ; } /*输入框*/ .am-form-field { font-weight: bold; transition: all .2s ease; box-shadow: 2px 2px 3px #bab9b9; border: 0; border-radius: 10px !important; } .am-form-field:hover { transition: all .2s ease; box-shadow: 3px 3px 9px #bab9b9; } .refined-input.input-wrap.frame[data-v-66fcc50b][data-v-8cc386e2] { border: 0; } .lfe-form-sz-middle { font-weight: bold; transition: all .2s ease; box-shadow: 0px 4px 3px #b4b4b4; border: 0; border-radius: 10px !important; } .lfe-form-sz-middle:hover { box-shadow: 0px 5px 3px #b4b4b4; } .refined-input.input-wrap.frame { border: 0; } .lfe-form-sz-small { font-weight: bold; transition: all .2s ease; box-shadow: 2px 2px 10px #bab9b9; border: 0; border-radius: 10px !important; } .lfe-form-sz-small:hover { box-shadow: 2px 2px 20px #bab9b9; } /*user-header-top*/ .user-header-top[data-v-2424f61c][data-v-f9624136] { margin-top: -60px !important; } /*----exlg----*/ .exlg-message-outter { border-radius: 30px !important; } #exlg-dash { border-radius: 30px !important; } /*相关讨论*/ ul[data-v-766cabba][data-v-f9624136] { animation: slowshow 1s; } .exlg-badge { /*仿正统tag 不喜欢可删*/ border-radius: 5px; } .exlg-window { position: fixed; z-index: 99999999999 !important; transition: all .4s ease !important; -webkit-backdrop-filter: blur(2px) !important; backdrop-filter: blur(2px) !important; background: rgba(255, 255, 255, .3) !important; } .exlg-rand-settings { transition: all .5s ease !important; } .exlg-window:hover { transition: all .4s ease !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; border: 0px solid rgba(255, 255, 255, 0.18) !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; color: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, .64) !important; } .exlg-smallbtn.exlg-unselectable { animation: slowshow 1s 1; } .exlg-emo-btn { font-weight: bold; } .exlg-emo-btn:hover { box-shadow: 0px 5px 10px #000 !important; } .exlg-dialog-container.container-show { background-color: #ffffffe0; backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important; } .exlg-dialog-btn { box-shadow: 1px 1px 10px #00000096; background-color: #fff0 !important; backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important; } /* -------------------------------- 圆角化 --------------------------------- */ .am-btn.am-btn-sm { border-radius: 20px !important; } .lfe-caption.tag.status-name[data-v-43a42535] { border-radius: 20px !important; } .card.padding-default { border-radius: 20px !important; box-shadow: 0px 0px 0px #8f8f8f; } .lg-article { animation: slowshow .5s 1; transition: all 0.5s ease; border-radius: 20px !important; box-shadow: 0px 0px 0px #8f8f8f; } .dropdown > .center { border-radius: 10px !important; box-shadow: 5px 5px 17px #525252cc; } .popup[data-v-1d675dd8] { animation: showAPP .5s 1; box-shadow: 5px 5px 17px #8f8f8f7a; margin-left: 3px; width: 11.4em; height: 13.7em; background: #fff; background-clip: border-box; border-radius: 10px !important; border: 0px solid rgba(0, 0, 0, .2); transition: all 1s; } .apps a[data-v-1d675dd8] { padding: .3em; color: #333; border-radius: 99px !important; } .padding-none[data-v-f9624136] { border-radius: 30px !important; } /*用户顶栏*/ .user-nav[data-v-2dfcfd35] { animation: showUI 1s 1; transition: all .5s ease; margin-top: 20px; border-radius: 20px !important; } /*还是卡片*/ .card.problem-card.padding-default { animation: slowshow .5s 1; border-radius: 20px !important; box-shadow: 0px 0px 0px #8f8f8f; } .searchAnywhereEntrance { animation: slowshow .5s 1; border-radius: 30px !important; box-shadow: 0px 0px 0px #8f8f8f; } .l-card, div[data-v-076e399a][data-v-fc349d1c], div[data-v-f0d12dd0][data-v-fc349d1c] { transition: all .5s ease; animation: slowshow .5s 1; border-radius: 20px !important; box-shadow: 0px 0px 0px #8f8f8f; } .banner-content { padding-bottom: 20px; } .l-card:hover, div[data-v-076e399a][data-v-fc349d1c]:hover, div[data-v-f0d12dd0][data-v-fc349d1c]:hover { transition: all .5s ease; box-shadow: 3px 3px 20px #1f1f1f; } .reply-editor[data-v-710aa612] { box-shadow: 0px 0px 0px #8f8f8f; } .reply-editor[data-v-710aa612]:hover { box-shadow: 3px 3px 20px #1f1f1f; } .card.padding-default { transition: all .5s ease; border-radius: 20px !important; box-shadow: 0px 0px 0px #8f8f8f; } .inner-card { border-radius: 10px; box-shadow: 1px 1px 10px #00000036; } .card.user-header-container.padding-0 { width: 100%; border-radius: 20px !important; box-shadow: 0px 0px 0px #8f8f8f; } .card.float-card.padding-0[data-v-f9624136] { border-radius: 30px !important; transition: 1s ease; } .card.float-card.padding-0[data-v-f9624136]:hover { border-radius: 30px !important; } .card.user-header-container.padding-0 > .user-header-top { height: 320px; } .select-button.lfe-form-sz-small { border-radius: 10px !important; } .progress-frame > div[data-v-47712372] { width: 100%; height: 100%; border-radius: 10px 0 0 10px; background: #8e2de2; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224))/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ !important; } .color-default > .lfe-caption { border-radius: 20px !important; } .tag.color-none > .lfe-caption { border-radius: 20px !important; transition: all .4s; } .tag.color-none > .lfe-caption:hover { transform: translateY(-2px) !important; } .selected[data-v-66021821] { border-radius: 10px !important; } .bottom.float-bottom { animation: slowshow 1s 1; margin-bottom: 4px; border-radius: 20px !important; z-index: 999; } .card.float-card.padding-0 { border-radius: 5px !important; box-shadow: 1px 1px 20px #5c5c5c !important; } } @-moz-document url-prefix("https://www.luogu.com.cn/chat") { /*luogu私信*/ .card.wrapper.padding-none { border-radius: 10px !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; box-shadow: 0px 0px 30px #000; } .message-block.right > .message[data-v-5c0627c6] { background-color: #370ad9a6 !important; color: #fff !important; text-align: center; } html > body { background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/tcjhmmz3.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } .item[data-v-4d6dca7a]:hover { border-radius: 10px; transition: all .3s ease; background-color: #7a0ad9a6 !important; color: #fff; } } .avatar > img[data-v-4d6dca7a]{ transition: transform 0.5s ease; height: 2.5rem; width: 2.5rem; border-radius: 50%; } .avatar > img[data-v-4d6dca7a]:hover { transform: rotate(360deg); } @-moz-document url-prefix("https://ti.luogu.com.cn/") { /*luogu有题*/ body { font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ; } /*侧栏图片*/ #app > .lfe-body > div:first-of-type { opacity: .8; background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/wramfwcl.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 30px; background-attachment: revert; } /*----透明化----*/ /*普通卡片*/ .card { background: rgba(255, 255, 255, .8) !important; } .card:hover { background: rgba(255, 255, 255, .85) !important; } /*超链接*/ a { transition: all .15s ease; color: #005C97; } a:hover { text-decoration: none !important; color: #fa4b4b; } /*顶栏,低栏*/ .main-container > main.lfe-body { background: transparent !important; } .background[data-v-7958fe72] { background: transparent !important; } img.avatar { border: 0 !important; box-shadow: 1px 1px 5px #6e757a; transition: all .5s ease; } img.avatar:hover { transform: translateY(-1px); box-shadow: 3px 4px 10px #6e757a; /*头像旋转自行开启*/ transform: rotate(1turn); } ::-webkit-scrollbar-thumb { background-color: rgba(137, 81, 234, .99); } ::-webkit-scrollbar-thumb:hover { background-color: #5e72e4; } ::-webkit-scrollbar { width: 5px; height: 10px; background-color: rgba(0, 0, 0, .12); } /*背景*/ html > body { background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/tcjhmmz3.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; a[data-v-985ce5a2][data-v-22b18d46].sm-hide.router-link-active.color-default { background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/wramfwcl.png) !important; } } #app-header { background: transparent !important; } #app-footer { background: transparent !important; } /*用户栏*/ .user-nav { opacity: .9; } .user-nav:hover { opacity: 1; } div[data-v-22b18d46] > #app-sidenav { animation: showUI 1s; margin-top: 225px; height: 0px; width: 0px; border-radius: 99px; margin-left: 10px; box-shadow: 4px 5px 15px rgba(91, 91, 91, .5), 2px 5px 8px rgba(121, 121, 121, .56)!important; } a[data-v-985ce5a2][data-v-22b18d46].sm-hide.router-link-active.color-default { animation: showUI 1s; margin-top: 10px; margin-left: 10px; width: 60px; height: 60px; box-shadow: 4px 5px 15px rgba(91, 91, 91, .5), 2px 5px 8px rgba(121, 121, 121, .56)!important; } a[data-v-985ce5a2][data-v-22b18d46].sm-hide.router-link-active.color-default:hover { box-shadow: 5px 6px 16px rgba(91, 91, 91, .8), 3px 6px 9px rgba(121, 121, 121, .8)!important; } .lg-logo-area { margin-top: -2px; margin-left: 1.5px; } .icon.fa.fa-book { color: #f2f2f2 !important; margin-top: 3px; padding: 0 !important; } .sm-hide.router-link-active.color-default { border-radius: 99px !important; } div[data-v-22b18d46] > #app-sidenav { background-color: #ffffff45; } div[data-v-22b18d46] > #app-sidenav > .nav-list > a > .list-item-container { display: none; } .sm-hide.router-link-active.color-default { background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/plx92p9z.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 30px; background-attachment: revert; } /*顶栏字体大小*/ h1[data-v-d7da57a6] { animation: showtop 1s; font-size: 50px; } main { margin-top: 20px; } /*卡片*/ .card { transition: all .7s ease; box-shadow: 1px 1px 15px #4f4f4f; background-color: rgba(0, 0, 0, 0); } .card:hover { transform: translateY(-1px); box-shadow: 2px 2px 25px #000; } .problemsets.card { transition: all .7s ease; box-shadow: 1px 1px 15px #4f4f4f; } .problemsets.card:hover { transform: translateY(-1px); box-shadow: 2px 2px 25px #000; } /*字*/ [data-v-3be7235c] { color: #000; } /*超链接*/ a { transition: .5s; } a:hover { color: #f72525 !important; } /*题目列表*/ .clickable { transition: all .5s ease; border-radius: 10px; } .clickable:hover { transform: translateY(-1px); box-shadow: 1px 1px 5px #000; } /*按钮*/ button[data-v-79732b4a] { transition: all .3s ease; border-radius: 20px; } .second-button { background-color: #fef5ff !important; } l-button[data-v-51efdf02-s] { transition: all .3s ease; border-radius: 20px; } l-button[data-v-51efdf02-s]:hover { transition: all .3s ease; border-radius: 20px; } button[data-v-79732b4a]:hover { box-shadow: 1px 1px 5px #000; transform: translateY(-1px); border-radius: 20px; } /* -------------------------------- 圆角化 ---------------------------------*/ .problemsets.card { border-radius: 10px !important; } .card, .side { border-radius: 10px !important; } .user-nav { border-radius: 20px !important; } } @-moz-document url-prefix("https://class.luogu.com.cn/") { /*网校*/ /*全局*/ @keyframes showtop { 0% { opacity: 0; margin-left: -100px; } 100% { opacity: 1; margin-left: 0px; } } @keyframes slowshow { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes userUI { 0% { opacity: 0; transform: translateY(-60px); } 100% { opacity: .7; } } @keyframes showUI { 0% { height: 20% !important; opacity: 0; } 100% { opacity: 1; } } .user-nav { margin-top: 15px; margin-right: -70px; animation: userUI 1s; opacity: .7; transition: all .5s ease; } /*用户栏*/ .user-nav:hover { opacity: 1; } /*卡片*/ .card { transition: all .7s ease; box-shadow: 1px 1px 15px #4f4f4f; } .card:hover { transform: translateY(-1px); box-shadow: 2px 2px 25px #000; } .problemsets.card { transition: all .7s ease; box-shadow: 1px 1px 15px #4f4f4f; } .problemsets.card:hover { transform: translateY(-1px); box-shadow: 2px 2px 25px #000; } .card.padding-default[data-v-796309f8][data-v-4880a829]:hover { box-shadow: 1px 1px 0px #4f4f4f; } /*tiny*/ .wrapped.lfe-body.header-layout.tiny { background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important; opacity: .9 !important; } .wrapped.lfe-body.header-layout.tiny:hover { opacity: 1 !important; } /*超链接*/ a { transition: .5s; } a:hover { color: #f72525 !important; } /*侧栏/kk*/ .logo-wrap[data-v-27b2cd59] { background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/plx92p9z.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: revert; border-radius: 99px; } [data-v-27b2cd59] { border-radius: 99px; } nav.lfe-body[data-v-0145b689][data-v-0145b689] { margin-top: 10% !important; height: 30% !important; } nav[data-v-27b2cd59] { background-color: #ffffff4f !important; animation: showUI 1s; } .wrapped.lfe-body.header-layout.tiny { margin-top: 0rem !important; height: 4rem !important; margin-left: -5rem !important; padding-left: 5rem; } /*选择按钮*/ .selected { background-color: #6954ee !important; } /* -------------------------------- 圆角化 --------------------------------- */ .problemsets.card { border-radius: 20px !important; } .card { border-radius: 20px !important; } .user-nav { border-radius: 20px !important; } .lfe-form-sz-middle { border-radius: 99px !important; } } @-moz-document regexp("https://ti.luogu.com.cn/problemset/..*") { /*有题2*/ .side { margin-right: -40px; padding: 20px; transition: all .7s ease; box-shadow: 1px 1px 15px #4f4f4f; background: rgba(255, 255, 255, .8) !important; } .side:hover { transform: translateY(-1px); box-shadow: 2px 2px 25px #000; background: rgba(255, 255, 255, .85) !important; } }