├── README-EN.md ├── README.md ├── argon-luogu-legacy.user.css ├── argon-luogu.user.styl └── screenshots ├── 1.webp ├── 2.webp ├── 3.webp └── 4.webp /README-EN.md: -------------------------------------------------------------------------------- 1 | # Argon Luogu 2 | 3 | A beautification style for [Luogu](https://www.luogu.com). 4 | 5 | **Feature List: ** 6 | 1. Built-in light/dark color schemes 7 | 2. Supports custom colors 8 | 3. Supports custom fonts 9 | 4. Supports custom background images 10 | 5. Toggleable acrylic effect 11 | 6. Compatible with extend-luogu 12 | 13 | **Get Started: ** 14 | 1. Install [Stylus](https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne), a browser extension which allows you to add custom style sheets to any website. 15 | 2. Click [this link](https://userstyles.world/style/12397/re-2024) and click install button. 16 | 17 | **Screenshots: ** 18 | ![](./screenshots/1.webp) 19 | ![](./screenshots/2.webp) 20 | ![](./screenshots/3.webp) 21 | ![](./screenshots/4.webp) 22 | ![](./screenshots/5.webp) 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 氩洛谷 2 | 3 | 适用于[洛谷](https://www.luogu.com.cn)的美化样式。 4 | 5 | A beautification style for [Luogu](https://www.luogu.com.cn). 6 | 7 | [简体中文](./README-EN.md)|[English](./README-EN.md) 8 | 9 | --- 10 | 11 | **特性列表：** 12 | 1. 内置亮/暗两种配色 13 | 2. 支持自定义颜色 14 | 3. 支持自定义字体 15 | 4. 支持自定义背景图片 16 | 5. 可开关的亚克力效果 17 | 6. 与 extend-luogu 兼容 18 | 19 | **如何安装：** 20 | 1. 在此之前，你需要一个浏览器插件「[Stylus](https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)」，该插件允许你为网页添加自定义样式表。（这个插件非常常见，如果你无法访问谷歌，只需直接搜索「Stylus 插件安装」并遵循说明使用开发者模式安装即可） 21 | 2. 安装完成后，在[这个网页](https://userstyles.world/style/12397/re-2024)上点击 `Install` 安装样式表。 22 | 23 | **效果预览：** 24 | ![](./screenshots/1.webp) 25 | ![](./screenshots/2.webp) 26 | ![](./screenshots/3.webp) 27 | ![](./screenshots/4.webp) 28 | -------------------------------------------------------------------------------- /argon-luogu-legacy.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name 氩洛谷 - 夜间模式 By d0j1a_1701 3 | @version 20240227.17.30 4 | @namespace userstyles.world/user/d0j1a1701/argonluogu 5 | @description 洛谷美化样式。 6 | @author d0j1a1701 7 | @license MIT 8 | ==/UserStyle== */ 9 | @-moz-document regexp("^((?!blog).)*https://www.luogu.org((?!blog).)*$"), 10 | regexp("^((?!blog).)*http://www.luogu.org((?!blog).)*$"), 11 | regexp("^((?!blog).)*https://www2.luogu.org((?!blog).)*$"), 12 | regexp("^((?!blog).)*http://www2.luogu.org((?!blog).)*$"), 13 | regexp("^((?!blog).)*https://www.luogu.com.cn((?!blog).)*$"), 14 | regexp("^((?!blog).)*http://www.luogu.com.cn((?!blog).)*$") 15 | { 16 | /*---对于基本控件的处理*/ 17 | /*--字体引用*/ 18 | @font-face { 19 | font-family: 'Open Sans'; 20 | font-style: normal; 21 | font-weight: 300; 22 | src: local('Open Sans Light'), local('OpenSans-Light'), 23 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) 24 | format('woff2'); 25 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 26 | U+FE2E-FE2F; 27 | } 28 | @font-face { 29 | font-family: 'Open Sans'; 30 | font-style: normal; 31 | font-weight: 300; 32 | src: local('Open Sans Light'), local('OpenSans-Light'), 33 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) 34 | format('woff2'); 35 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 36 | } 37 | @font-face { 38 | font-family: 'Open Sans'; 39 | font-style: normal; 40 | font-weight: 300; 41 | src: local('Open Sans Light'), local('OpenSans-Light'), 42 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) 43 | format('woff2'); 44 | unicode-range: U+1F00-1FFF; 45 | } 46 | @font-face { 47 | font-family: 'Open Sans'; 48 | font-style: normal; 49 | font-weight: 300; 50 | src: local('Open Sans Light'), local('OpenSans-Light'), 51 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) 52 | format('woff2'); 53 | unicode-range: U+0370-03FF; 54 | } 55 | @font-face { 56 | font-family: 'Open Sans'; 57 | font-style: normal; 58 | font-weight: 300; 59 | src: local('Open Sans Light'), local('OpenSans-Light'), 60 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) 61 | format('woff2'); 62 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 63 | } 64 | @font-face { 65 | font-family: 'Open Sans'; 66 | font-style: normal; 67 | font-weight: 300; 68 | src: local('Open Sans Light'), local('OpenSans-Light'), 69 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) 70 | format('woff2'); 71 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 72 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 73 | } 74 | @font-face { 75 | font-family: 'Open Sans'; 76 | font-style: normal; 77 | font-weight: 300; 78 | src: local('Open Sans Light'), local('OpenSans-Light'), 79 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) 80 | format('woff2'); 81 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 82 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 83 | U+2215, U+FEFF, U+FFFD; 84 | } 85 | @font-face { 86 | font-family: 'Open Sans'; 87 | font-style: normal; 88 | font-weight: 400; 89 | src: local('Open Sans Regular'), local('OpenSans-Regular'), 90 | url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) 91 | format('woff2'); 92 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 93 | U+FE2E-FE2F; 94 | } 95 | @font-face { 96 | font-family: 'Open Sans'; 97 | font-style: normal; 98 | font-weight: 400; 99 | src: local('Open Sans Regular'), local('OpenSans-Regular'), 100 | url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) 101 | format('woff2'); 102 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 103 | } 104 | @font-face { 105 | font-family: 'Open Sans'; 106 | font-style: normal; 107 | font-weight: 400; 108 | src: local('Open Sans Regular'), local('OpenSans-Regular'), 109 | url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) 110 | format('woff2'); 111 | unicode-range: U+1F00-1FFF; 112 | } 113 | @font-face { 114 | font-family: 'Open Sans'; 115 | font-style: normal; 116 | font-weight: 400; 117 | src: local('Open Sans Regular'), local('OpenSans-Regular'), 118 | url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) 119 | format('woff2'); 120 | unicode-range: U+0370-03FF; 121 | } 122 | @font-face { 123 | font-family: 'Open Sans'; 124 | font-style: normal; 125 | font-weight: 400; 126 | src: local('Open Sans Regular'), local('OpenSans-Regular'), 127 | url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) 128 | format('woff2'); 129 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 130 | } 131 | @font-face { 132 | font-family: 'Open Sans'; 133 | font-style: normal; 134 | font-weight: 400; 135 | src: local('Open Sans Regular'), local('OpenSans-Regular'), 136 | url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) 137 | format('woff2'); 138 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 139 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 140 | } 141 | @font-face { 142 | font-family: 'Open Sans'; 143 | font-style: normal; 144 | font-weight: 400; 145 | src: local('Open Sans Regular'), local('OpenSans-Regular'), 146 | url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) 147 | format('woff2'); 148 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 149 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 150 | U+2215, U+FEFF, U+FFFD; 151 | } 152 | @font-face { 153 | font-family: 'Open Sans'; 154 | font-style: normal; 155 | font-weight: 600; 156 | src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), 157 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) 158 | format('woff2'); 159 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 160 | U+FE2E-FE2F; 161 | } 162 | @font-face { 163 | font-family: 'Open Sans'; 164 | font-style: normal; 165 | font-weight: 600; 166 | src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), 167 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) 168 | format('woff2'); 169 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 170 | } 171 | @font-face { 172 | font-family: 'Open Sans'; 173 | font-style: normal; 174 | font-weight: 600; 175 | src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), 176 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) 177 | format('woff2'); 178 | unicode-range: U+1F00-1FFF; 179 | } 180 | @font-face { 181 | font-family: 'Open Sans'; 182 | font-style: normal; 183 | font-weight: 600; 184 | src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), 185 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) 186 | format('woff2'); 187 | unicode-range: U+0370-03FF; 188 | } 189 | @font-face { 190 | font-family: 'Open Sans'; 191 | font-style: normal; 192 | font-weight: 600; 193 | src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), 194 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) 195 | format('woff2'); 196 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 197 | } 198 | @font-face { 199 | font-family: 'Open Sans'; 200 | font-style: normal; 201 | font-weight: 600; 202 | src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), 203 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) 204 | format('woff2'); 205 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 206 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 207 | } 208 | @font-face { 209 | font-family: 'Open Sans'; 210 | font-style: normal; 211 | font-weight: 600; 212 | src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), 213 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) 214 | format('woff2'); 215 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 216 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 217 | U+2215, U+FEFF, U+FFFD; 218 | } 219 | @font-face { 220 | font-family: 'Open Sans'; 221 | font-style: normal; 222 | font-weight: 700; 223 | src: local('Open Sans Bold'), local('OpenSans-Bold'), 224 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) 225 | format('woff2'); 226 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, 227 | U+FE2E-FE2F; 228 | } 229 | @font-face { 230 | font-family: 'Open Sans'; 231 | font-style: normal; 232 | font-weight: 700; 233 | src: local('Open Sans Bold'), local('OpenSans-Bold'), 234 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) 235 | format('woff2'); 236 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 237 | } 238 | @font-face { 239 | font-family: 'Open Sans'; 240 | font-style: normal; 241 | font-weight: 700; 242 | src: local('Open Sans Bold'), local('OpenSans-Bold'), 243 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) 244 | format('woff2'); 245 | unicode-range: U+1F00-1FFF; 246 | } 247 | @font-face { 248 | font-family: 'Open Sans'; 249 | font-style: normal; 250 | font-weight: 700; 251 | src: local('Open Sans Bold'), local('OpenSans-Bold'), 252 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) 253 | format('woff2'); 254 | unicode-range: U+0370-03FF; 255 | } 256 | @font-face { 257 | font-family: 'Open Sans'; 258 | font-style: normal; 259 | font-weight: 700; 260 | src: local('Open Sans Bold'), local('OpenSans-Bold'), 261 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) 262 | format('woff2'); 263 | unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; 264 | } 265 | @font-face { 266 | font-family: 'Open Sans'; 267 | font-style: normal; 268 | font-weight: 700; 269 | src: local('Open Sans Bold'), local('OpenSans-Bold'), 270 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) 271 | format('woff2'); 272 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 273 | U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 274 | } 275 | @font-face { 276 | font-family: 'Open Sans'; 277 | font-style: normal; 278 | font-weight: 700; 279 | src: local('Open Sans Bold'), local('OpenSans-Bold'), 280 | url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) 281 | format('woff2'); 282 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 283 | U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 284 | U+2215, U+FEFF, U+FFFD; 285 | } 286 | @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap'); 287 | /*--全局*/ 288 | html, 289 | body { 290 | background-color: #0b0a03 !important; 291 | } 292 | html, 293 | body, 294 | .lfe-body { 295 | font-family: '苹方-简', 'Noto Sans SC', sans-serif !important; 296 | } 297 | body { 298 | overflow-x: hidden; 299 | } 300 | h1, 301 | h2, 302 | h3, 303 | h4, 304 | h5, 305 | h6 { 306 | font-weight: 600 !important; 307 | } 308 | * > h2:first-child { 309 | margin-bottom: 1.6rem; 310 | } 311 | .card .color-default:not(.forum-container.section-item) { 312 | color: #5e72e4 !important; 313 | } 314 | /*--顶栏*/ 315 | .lg-header, 316 | .lg-header-list > li { 317 | background-color: #555abf; 318 | border-color: #555abf; 319 | } 320 | .lg-header { 321 | box-shadow: 0 5px 15px rgba(50, 50, 93, 0.1), 0 5px 8px rgba(0, 0, 0, 0.07) !important; 322 | } 323 | /*--代码字体*/ 324 | code, 325 | .hljs { 326 | font-family: 'Fira Code', consolas, monospace, 'Courier New'; 327 | } 328 | /*--加载进度条处理*/ 329 | #nprogress .nprogress-peg { 330 | box-shadow: none !important; 331 | } 332 | #nprogress .nprogress-bar { 333 | position: fixed; 334 | top: 0 !important; 335 | background: #5eb95e; 336 | } 337 | /*--选中内容的样式*/ 338 | *::selection { 339 | background-color: #9696c84d; 340 | } 341 | /*--滚动条*/ 342 | ::-webkit-scrollbar { 343 | width: 6px; 344 | height: 10px; 345 | } 346 | ::-webkit-scrollbar-track { 347 | background-color: #9696c84d; 348 | } 349 | ::-webkit-scrollbar-thumb { 350 | background-color: #687582; 351 | border-radius: 6px; 352 | } 353 | ::-webkit-scrollbar-thumb:hover { 354 | background-color: #5e72e4; 355 | } 356 | /*--超链接*/ 357 | a { 358 | transition: all 0.15s; 359 | color: #5e72e4; 360 | } 361 | /*--颜色定义*/ 362 | .lg-fg-green { 363 | color: #2dce89 !important; 364 | } 365 | .lg-bg-red { 366 | background-color: #fb6340; 367 | } 368 | .lg-bg-orange { 369 | background-color: #ff9d09; 370 | } 371 | .lg-bg-purple { 372 | background-color: #8e44ad; 373 | } 374 | .lg-bg-green { 375 | background-color: #2dce89; 376 | } 377 | .lg-bg-bluedark { 378 | background-color: #001277; 379 | } 380 | /*--动画定义*/ 381 | @keyframes fadeInLeft { 382 | from { 383 | opacity: 0; 384 | transform: translateX(-35px); 385 | } 386 | to { 387 | opacity: 1; 388 | transform: translateX(0); 389 | } 390 | } 391 | @keyframes fade { 392 | from { 393 | opacity: 0; 394 | } 395 | to { 396 | opacity: 1; 397 | } 398 | } 399 | /*--侧栏*/ 400 | #app > .lfe-body { 401 | background: #252d38 !important/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/; 402 | box-shadow: 4px 5px 15px rgba(50, 50, 93, 0.1), 403 | 2px 5px 8px rgba(0, 0, 0, 0.07) !important; 404 | } 405 | #app > .lfe-body > a { 406 | color: #c4c6c9 !important; 407 | height: 3.7em; 408 | margin-top: 3px; 409 | padding: 0 !important; 410 | } 411 | #app > .lfe-body > a:first-of-type { 412 | margin-top: 10px !important; 413 | } 414 | #app > .lfe-body > a > .icon { 415 | line-height: 2.4em; 416 | font-size: 18px; 417 | width: 100%; 418 | margin: 0 !important; 419 | transition: all 0.3s ease; 420 | } 421 | #app > .lfe-body > a > .text { 422 | opacity: 0; 423 | margin-top: -1em; 424 | display: block; 425 | transition: all 0.3s ease; 426 | } 427 | #app > .lfe-body > a:hover > .icon { 428 | line-height: 1.5em; 429 | font-size: 17px; 430 | } 431 | #app > .lfe-body > a:hover > .text { 432 | opacity: 1; 433 | margin-top: 0.2em; 434 | } 435 | #app > .lfe-body > div:first-of-type { 436 | background-color: #252d38 !important; 437 | } 438 | #app > .lfe-body > .popup-button { 439 | background-color: transparent !important; 440 | margin-top: 8px; 441 | color: #c4c6c9 !important; 442 | } 443 | .nav-items > .nav-item[data-v-51e0df10] { 444 | background-color: #252d38 !important; 445 | } 446 | /*-侧栏Hover动画*/ 447 | .lg-sidebar-list li[class^='lg-nav'] a span[class^='am-icon']:after { 448 | content: ''; 449 | background: #5e72e4; 450 | position: absolute; 451 | left: 50%; 452 | right: 50%; 453 | bottom: 8px; 454 | height: 2px; 455 | width: 0px; 456 | border-radius: 10px; 457 | transition: all 0.15s ease; 458 | } 459 | .lg-sidebar-list li[class^='lg-nav'] a:hover span[class^='am-icon']:after { 460 | left: 40%; 461 | right: 40%; 462 | width: 20%; 463 | } 464 | /*--输入框*/ 465 | .am-input-group, 466 | .input-group { 467 | transition: box-shadow 0.15s ease; 468 | } 469 | .am-input-group { 470 | border-radius: 0.5rem !important; 471 | } 472 | .am-form-field, 473 | .input-group > .input-wrap > input, 474 | .input-wrap > input { 475 | transition: box-shadow 0.15s ease; 476 | border: none !important; 477 | border-radius: 4px !important; 478 | box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); 479 | } 480 | .am-form-field:focus, 481 | .input-group > .input-wrap > input:focus, 482 | .input-wrap > input:focus { 483 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important; 484 | } 485 | .am-form-field, 486 | .input-group > button { 487 | transition: box-shadow 0.15s ease; 488 | border: none; 489 | border-radius: 4px !important; 490 | box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); 491 | } 492 | .input-group > button { 493 | margin-left: 3px; 494 | } 495 | .am-form-field, 496 | .input-group > button:hover { 497 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important; 498 | } 499 | .am-input-group-sm > .am-form-field, 500 | .am-input-group-sm > .am-input-group-btn > .am-btn, 501 | .am-input-group-sm > .am-input-group-label { 502 | font-size: 1.35rem !important; 503 | } 504 | .am-input-group-label { 505 | background: transparent; 506 | border: none; 507 | } 508 | .am-input-group-danger, 509 | .am-input-group-primary { 510 | box-shadow: none; 511 | } 512 | .am-input-group-danger > .am-input-group-label, 513 | .am-input-group-primary > .am-input-group-label { 514 | border-radius: 0.5rem !important; 515 | outline: none !important; 516 | letter-spacing: 0.05em; 517 | transition: all 0.15s ease; 518 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 519 | color: #fff !important; 520 | margin-bottom: 6px; 521 | height: 33.4px; 522 | } 523 | .am-input-group-danger > .am-input-group-label:hover, 524 | .am-input-group-primary > .am-input-group-label:hover { 525 | box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); 526 | } 527 | .am-input-group-danger > .am-input-group-label:active, 528 | .am-input-group-primary > .am-input-group-label:active { 529 | box-shadow: none; 530 | } 531 | .am-input-group-danger > .am-input-group-label { 532 | border-color: #f5365c; 533 | background-color: #f5365c; 534 | /*#ec0c38*/ 535 | } 536 | .am-input-group-primary > .am-input-group-label { 537 | border-color: #5e72e4; 538 | background-color: #5e72e4; 539 | border-radius: 0.5rem !important; 540 | } 541 | textarea { 542 | box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); 543 | border: none !important; 544 | } 545 | textarea:focus { 546 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important; 547 | } 548 | .lg-input-title { 549 | margin-bottom: 5px; 550 | border-radius: 5px; 551 | border-color: #ddd; 552 | } 553 | /*-特判顶部工具条搜索*/ 554 | #topbar-search-text { 555 | border-radius: 0.5rem 0 0 0.5em !important; 556 | } 557 | #topbar-search { 558 | border-radius: 0 0.5rem 0.5em 0 !important; 559 | border-color: #5e72e4; 560 | background-color: #5e72e4; 561 | } 562 | /*--卡片*/ 563 | .lg-article, 564 | .lg-summary, 565 | .lg-article-sub, 566 | .card { 567 | transition: all 0.15s ease; 568 | box-shadow: 0 5px 15px rgba(50, 50, 93, 0.1), 0 5px 8px rgba(0, 0, 0, 0.07) !important; 569 | word-wrap: break-word; 570 | border-radius: 0.25rem; 571 | background-color: #252d38 !important; 572 | overflow: visible !important; 573 | color: #c4c6c9 !important; 574 | } 575 | .lg-article:hover, 576 | .lg-summary:hover, 577 | .lg-article-sub:hover, 578 | .card:hover { 579 | box-shadow: 0 10px 30px rgba(50, 50, 93, 0.1), 580 | 0 5px 15px rgba(0, 0, 0, 0.07) !important; 581 | } 582 | /*--展开按钮*/ 583 | .expand-tip > span { 584 | color: #c4c6c9 !important; 585 | } 586 | /*--样例*/ 587 | .input > pre, 588 | .output > pre { 589 | background-color: #252d38 !important; 590 | border-color: rgba(150, 150, 200, 0.3); 591 | } 592 | /*--按钮*/ 593 | .am-btn { 594 | outline: none !important; 595 | border: none !important; 596 | letter-spacing: 0.05em; 597 | padding: 8px 18px; 598 | transition: all 0.15s ease; 599 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 600 | color: #fff !important; 601 | margin-bottom: 6px; 602 | } 603 | .am-dropdown > .am-btn { 604 | color: inherit !important; 605 | } 606 | button[type='button'] { 607 | outline: none !important; 608 | /*border: none; fix:与讨论区新前端冲突导致举报按钮样式错误 */ 609 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 610 | transition: all 0.15s ease; 611 | /* margin-bottom: 6px; 612 | padding: 8px 18px; */ 613 | } 614 | .am-btn.am-disabled, 615 | .am-btn[disabled], 616 | fieldset[disabled] .am-btn, 617 | button[type='button'][disabled], 618 | button.disabled[type='button'] { 619 | box-shadow: none; 620 | opacity: 0.65; 621 | } 622 | .am-btn:hover, 623 | button[type='button']:hover { 624 | box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); 625 | transform: translateY(-1px); 626 | } 627 | .am-btn:active, 628 | button[type='button']:active { 629 | box-shadow: none; 630 | } 631 | .am-btn-danger, 632 | .am-btn-danger:hover, 633 | .am-btn-danger:active, 634 | .am-btn-danger:focus, 635 | .am-btn-danger:visited { 636 | border-color: #f5365c; 637 | background-color: #f5365c; 638 | /*#ec0c38*/ 639 | } 640 | .am-btn-primary, 641 | .am-btn-primary:hover, 642 | .am-btn-primary:active, 643 | .am-btn-primary:focus, 644 | a.am-btn-primary:visited { 645 | border-color: #5e72e4; 646 | background-color: #5e72e4; 647 | } 648 | .am-btn-success, 649 | .am-btn-success:hover, 650 | .am-btn-success:active, 651 | .am-btn-success:focus, 652 | a.am-btn-success:visited { 653 | border-color: #2dce89; 654 | background-color: #2dce89; 655 | } 656 | .am-btn-warning, 657 | .am-btn-warning:hover, 658 | .am-btn-warning:active, 659 | .am-btn-warning:focus, 660 | a.am-btn-warning:visited { 661 | border-color: #fb6340; 662 | background-color: #fb6340; 663 | } 664 | /*-复制按钮*/ 665 | .copy-btn { 666 | border-color: #5e72e4 !important; 667 | background-color: #5e72e4 !important; 668 | color: #fff !important; 669 | margin-top: 3px; 670 | } 671 | /*--Tooltip*/ 672 | .tip-twitter { 673 | background: #172b4d; 674 | color: #fff; 675 | border-radius: 50px; 676 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 677 | } 678 | .tip-twitter > div { 679 | font-weight: unset !important; 680 | font-size: 13px !important; 681 | margin-left: 5px; 682 | margin-right: 5px; 683 | } 684 | /*--标签*/ 685 | .am-badge { 686 | border-radius: 50px !important; 687 | padding-left: 10px; 688 | padding-right: 10px; 689 | padding-top: 4px; 690 | padding-bottom: 4px; 691 | transition: all 0.15s; 692 | } 693 | .tag span.lfe-caption, 694 | .difficulty span.lfe-caption { 695 | border-radius: 50px !important; 696 | padding-left: 10px; 697 | padding-right: 10px; 698 | padding-top: 1px; 699 | padding-bottom: 1px; 700 | transition: all 0.15s; 701 | } 702 | .am-badge:hover, 703 | .tag span.lfe-caption:hover, 704 | .difficulty span.lfe-caption:hover { 705 | transform: translateY(-1px); 706 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 707 | } 708 | .am-badge, 709 | .lfe-caption[slot='difficulty'], 710 | .lfe-caption.tag, 711 | .tags-wrap { 712 | overflow: visible !important; 713 | } 714 | .am-badge.lg-bg-red { 715 | background-color: #f80031; 716 | } 717 | .am-badge.lg-bg-orange { 718 | background-color: #ff471d; 719 | } 720 | .am-badge.lg-bg-yellow { 721 | background-color: #ff9d09; 722 | } 723 | .am-badge.lg-bg-green { 724 | background-color: #1aae6f; 725 | } 726 | .am-badge.lg-bg-bluelight { 727 | background-color: #03acca; 728 | } 729 | .am-badge.lg-bg-purple { 730 | background-color: #8e44ad; 731 | } 732 | .am-badge.lg-bg-bluedark { 733 | background-color: #001277; 734 | } 735 | .am-badge.am-badge-warning { 736 | background-color: #fb6340; 737 | } 738 | /*--菜单*/ 739 | .am-dropdown-content { 740 | padding: 1.5rem; 741 | border-radius: 0.25rem; 742 | background: #fff; 743 | width: 300px; 744 | border: none; 745 | margin-top: 5px; 746 | box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 747 | 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); 748 | } 749 | .am-dropdown-content:before, 750 | .am-dropdown-content:after { 751 | display: none !important; 752 | } 753 | /*--私信提示浮窗*/ 754 | .lg-unread { 755 | line-height: 60px; 756 | width: 60px; 757 | height: 60px; 758 | padding: 0; 759 | text-align: center; 760 | border-radius: 50%; 761 | transition: all 0.15s ease; 762 | color: #fff; 763 | background-color: #5e72e4; 764 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 765 | overflow: hidden; 766 | } 767 | /*--消息内容*/ 768 | .am-comment-main { 769 | border: none; 770 | box-shadow: 0 3px 5px rgba(50, 50, 93, 0.1), 0 2px 3px rgba(0, 0, 0, 0.08); 771 | transition: all 0.15s; 772 | } 773 | .am-comment-main:hover { 774 | border: none; 775 | box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); 776 | } 777 | .am-comment-main:before, 778 | .am-comment-main:after { 779 | display: none; 780 | } 781 | /*--标题栏*/ 782 | .main-container > .header-layout { 783 | display: block; 784 | position: relative !important; 785 | left: 0 !important; 786 | right: 0 !important; 787 | /*background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;*/ 788 | border: none; 789 | color: #c4c6c9; 790 | font-weight: unset !important; 791 | } 792 | .main-container > .header-layout .background { 793 | display: none !important; 794 | } 795 | .main-container > .header-layout > .header { 796 | max-width: 1250px; 797 | background: transparent !important; 798 | padding-left: 35px; 799 | position: relative; 800 | } 801 | .main-container > .header-layout > .header .user-nav { 802 | right: 0; 803 | } 804 | @media screen and (max-width: 1475px) { 805 | .main-container > .header-layout > .header { 806 | position: initial; 807 | } 808 | .main-container > .header-layout > .header .user-nav { 809 | right: calc(80px); 810 | } 811 | } 812 | .main-container > .header-layout > .header > h1 { 813 | font-size: 50px; 814 | margin-top: 25px; 815 | padding-bottom: 8px; 816 | animation: fadeInLeft 0.5s ease; 817 | max-width: calc(100vw - 150px); 818 | } 819 | .main-container > main.lfe-body { 820 | position: relative; 821 | margin-top: 30px; 822 | background: transparent !important; 823 | } 824 | 825 | @media screen and (max-width: 576px) { 826 | .main-container > .header-layout > .header { 827 | padding-left: 5px; 828 | } 829 | .main-container > .header-layout > .header > h1 { 830 | font-size: 35px; 831 | } 832 | } 833 | /*-面包屑导航*/ 834 | .main-container > .header-layout .bread-crumb, 835 | .main-container > .header-layout .bread-crumb a { 836 | color: rgba(255, 255, 255, 0.8) !important; 837 | text-decoration: none; 838 | } 839 | .lg-main-content.solution-block { 840 | margin-top: 0 !important; 841 | } 842 | /*-面包屑导航*/ 843 | .main-container > header .bread-crumb, 844 | .main-container > header .bread-crumb a { 845 | color: rgba(255, 255, 255, 0.8) !important; 846 | text-decoration: none; 847 | } 848 | .lg-main-content.solution-block { 849 | margin-top: 0 !important; 850 | } 851 | 852 | /*--列表（旧版）*/ 853 | .lg-content-table-left { 854 | background: #fcfcfc; 855 | box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important; 856 | border-radius: 0.375rem; 857 | margin-top: 20px; 858 | padding-left: 30px; 859 | padding-right: 30px; 860 | padding-bottom: 20px; 861 | position: relative; 862 | } 863 | .lg-content-table-left > .lg-table-row { 864 | width: 100% !important; 865 | box-shadow: none; 866 | background: transparent; 867 | border-radius: 0; 868 | border-bottom: 0.6px solid rgba(0, 0, 0, 0.08); 869 | border-spacing: 2px; 870 | padding-bottom: 20px; 871 | } 872 | .lg-content-table-left > .lg-table-row:last-of-type { 873 | border-bottom: none; 874 | padding-bottom: 0; 875 | } 876 | /*题目列表*/ 877 | .text[data-v-4bbcea26] > .lfe-placeholder { 878 | color: #c4c6c9 !important; 879 | } 880 | .lfe-caption[data-v-04eb14e9] { 881 | color: #c4c6c9 !important; 882 | } 883 | button[data-v-453d795e] { 884 | background-color: #c4c6c9 !important; 885 | border: 0.6px solid rgba(0, 0, 0, 0.08) !important; 886 | } 887 | button[data-v-453d795e].selected { 888 | background-color: #5e72e4 !important; 889 | border: 0.6px solid rgba(0, 0, 0, 0.08) !important; 890 | } 891 | /*--表格*/ 892 | div > .header-wrap { 893 | padding-bottom: 20px !important; 894 | font-size: 17px; 895 | border-bottom: 0.6px solid rgba(0, 0, 0, 0.08) !important; 896 | } 897 | div > .header-wrap .lfe-caption { 898 | box-shadow: none !important; 899 | } 900 | div > .row-wrap { 901 | /*padding: 24px 0 !important;*/ 902 | font-size: 17px; 903 | border-bottom: 0.6px solid rgba(0, 0, 0, 0.08) !important; 904 | } 905 | div > .row-wrap:last-child { 906 | margin-bottom: 30px; 907 | } 908 | div > .row-wrap .lfe-caption { 909 | font-size: 14px; 910 | } 911 | /*-通过率条 tooltip*/ 912 | .rate-wrapper .rate-popup { 913 | transition: all 0.25s ease !important; 914 | display: block !important; 915 | border-radius: 3px; 916 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important; 917 | min-width: 4em; 918 | min-height: 1em; 919 | width: 4em; 920 | height: 1em; 921 | padding: 0 !important; 922 | margin-bottom: -15px; 923 | overflow: hidden !important; 924 | opacity: 0; 925 | color: transparent; 926 | background: transparent; 927 | pointer-events: none; 928 | } 929 | .rate-wrapper:hover .rate-popup { 930 | border-radius: 30px; 931 | margin-bottom: 10px; 932 | min-width: 10em; 933 | min-height: 1em; 934 | width: unset; 935 | height: unset; 936 | padding: 5px 18px !important; 937 | opacity: 0.8; 938 | color: #fff; 939 | background: #172b4d; 940 | } 941 | /*--页码*/ 942 | .am-pagination, 943 | .page-area { 944 | padding-top: 20px; 945 | padding-bottom: 20px; 946 | width: max-content; 947 | width: -moz-max-content; 948 | margin-left: auto; 949 | margin-right: auto; 950 | border-top: none !important; 951 | } 952 | .am-pagination > li > a, 953 | .page-area .page-bar > button { 954 | outline: none !important; 955 | cursor: pointer; 956 | line-height: 1.25; 957 | position: relative; 958 | display: block; 959 | padding: 0.5rem 0.75rem; 960 | color: #8898aa; 961 | border: 0.0625rem solid #dee2e6; 962 | background-color: #fff; 963 | font-size: 15px; 964 | font-weight: unset; 965 | min-width: 36px; 966 | height: 36px; 967 | margin: 0 3px; 968 | border-radius: 100px !important; 969 | align-items: center; 970 | justify-content: center; 971 | transition: all 0.3s; 972 | } 973 | .page-area .page-bar > button:hover { 974 | background-color: #eee; 975 | } 976 | .am-pagination > .am-active > a, 977 | .page-area .page-bar > button[style*='background'] { 978 | color: #fff; 979 | border-color: #5e72e4 !important; 980 | background-color: #5e72e4 !important; 981 | box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); 982 | } 983 | .am-pagination > .am-active > a:hover { 984 | color: #fff; 985 | border-color: #5e72e4; 986 | background-color: #5e72e4; 987 | } 988 | /*-针对单独页码卡片特殊适配消除卡片*/ 989 | .lg-article .pagination-centered:before { 990 | content: ''; 991 | background: #f4f5f7; 992 | width: calc(100% + 35px); 993 | height: calc(100% + 40px); 994 | position: absolute; 995 | left: -15px; 996 | top: -10px; 997 | } 998 | /*--评测详情色块*/ 999 | .lg-record-tile { 1000 | transition: all 0.15s ease; 1001 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1002 | border-radius: 3px; 1003 | } 1004 | .lg-record-tile:hover { 1005 | transition: all 0.15s ease; 1006 | transform: translateY(-5px); 1007 | box-shadow: 0 10px 30px rgba(50, 50, 93, 0.1), 1008 | 0 5px 15px rgba(0, 0, 0, 0.07); 1009 | } 1010 | /*--评测详情色块(新版)*/ 1011 | .test-case-wrap > .wrapper { 1012 | width: 100px; 1013 | height: 100px; 1014 | margin-right: 16px; 1015 | margin-bottom: 12px; 1016 | } 1017 | .test-case-wrap { 1018 | margin-top: 25px; 1019 | } 1020 | .test-case-wrap > .wrapper .test-case { 1021 | width: 100px; 1022 | height: 100px; 1023 | transition: all 0.2s ease; 1024 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1025 | border-radius: 3px; 1026 | padding: 3px; 1027 | } 1028 | .test-case-wrap > .wrapper .test-case:hover { 1029 | transform: translateY(-5px); 1030 | box-shadow: 0 10px 30px rgba(50, 50, 93, 0.1), 1031 | 0 5px 15px rgba(0, 0, 0, 0.07); 1032 | } 1033 | .test-case-wrap > .wrapper .test-case .info { 1034 | width: calc(100% - 10px); 1035 | line-height: 15px; 1036 | font-size: 10px; 1037 | white-space: nowrap; 1038 | overflow: hidden; 1039 | text-overflow: ellipsis; 1040 | } 1041 | .test-case-wrap > .wrapper .test-case:hover .info { 1042 | white-space: normal; 1043 | } 1044 | .test-case-wrap > .wrapper .test-case .id { 1045 | margin-left: 3px; 1046 | } 1047 | .test-case-wrap > .wrapper .test-case .status { 1048 | font-weight: bold; 1049 | font-size: 22px; 1050 | margin-bottom: 5px; 1051 | } 1052 | .test-case-wrap > .wrapper .message { 1053 | transition: all 0.25s ease !important; 1054 | display: block !important; 1055 | border-radius: 3px; 1056 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1057 | min-width: 105px; 1058 | min-height: 105px; 1059 | width: 105px; 1060 | padding: 0; 1061 | margin-top: 40px; 1062 | opacity: 0; 1063 | color: transparent; 1064 | background: transparent; 1065 | pointer-events: none; 1066 | } 1067 | .test-case-wrap > .wrapper:hover .message { 1068 | border-radius: 30px; 1069 | margin-top: -30px; 1070 | min-width: 12em; 1071 | min-height: 1em; 1072 | width: unset; 1073 | height: unset; 1074 | padding: 5px 18px; 1075 | opacity: 0.8; 1076 | color: #fff; 1077 | background: #172b4d; 1078 | } 1079 | .test-case-wrap > .wrapper .test-case[style*='rgb(112, 173, 71)'] { 1080 | background-color: #2dce89 !important; 1081 | } 1082 | .test-case-wrap > .wrapper .test-case[style*='rgb(231, 76, 60)'] { 1083 | background-color: #fb6340 !important; 1084 | } 1085 | .test-case-wrap > .wrapper .test-case[style*='rgb(157, 61, 207)'] { 1086 | background-color: #8e44ad !important; 1087 | } 1088 | .test-case-wrap > .wrapper .test-case[style*='rgb(5, 34, 66)'] { 1089 | background-color: #001277 !important; 1090 | } 1091 | .test-case-wrap > .wrapper .test-case[style*='rgb(14, 29, 105)'] { 1092 | background-color: #34495e !important; 1093 | } 1094 | .test-case-wrap 1095 | > .wrapper 1096 | .test-case[style*='background: rgb(20, 85, 143);'] { 1097 | background-color: #3498db !important; 1098 | } 1099 | /*--头像*/ 1100 | .am-comment-avatar { 1101 | box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 1102 | 0 5px 15px rgba(0, 0, 0, 0.07); 1103 | border: none; 1104 | transition: all 0.15s; 1105 | } 1106 | .am-comment-avatar:hover { 1107 | box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); 1108 | } 1109 | .am-panel-bd .am-comment-avatar, 1110 | .lg-message-content .am-comment-avatar, 1111 | .lg-message-contact .am-comment-avatar, 1112 | .lg-inline-up .am-comment-avatar, 1113 | .lg-header-li .am-comment-avatar { 1114 | box-shadow: none; 1115 | } 1116 | /*--卡片面板*/ 1117 | .am-panel { 1118 | border: none; 1119 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1120 | } 1121 | /*--Footer*/ 1122 | .main-container > .lfe-body:last-child { 1123 | padding: 0; 1124 | margin-top: 204px; 1125 | } 1126 | .main-container > .lfe-body:last-child { 1127 | position: relative; 1128 | } 1129 | .main-container > .lfe-body:last-child .background { 1130 | display: none !important; 1131 | } 1132 | .main-container > .lfe-body:last-child > .footer { 1133 | /*background:linear-gradient(150deg,#7795f8 15%,#6772e5 70%,#555abf 94%) !important;*/ 1134 | max-width: unset !important; 1135 | padding: 25px 35px; 1136 | } 1137 | .main-container > .lfe-body:last-child > .footer a { 1138 | color: #fff !important; 1139 | } 1140 | .main-container > .lfe-body:last-child > .footer .qr-img { 1141 | display: none !important; 1142 | } 1143 | /*--团队成员卡*/ 1144 | .lg-mcard { 1145 | border: none; 1146 | transition: all 0.15s ease; 1147 | box-shadow: 0 2px 3px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1148 | border-radius: 3px; 1149 | } 1150 | .lg-mcard:hover { 1151 | transition: all 0.15s ease; 1152 | transform: translateY(-1px); 1153 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1154 | } 1155 | /*--犇犇Tab条*/ 1156 | /*此处使用了不太好的适配器解决方案，日后可能会优化*/ 1157 | /*.lg-index-benben > .lg-article:nth-of-type(2){ 1158 | box-shadow:none !important; 1159 | background:transparent; 1160 | }*/ 1161 | .feed-selector > a { 1162 | font-weight: 500; 1163 | transition: all 0.15s ease; 1164 | color: #5e72e4; 1165 | background-color: #fff; 1166 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1167 | border-radius: 5px !important; 1168 | height: 50px; 1169 | line-height: 36px; 1170 | } 1171 | .feed-selector.am-active > a { 1172 | color: #fff; 1173 | background: #5e72e4 !important; 1174 | } 1175 | /*--其余Tab条*/ 1176 | .am-nav-tabs li > a { 1177 | font-weight: 500; 1178 | transition: all 0.15s ease; 1179 | color: #5e72e4; 1180 | background-color: #fff; 1181 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1182 | border-radius: 5px !important; 1183 | height: 50px; 1184 | line-height: 36px; 1185 | padding-left: 20px; 1186 | padding-right: 20px; 1187 | border: none !important; 1188 | margin-right: 10px; 1189 | } 1190 | .am-nav-tabs li.am-active > a { 1191 | color: #fff !important; 1192 | background: #5e72e4 !important; 1193 | } 1194 | .am-nav-tabs { 1195 | border: none; 1196 | margin-bottom: 20px; 1197 | } 1198 | .am-tabs-bd { 1199 | border-radius: 5px; 1200 | border: 0.6px solid rgba(0, 0, 0, 0.1); 1201 | background: transparent; 1202 | } 1203 | /*--进度条*/ 1204 | .lg-table-small { 1205 | margin-top: 5px; 1206 | } 1207 | .am-progress, 1208 | .progress-frame { 1209 | border-radius: 0.5rem; 1210 | background-color: #e9ecef; 1211 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 1212 | border: none !important; 1213 | } 1214 | .am-progress-bar-secondary, 1215 | .am-progress-bar, 1216 | .progress-frame > div { 1217 | background-color: #5e72e4 !important; 1218 | } 1219 | /*--复选框*/ 1220 | .am-ucheck-checkbox:checked + .am-ucheck-icons, 1221 | .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, 1222 | .am-ucheck-radio:checked + .am-ucheck-icons, 1223 | .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons { 1224 | color: #5e72e4; 1225 | } 1226 | .am-checkbox .am-icon-unchecked:before, 1227 | .am-checkbox-inline .am-icon-unchecked:before { 1228 | content: ''; 1229 | border: 1px solid rgba(0, 0, 0, 0.1); 1230 | height: 15px; 1231 | width: 15px; 1232 | border-radius: 3px; 1233 | margin-top: 3px; 1234 | } 1235 | /*--404页面*/ 1236 | .lg-info-box > #pic, 1237 | .lg-info-box > .lg-stamp { 1238 | display: none; 1239 | } 1240 | .lg-info-box { 1241 | color: #fff; 1242 | border-color: #555abf; 1243 | background-color: #555abf; 1244 | padding: 1rem 1.5rem; 1245 | border: 0; 1246 | border-radius: 0.25rem; 1247 | min-height: 100px !important; 1248 | } 1249 | .lg-info-box > .am-text-left > h1 { 1250 | margin-bottom: 10px; 1251 | margin-top: 10px; 1252 | } 1253 | .lg-info-box > .am-text-left > p { 1254 | margin-top: 0px; 1255 | margin-bottom: 0; 1256 | } 1257 | .lg-info-box > .am-text-left .lg-small { 1258 | margin-top: 15px; 1259 | margin-bottom: 15px; 1260 | color: rgba(255, 255, 255, 0.6); 1261 | display: block; 1262 | } 1263 | /*--对话框*/ 1264 | .am-modal-dialog { 1265 | box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 1266 | 0 5px 15px rgba(0, 0, 0, 0.17); 1267 | border: 1px solid rgba(0, 0, 0, 0.2); 1268 | border-radius: 0.5rem; 1269 | outline: 0; 1270 | background-color: #fff; 1271 | background-clip: padding-box; 1272 | } 1273 | .am-modal-dialog > #lg-alert-title, 1274 | .am-modal-dialog > #memtitle { 1275 | font-family: inherit; 1276 | font-weight: 400; 1277 | line-height: 1.3; 1278 | color: #32325d; 1279 | text-align: left; 1280 | padding-left: 15px; 1281 | padding-bottom: 15px; 1282 | border-bottom: 0.7px solid rgba(0, 0, 0, 0.1); 1283 | margin-bottom: 15px; 1284 | } 1285 | .am-modal-dialog > #lg-alert-message, 1286 | .am-modal-dialog > #memadmin { 1287 | line-height: 1.3; 1288 | color: #32325d; 1289 | text-align: left; 1290 | padding-left: 15px; 1291 | padding-bottom: 25px; 1292 | padding-top: 10px; 1293 | border-bottom: 0.7px solid rgba(0, 0, 0, 0.1); 1294 | } 1295 | .am-modal-dialog .lg-model-content { 1296 | margin-top: 10px; 1297 | } 1298 | .am-modal-btn { 1299 | outline: none !important; 1300 | border: none !important; 1301 | letter-spacing: 0.05em; 1302 | padding: 8px 18px; 1303 | transition: all 0.15s ease; 1304 | box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); 1305 | color: #fafafa !important; 1306 | height: unset; 1307 | line-height: unset; 1308 | border-radius: 5px !important; 1309 | margin-right: 3px; 1310 | display: inline-block !important; 1311 | } 1312 | .am-modal-btn:hover { 1313 | box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); 1314 | transform: translateY(-1px); 1315 | } 1316 | .am-modal-btn:active { 1317 | box-shadow: none; 1318 | } 1319 | .am-modal-btn, 1320 | .am-modal-btn:hover, 1321 | .am-modal-btn:active, 1322 | .am-modal-btn:focus, 1323 | a.am-modal-btn:visited { 1324 | border-color: #5e72e4; 1325 | background-color: #5e72e4; 1326 | } 1327 | .am-modal-footer { 1328 | width: max-content; 1329 | height: max-content; 1330 | padding: 5px; 1331 | display: block; 1332 | margin-top: 10px; 1333 | margin-bottom: 8px; 1334 | padding-left: 15px; 1335 | } 1336 | /*---PopupMenu*/ 1337 | .popup { 1338 | border: none !important; 1339 | border-radius: 0.3rem !important; 1340 | background-color: #fff !important; 1341 | background-clip: padding-box !important; 1342 | box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.2); 1343 | text-shadow: none; 1344 | padding: 10px !important; 1345 | animation: fade 0.2s ease; 1346 | } 1347 | /*---用户信息Popup*/ 1348 | .main-container 1349 | > .header-layout 1350 | > .header 1351 | nav 1352 | a[href^='/space/show'] 1353 | + div.center, 1354 | .main-container 1355 | > .header-layout 1356 | .user-nav 1357 | a[href^='/space/show'] 1358 | + div.center { 1359 | border: none !important; 1360 | border-radius: 0.3rem !important; 1361 | background-color: #fff !important; 1362 | background-clip: padding-box !important; 1363 | box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.2); 1364 | text-shadow: none; 1365 | padding: 10px !important; 1366 | } 1367 | .main-container 1368 | > .header-layout 1369 | > .header 1370 | nav 1371 | a[href^='/space/show'] 1372 | + div.center 1373 | > .header, 1374 | .main-container 1375 | > .header-layout 1376 | > .header 1377 | nav 1378 | a[href^='/space/show'] 1379 | + div.center 1380 | > footer, 1381 | .main-container 1382 | > .header-layout 1383 | .user-nav 1384 | a[href^='/space/show'] 1385 | + div.center 1386 | > .header-layout, 1387 | .main-container 1388 | > .header-layout 1389 | .user-nav 1390 | a[href^='/space/show'] 1391 | + div.center 1392 | > footer { 1393 | border: none; 1394 | background: transparent; 1395 | } 1396 | .main-container 1397 | > .header-layout 1398 | > .header 1399 | nav 1400 | a[href^='/space/show'] 1401 | + div.center, 1402 | .main-container 1403 | > .header-layout 1404 | .user-nav 1405 | a[href^='/space/show'] 1406 | + div.center { 1407 | display: block !important; 1408 | transform: translate(0, 0px) perspective(0px) rotateX(0deg); 1409 | opacity: 1; 1410 | transition: all 0.25s ease; 1411 | } 1412 | .main-container 1413 | > .header-layout 1414 | > .header 1415 | nav 1416 | a[href^='/space/show'] 1417 | + div.center[style*='none'], 1418 | .main-container 1419 | > .header-layout 1420 | .user-nav 1421 | a[href^='/space/show'] 1422 | + div.center[style*='none'] { 1423 | pointer-events: none; 1424 | opacity: 0; 1425 | transform: translate(0, 10px) perspective(80px) rotateX(-2deg); 1426 | } 1427 | /*---首页 Banner 滚动指示器*/ 1428 | .am-slider-default .am-control-nav li a { 1429 | box-shadow: none; 1430 | transition: all 0.5s ease; 1431 | } 1432 | .am-slider-default .am-control-nav li a.am-active { 1433 | width: 15px; 1434 | background-color: #5e72e4; 1435 | } 1436 | /*---一些细节的处理*/ 1437 | .lg-message-contact:hover { 1438 | /*私信左列hover的颜色*/ 1439 | background: rgba(200, 200, 200, 0.2); 1440 | } 1441 | .lg-message-contact *:not(.am-badge):hover { 1442 | background: transparent; 1443 | } 1444 | .am-selected-list li:hover { 1445 | /*弹出菜单项Hover处理*/ 1446 | background: rgba(200, 200, 200, 0.2) !important; 1447 | } 1448 | /*--针对犇犇样式变化的适配*/ 1449 | /*.lg-index-benben > div.lg-article:nth-of-type(2) { 1450 | background: rgba(255,255,255,.7) !important; 1451 | box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important; 1452 | } 1453 | #home-center-nav { 1454 | background: #f4f5f7 !important; 1455 | position: absolute; 1456 | left: -1px; 1457 | right: -1px; 1458 | top: 0; 1459 | }*/ 1460 | .lg-index-benben div:nth-of-type(4) { 1461 | background: transparent !important; 1462 | box-shadow: none !important; 1463 | padding-left: 0; 1464 | padding-right: 0; 1465 | } 1466 | .lg-index-benben div:nth-of-type(4) #home-center-nav { 1467 | background: transparent; 1468 | } 1469 | .lg-index-benben > ul > li > div > header { 1470 | border-radius: 3px 3px 0px 0px; 1471 | } 1472 | .lg-index-benben > ul > li > div > div { 1473 | border-radius: 0px 0px 3px 3px; 1474 | } 1475 | /* 1476 | #feed { 1477 | margin-top: 45px !important; 1478 | }*/ 1479 | /*--修一个 Markdown 编辑器弹窗时页码覆盖弹窗的玄学 Bug*/ 1480 | #replyarea { 1481 | opacity: 1 !important; 1482 | } 1483 | /*--- Luogu 4 Beta 兼容*/ 1484 | /*--主框架*/ 1485 | /*#app-body > div{ 1486 | max-width: 1250px !important; 1487 | padding-left: 20px !important; 1488 | padding-right: 20px !important; 1489 | width:100%; 1490 | }*/ 1491 | /*--分隔线*/ 1492 | .card hr { 1493 | margin: 0.8em 0; 1494 | height: 0.5px; 1495 | background: rgba(0, 0, 0, 0.08); 1496 | border: none; 1497 | } 1498 | /*适配 Tiny 顶栏*/ 1499 | #app > .main-container > .header-layout.tiny { 1500 | height: 4em !important; 1501 | background: #252d38 !important; 1502 | color: #333 !important; 1503 | } 1504 | #app > .main-container > .header-layout.tiny > .container > nav > a { 1505 | color: #c4c6c9 !important; 1506 | } 1507 | #app > .main-container > .header-layout.tiny > .container > nav > div > a { 1508 | color: #c4c6c9 !important; 1509 | } 1510 | .user-nav > nav > a { 1511 | color: #333 !important; 1512 | } 1513 | .user-nav > nav > div > a { 1514 | color: #333 !important; 1515 | } 1516 | .header-layout.tiny ~ main.lfe-body { 1517 | margin-top: 0px !important; 1518 | } 1519 | /*提交*/ 1520 | /*-提交代码*/ 1521 | .light-black { 1522 | color: #c4c6c9 !important; 1523 | } 1524 | .lang-select > .text { 1525 | background: rgba(150, 150, 200, 0.3); 1526 | } 1527 | .dropdown { 1528 | background-color: #252d38 !important; 1529 | color: #c4c6c9 !important; 1530 | } 1531 | /*-提交文件*/ 1532 | .drop { 1533 | background: none !important; 1534 | border-color: rgba(150, 150, 200, 0.3) !important; 1535 | } 1536 | /*首页*/ 1537 | /*-各种搜索*/ 1538 | input { 1539 | background: rgba(150, 150, 200, 0.3) !important; 1540 | color: black !important; 1541 | border-color: rgba(150, 150, 200, 0.3) !important; 1542 | } 1543 | /*-比赛和讨论*/ 1544 | .am-panel-danger > .am-panel-hd { 1545 | background: rgba(221, 81, 76, 0.43) !important; 1546 | } 1547 | .am-panel-bd { 1548 | background: #252d38ed !important; 1549 | } 1550 | .lg-article > div > textarea { 1551 | background-color: rgba(150, 150, 200, 0.3) !important; 1552 | color: #c4c6c9 !important; 1553 | } 1554 | .feed-selector > a { 1555 | background-color: #252d38 !important; 1556 | color: white !important; 1557 | } 1558 | .am-comment-main > .am-comment-hd { 1559 | background-color: #252d38 !important; 1560 | } 1561 | .am-comment-main > .am-comment-bd { 1562 | background-color: #252d38 !important; 1563 | color: #c4c6c9 !important; 1564 | } 1565 | .btn-edit-reply { 1566 | background-color: #252d38 !important; 1567 | color: #c4c6c9 !important; 1568 | } 1569 | .reply-info { 1570 | background-color: #252d38 !important; 1571 | color: #c4c6c9 !important; 1572 | padding: 0.5em 1.3em 0.5em 1.3em; 1573 | border-radius: 3px; 1574 | } 1575 | .text[data-v-4bbcea26] { 1576 | border: 0.6px solid rgba(150, 150, 200, 0.3) !important; 1577 | } 1578 | .arrow > svg { 1579 | color: rgba(150, 150, 200, 0.3) !important; 1580 | } 1581 | .lg-inline-up > a { 1582 | font-weight: bold; 1583 | } 1584 | .reply-info { 1585 | color: #c4c6c9 !important; 1586 | } 1587 | .card > .row > div > .lfe-caption { 1588 | color: #c4c6c9 !important; 1589 | } 1590 | .btn-actions:nth-child(2) { 1591 | background-color: rgba(231, 76, 60) !important; 1592 | } 1593 | .comment > .author { 1594 | background-color: #252d38 !important; 1595 | } 1596 | .highcharts-axis > text > tspan { 1597 | color: #c4c6c9 !important; 1598 | } 1599 | .grey[data-v-1797e694] { 1600 | color: #c4c6c9 !important; 1601 | } 1602 | .grey[data-v-70c65cc7] { 1603 | color: #c4c6c9 !important; 1604 | } 1605 | /*-顶栏*/ 1606 | a.header-link.color-none { 1607 | color: #c4c6c9 !important; 1608 | } 1609 | /* -手机版按钮*/ 1610 | .switch-btn { 1611 | color: #c4c6c9 !important; 1612 | border: rgba(150, 150, 200, 0.3) solid 0.5px !important; 1613 | box-shadow: rgba(150, 150, 200, 0.3) 0px 0px 2px 1px !important; 1614 | } 1615 | nav[data-v-62ad297f] { 1616 | background-color: #252d38 !important; 1617 | color: #c4c6c9 !important; 1618 | } 1619 | .mobile-nav-container { 1620 | background-color: #252d38 !important; 1621 | color: #c4c6c9 !important; 1622 | } 1623 | /* 特殊字体 */ 1624 | strong, 1625 | text { 1626 | color: #c4c6c9 !important; 1627 | } 1628 | g > text { 1629 | color: #c4c6c9 !important; 1630 | } 1631 | blockquote { 1632 | border-left: 5px solid #777; 1633 | } 1634 | /* 题库 */ 1635 | .border .row { 1636 | border-bottom: rgba(150, 150, 200, 0.3) !important; 1637 | } 1638 | .result-count, 1639 | .number { 1640 | color: #c4c6c9 !important; 1641 | } 1642 | .title { 1643 | color: #c4c6c9 !important; 1644 | } 1645 | .tags > .lfe-caption.tag { 1646 | background: #687582 !important; 1647 | } 1648 | .bottom.float-bottom { 1649 | background-color: #252d38 !important; 1650 | } 1651 | .page-bar > div > button > span { 1652 | color: black !important; 1653 | } 1654 | .input[data-v-66fcc50b] { 1655 | background: none !important; 1656 | } 1657 | /* 评测记录 */ 1658 | .detail.lfe-caption { 1659 | color: #c4c6c9 !important; 1660 | } 1661 | .item > .combo-wrapper.combo > div { 1662 | background-color: #252d38 !important; 1663 | } 1664 | /* Markdown 编辑器 */ 1665 | .mp-editor-toolbar { 1666 | background-color: #252d38 !important; 1667 | } 1668 | .mp-editor-menu > li > a { 1669 | color: #c4c6c9 !important; 1670 | border: none !important; 1671 | } 1672 | .CodeMirror.cm-s-default.CodeMirror-wrap { 1673 | background-color: #252d38 !important; 1674 | color: #c4c6c9 !important; 1675 | } 1676 | .CodeMirror-gutter.CodeMirror-linenumbers { 1677 | background-color: #252d38 !important; 1678 | color: #c4c6c9 !important; 1679 | } 1680 | .mp-preview-area { 1681 | background-color: #252d38 !important; 1682 | } 1683 | .mp-preview-content { 1684 | color: #c4c6c9 !important; 1685 | } 1686 | .CodeMirror-cursor { 1687 | border-left: 1px solid white !important; 1688 | } 1689 | /* 讨论列表 */ 1690 | .lg-content-table-left { 1691 | background-color: #252d38 !important; 1692 | } 1693 | .lg-table-row { 1694 | border-bottom: 0.6px solid rgba(150, 150, 200, 0.3) !important; 1695 | } 1696 | .am-pagination > li > a { 1697 | background-color: #252d38 !important; 1698 | border-color: rgba(150, 150, 200, 0.3) !important; 1699 | } 1700 | .forum-name { 1701 | color: #c4c6c9 !important; 1702 | } 1703 | .forum-container[title='全部板块'] { 1704 | color: rgba(150, 150, 200, 0.3) !important; 1705 | } 1706 | .bottom[data-v-b5709dda] { 1707 | background-color: #252d38 !important; 1708 | color: #c4c6c9 !important; 1709 | padding: 0.5em 1.3em 0.5em 1.3em; 1710 | border-radius: 3px; 1711 | } 1712 | /* 个人主页 */ 1713 | .info-content { 1714 | color: #c4c6c9 !important; 1715 | } 1716 | /* 头像悬浮框 */ 1717 | .dropdown > .center { 1718 | color: #c4c6c9 !important; 1719 | background-color: #252d38 !important; 1720 | border-color: rgba(150, 150, 200, 0.3) !important; 1721 | } 1722 | /* 应用 */ 1723 | .popup { 1724 | background-color: #252d38 !important; 1725 | } 1726 | .popup > div > .color-none { 1727 | color: #c4c6c9 !important; 1728 | } 1729 | /* 题解与云剪贴板渐变 */ 1730 | .expand { 1731 | background: linear-gradient(rgba(255, 255, 255, 0), #252d38) !important; 1732 | } 1733 | /* 我发布的帖子 */ 1734 | .block > .row-wrap > .row > .inner-card { 1735 | background-color: #252d38 !important; 1736 | border-color: rgba(150, 150, 200, 0.3) !important; 1737 | } 1738 | .item-title { 1739 | color: #c4c6c9 !important; 1740 | } 1741 | /* 我加入的团队 */ 1742 | .inner-card.item { 1743 | background-color: #252d38 !important; 1744 | border-color: rgba(150, 150, 200, 0.3) !important; 1745 | } 1746 | /* 互相关注 */ 1747 | .avatar-right > .lfe-caption { 1748 | background-color: #252d38 !important; 1749 | border-color: rgba(150, 150, 200, 0.3) !important; 1750 | } 1751 | /* 通知中心 */ 1752 | .content.marked > p { 1753 | color: #c4c6c9 !important; 1754 | } 1755 | .time { 1756 | color: #c4c6c9 !important; 1757 | } 1758 | /* 私信 */ 1759 | .block > .editor > textarea { 1760 | background-color: #2e3846 !important; 1761 | color: #c4c6c9 !important; 1762 | } 1763 | .list > .item { 1764 | border-color: rgba(150, 150, 200, 0.3) !important; 1765 | } 1766 | .list > .item:hover { 1767 | background-color: #2e3846 !important; 1768 | } 1769 | div.message { 1770 | background-color: #2e3846 !important; 1771 | color: #c4c6c9 !important; 1772 | } 1773 | .message:after { 1774 | border-left-color: #2e3846 !important; 1775 | border-right-color: #2e3846 !important; 1776 | } 1777 | /* 题解工具栏 */ 1778 | .operations.float { 1779 | background-color: #252d38 !important; 1780 | color: #c4c6c9 !important; 1781 | } 1782 | /* 图床 */ 1783 | .radio-group > div > label { 1784 | color: #c4c6c9 !important; 1785 | } 1786 | .radio-group > span { 1787 | color: #c4c6c9 !important; 1788 | } 1789 | /* Extend-Luogu */ 1790 | .exlg-emo-btn { 1791 | background-color: rgba(150, 150, 200, 0.3) !important; 1792 | border: 1px solid rgba(150, 150, 200, 0.3) !important; 1793 | } 1794 | #exlg-dash { 1795 | background-color: rgba(150, 150, 200, 0.3) !important; 1796 | box-shadow: none !important; 1797 | } 1798 | .mp-editor-menu.exlg-show-emo.exlg-show-emo-short { 1799 | background: none; 1800 | } 1801 | .ops > a:hover { 1802 | background-color: rgba(150, 150, 200, 0.3) !important; 1803 | } 1804 | .exlg-beautified-cbex { 1805 | background-color: rgba(150, 150, 200, 0.3) !important; 1806 | } 1807 | /* Luogu Search Anywhere */ 1808 | .searchAnywhereEntrance { 1809 | background-color: rgba(150, 150, 200, 0.3) !important; 1810 | } 1811 | /* 签到日历 */ 1812 | .lg-index-calendar.lg-fg-greendark { 1813 | color: rgba(10, 128, 31, 0.79) !important; 1814 | } 1815 | /* 代码高亮 */ 1816 | p > code { 1817 | background-color: rgba(62, 75, 94, 0.35) !important; 1818 | transition: background-color 0.2s ease-in-out; 1819 | } 1820 | code, 1821 | pre { 1822 | background: none !important; 1823 | border-color: rgba(150, 150, 200, 0.3) !important; 1824 | } 1825 | pre code.hljs { 1826 | display: block !important; 1827 | overflow-x: auto !important; 1828 | padding: 1em !important; 1829 | } 1830 | code.hljs { 1831 | padding: 3px 5px !important; 1832 | } 1833 | .hljs { 1834 | color: #c9d1d9 !important; 1835 | background: none !important; 1836 | } 1837 | .hljs-doctag, 1838 | .hljs-keyword, 1839 | .hljs-meta .hljs-keyword, 1840 | .hljs-template-tag, 1841 | .hljs-template-variable, 1842 | .hljs-type, 1843 | .hljs-variable.language_ { 1844 | color: #ff7b72 !important; 1845 | } 1846 | .hljs-title, 1847 | .hljs-title.class_, 1848 | .hljs-title.class_.inherited__, 1849 | .hljs-title.function_ { 1850 | color: #d2a8ff !important; 1851 | } 1852 | .hljs-attr, 1853 | .hljs-attribute, 1854 | .hljs-literal, 1855 | .hljs-meta, 1856 | .hljs-number, 1857 | .hljs-operator, 1858 | .hljs-selector-attr, 1859 | .hljs-selector-class, 1860 | .hljs-selector-id, 1861 | .hljs-variable { 1862 | color: #79c0ff !important; 1863 | } 1864 | .hljs-meta .hljs-string, 1865 | .hljs-regexp, 1866 | .hljs-string { 1867 | color: #a5d6ff !important; 1868 | } 1869 | .hljs-built_in, 1870 | .hljs-symbol { 1871 | color: #ffa657 !important; 1872 | } 1873 | .hljs-code, 1874 | .hljs-comment, 1875 | .hljs-formula { 1876 | color: #8b949e !important; 1877 | } 1878 | .hljs-name, 1879 | .hljs-quote, 1880 | .hljs-selector-pseudo, 1881 | .hljs-selector-tag { 1882 | color: #7ee787 !important; 1883 | } 1884 | .hljs-subst { 1885 | color: #c9d1d9 !important; 1886 | } 1887 | .hljs-section { 1888 | color: #1f6feb !important; 1889 | font-weight: 700 !important; 1890 | } 1891 | .hljs-bullet { 1892 | color: #f2cc60 !important; 1893 | } 1894 | .hljs-emphasis { 1895 | color: #c9d1d9 !important; 1896 | font-style: italic !important; 1897 | } 1898 | .hljs-strong { 1899 | color: #c9d1d9 !important; 1900 | font-weight: 700 !important; 1901 | } 1902 | .hljs-addition { 1903 | color: #aff5b4 !important; 1904 | background-color: #033a16 !important; 1905 | } 1906 | .hljs-deletion { 1907 | color: #ffdcd7 !important; 1908 | background-color: #67060c !important; 1909 | } 1910 | /* 弹窗 */ 1911 | .swal2-popup { 1912 | background-color: #252d38; 1913 | } 1914 | .swal2-popup .swal2-title { 1915 | color: #c4c6c9 !important; 1916 | } 1917 | .swal2-popup .swal2-content { 1918 | color: #c4c6c9 !important; 1919 | } 1920 | /* 加入题单 */ 1921 | .clone-card { 1922 | background-color: #252d38 !important; 1923 | color: #c4c6c9 !important; 1924 | } 1925 | .combo-wrapper > .text { 1926 | background: none !important; 1927 | } 1928 | .dropdown > ul > li:hover { 1929 | background-color: rgba(150, 150, 200, 0.3) !important; 1930 | } 1931 | /* 团队讨论 */ 1932 | .discuss-container > div > .discuss { 1933 | background: none !important; 1934 | border-color: rgba(150, 150, 200, 0.3) !important; 1935 | } 1936 | /* 团队成员 */ 1937 | .member > .inner-card { 1938 | background: none !important; 1939 | border-color: rgba(150, 150, 200, 0.3) !important; 1940 | } 1941 | /* 题单 */ 1942 | .problem-order { 1943 | background: none !important; 1944 | border-color: rgba(150, 150, 200, 0.3) !important; 1945 | } 1946 | /* 右上角弹窗 */ 1947 | .swal2-popup.swal2-toast.swal2-show { 1948 | background-color: #252d38 !important; 1949 | } 1950 | /* 图床 */ 1951 | .image-block { 1952 | background-color: #252d38 !important; 1953 | border-color: rgba(150, 150, 200, 0.3) !important; 1954 | } 1955 | .side[data-v-7821ddd5] { 1956 | border-color: rgba(150, 150, 200, 0.3) !important; 1957 | } 1958 | .marked[data-v-e5ad98f0] hr { 1959 | border-color: rgba(150, 150, 200, 0.3) !important; 1960 | } 1961 | /* 去广告 */ 1962 | div[data-v-0a593618] { 1963 | display: none !important; 1964 | } 1965 | input::placeholder { 1966 | color: #c4c6c9 !important; 1967 | } 1968 | /* 陶片 */ 1969 | .author[data-v-19de5e77] { 1970 | background-color: #252d38 !important; 1971 | border-bottom: 1px solid rgba(150, 150, 200, 0.3); 1972 | border-radius: 4px 4px 0px 0px !important; 1973 | } 1974 | span[data-v-71731098][data-v-19de5e77] { 1975 | background: none !important; 1976 | border-color: rgba(150, 150, 200, 0.3) !important; 1977 | } 1978 | } 1979 | 1980 | @-moz-document regexp("^((?!blog).)*https://www.luogu.org((?!blog).)*$"), 1981 | regexp("^((?!blog).)*http://www.luogu.org((?!blog).)*$"), 1982 | regexp("^((?!blog).)*https://www2.luogu.org((?!blog).)*$"), 1983 | regexp("^((?!blog).)*http://www2.luogu.org((?!blog).)*$"), 1984 | regexp("^((?!blog).)*https://www.luogu.com.cn((?!blog).)*$"), 1985 | regexp("^((?!blog).)*http://www.luogu.com.cn((?!blog).)*$") 1986 | { 1987 | /*此区域用来应用一些自定义设置*/ 1988 | /*--------------------背景图片，默认是颜色编码*/ 1989 | html > body { 1990 | background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/7ludxt0p.png); 1991 | background-repeat: no-repeat; 1992 | background-size: cover; 1993 | background-position: center; 1994 | background-attachment: fixed; 1995 | } 1996 | 1997 | #app > .main-container > header { 1998 | background: none !important; 1999 | } 2000 | } 2001 | -------------------------------------------------------------------------------- /argon-luogu.user.styl: -------------------------------------------------------------------------------- 1 | 2 | /* ==UserStyle== 3 | @name Argon Luogu Dev 4 | @version 20250527.19.53 5 | @namespace https://userstyles.world/style/18510/argon-luogu-dev 6 | @description 洛谷美化样式。 7 | @author d0j1a1701 8 | @license MIT 9 | @preprocessor stylus 10 | @var checkbox dark-mode "深色模式" 1 11 | @var text font-stack "全局字体" "'Inter','Noto Sans SC'" 12 | @var text font-stack-codeblock "代码块字体" "'Fira Code', 'JetBrains Mono', 'Noto Sans SC'" 13 | @var text main-background "自定义背景" "url(https://cdn.luogu.com.cn/upload/image_hosting/7ludxt0p.png)" 14 | @var checkbox header-acrylic "顶栏亚克力效果" 1 15 | @var checkbox nav-acrylic "侧栏亚克力效果" 1 16 | @var checkbox card-acrylic "卡片亚克力效果" 1 17 | @var checkbox footer-acrylic "底栏亚克力效果" 1 18 | @var checkbox anymore-acrylic "其余亚克力效果" 1 19 | @var checkbox remove-ad "去除洛谷广告" 0 20 | @var checkbox animations "动画" 1 21 | @var checkbox prose-bar "阅读进度条" 1 22 | @var checkbox lock-account "纯享壁纸版锁定账户 " 0 23 | ==/UserStyle== */ 24 | 25 | 26 | @-moz-document regexp("^(https?://www.luogu.com(.cn)?/).*") 27 | @import url('https://fonts.googleapis.com/css2? family=Fira+Code:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Noto+Sans+SC:wght@100..900&display=swap') 28 | //! 字体导入 --------- 29 | 30 | 31 | //! 自定义配置部分 --------- 32 | 33 | // 调色板 34 | if dark-mode 35 | // 全局颜色 36 | body_bg_color = #181c27 // 全局背景色 37 | navbar_bg_color = #1f3144 // 菜单栏背景色 38 | navbar_text_color = #d0d0d0 // 菜单栏文字色 39 | subtitle_color = #d0d0d0 // 副标题颜色（面板外） 40 | text_color = #c4c6c9 // 全局字体色 41 | sec_text_color = #a7a9ad // 次级字体色（摘要、简介等位置） 42 | time_text_color = rgba(126,241,147,0.62) //主页时间字体色 43 | board_color = #252d38 // 面板背景色 44 | post_text_color = #c4c6c9 // 面板字体色 45 | post_heading_color = #c4c6c9 // 面板标题色（h1, h2, h3...） 46 | post_link_color = #1589e9 // 超链接字体色 47 | link_hover_color = #30a9de // 超链接悬浮字体色 48 | link_hover_bg_color = transparent // 超链接悬浮背景色 49 | line_color = #435266 // 分割线颜色 50 | scrollbar_track_color = #181c27 // 滚动槽颜色 51 | scrollbar_thumb_color = #687582 // 滚动条颜色 52 | scrollbar_hover_color = #5e72e4 // 滚动条悬浮色 53 | button_bg_color = transparent // 按钮背景色 54 | button_hover_bg_color = #46647e // 按钮悬浮色 55 | selection_bg_color = #9696c84d // 选中背景色 56 | acrylic_bg_color = #000000 // 亚克力背景色 57 | inlinecode_bg_color = #636e7b66 // 行内代码背景色 58 | // 代码高亮配色： 59 | codeblock_bg_color = #0d1117 60 | hljs_base_color = #c9d1d9 61 | hljs_keyword_color = #ff7b72 62 | hljs_function_color = #d2a8ff 63 | hljs_variable_color = #79c0ff 64 | hljs_string_color = #a5d6ff 65 | hljs_symbol_color = #ffa657 66 | hljs_comment_color = #8b949e 67 | hljs_tag_color = #7ee787 68 | hljs_subst_color = #c9d1d9 69 | hljs_section_color = #1f6feb 70 | hljs_bullet_color = #f2cc60 71 | hljs_emphasis_color = #c9d1d9 72 | hljs_strong_color = #c9d1d9 73 | hljs_addition_color = #aff5b4 74 | hljs_addition_bg_color = #033a16 75 | hljs_deletion_color = #ffdcd7 76 | hljs_deletion_bg_color = #67060c 77 | text_area_color = #eaecef 78 | 79 | else 80 | body_bg_color = #eee 81 | navbar_bg_color = #eeeeee 82 | navbar_text_color = #3c4858 83 | subtitle_color = #fff 84 | text_color = #3c4858 85 | time_text_color = rgba(5, 67, 16, 0.79) 86 | board_color = #fff 87 | post_text_color = #2c3e50 88 | sec_text_color = #718096 89 | post_heading_color = #1a202c 90 | post_link_color = #0366d6 91 | link_hover_color = #30a9de 92 | link_hover_bg_color = transparent 93 | line_color = #eaecef 94 | scrollbar_track_color = #eeeeee 95 | scrollbar_thumb_color = #c4c6c9 96 | scrollbar_hover_color = #a6a6a6 97 | button_hover_bg_color = #f2f3f5 98 | button_bg_color = transparent 99 | selection_bg_color = #95bce3 100 | acrylic_bg_color = #ffffff 101 | text_area_color = #435266 102 | // ! 配置部分结束 --------- 103 | 104 | main-background = body_bg_color unless main-background 105 | 106 | // d0j1a_1701 最爱的亚克力材质 107 | // 基于伪元素的亚克力实现，不会造成层叠混乱 108 | acrylic(arc-opacity=0.5,blur-radius=10px,no_shadow=false) 109 | background none !important 110 | &:before 111 | acr-bgcolor = rgba(acrylic_bg_color, arc-opacity) 112 | background acr-bgcolor !important 113 | backdrop-filter blur(blur-radius) !important unless blur-radius == 0 114 | box-shadow 0 1px 3px rgba(0, 0, 0, .01), 115 | 0 1px 8px rgba(0, 0, 0, 0.2) unless no_shadow !important 116 | content "" 117 | border-radius @border-radius if @border-radius 118 | position absolute 119 | pointer-events none 120 | z-index -1 121 | top 0 122 | left 0 123 | right 0 124 | bottom 0 125 | 126 | // https://stackoverflow.com/questions/44522299/css-only-acrylic-material-from-fluent-design-system 127 | // 直接修改背景的亚克力实现，不需要修改 z-index，不会对 border-radius 造成影响，但可能造成层叠混乱 128 | acrylic-bg(arc-opacity=0.5,blur-radius=10px,no_shadow=false) 129 | acr-bgcolor = rgba(acrylic_bg_color, arc-opacity) 130 | background acr-bgcolor !important 131 | backdrop-filter blur(blur-radius) !important unless blur-radius == 0 132 | box-shadow 0 1px 3px rgba(0, 0, 0, 0.01), 133 | 0 1px 8px rgba(0, 0, 0, 0.2) unless no_shadow !important 134 | // 修改 Markdown 渲染内容样式 135 | markdown-patch() 136 | .marked 137 | a 138 | color post_link_color 139 | 140 | code // 内联代码 141 | background #fff0 !important 142 | border none !important 143 | background codeblock_bg_color !important 144 | border-radius 5px 145 | color hljs_base_color !important 146 | box-shadow none !important 147 | .hljs-doctag, 148 | .hljs-keyword, 149 | .hljs-meta .hljs-keyword, 150 | .hljs-template-tag, 151 | .hljs-template-variable, 152 | .hljs-type, 153 | .hljs-variable.language_ 154 | color hljs_keyword_color if hljs_keyword_color 155 | .hljs-title, 156 | .hljs-title.class_, 157 | .hljs-title.class_.inherited__, 158 | .hljs-title.function_ 159 | color hljs_function_color if hljs_function_color 160 | .hljs-attr, 161 | .hljs-attribute, 162 | .hljs-literal, 163 | .hljs-meta, 164 | .hljs-number, 165 | .hljs-operator, 166 | .hljs-selector-attr, 167 | .hljs-selector-class, 168 | .hljs-selector-id, 169 | .hljs-variable 170 | color hljs_variable_color if hljs_variable_color 171 | .hljs-meta .hljs-string, 172 | .hljs-regexp, 173 | .hljs-string 174 | color hljs_string_color if hljs_string_color 175 | .hljs-built_in, 176 | .hljs-symbol 177 | color hljs_symbol_color if hljs_symbol_color 178 | .hljs-code, 179 | .hljs-comment, 180 | .hljs-formula 181 | color hljs_comment_color if hljs_comment_color 182 | .hljs-name, 183 | .hljs-quote, 184 | .hljs-selector-pseudo, 185 | .hljs-selector-tag 186 | color hljs_tag_color if hljs_tag_color 187 | .hljs-subst 188 | color hljs_subst_color if hljs_subst_color 189 | .hljs-section 190 | color hljs_section_color if hljs_section_color 191 | font-weight 700 192 | .hljs-bullet 193 | color hljs_bullet_color if hljs_bullet_color 194 | .hljs-emphasis 195 | color hljs_emphasis_color if hljs_emphasis_color 196 | font-style italic 197 | .hljs-strong 198 | color hljs_strong_color if hljs_strong_color 199 | font-weight 700 200 | .hljs-addition 201 | color hljs_addition_color if hljs_addition_color 202 | background-color hljs_addition_bg_color if hljs_addition_bg_color 203 | .hljs-deletion 204 | color hljs_deletion_color if hljs_deletion_color 205 | background-color hljs_deletion_bg_color if hljs_deletion_bg_color 206 | pre 207 | &[exlg-copy-code-block] 208 | border-top-left-radius: 0 !important 209 | border-top-right-radius: 0 !important 210 | border-top: none !important 211 | background codeblock_bg_color !important 212 | border none 213 | border-radius 5px 214 | margin-bottom 10px 215 | // 标签样式更改 216 | h1, h2, h3, h4, h5, h6 217 | font-weight 600 !important 218 | color post_heading_color !important 219 | 220 | hr.horizon 221 | background-color line_color !important 222 | 223 | // 代码块 224 | pre:not([.mp-editor-container]) 225 | background codeblock_bg_color !important 226 | border none 227 | border-radius 5px 228 | margin-bottom 10px 229 | &[exlg-copy-code-block] 230 | border-top-left-radius: 0 !important 231 | border-top-right-radius: 0 !important 232 | border-top: none !important 233 | 234 | code 235 | background codeblock_bg_color !important 236 | border-radius 5px 237 | color hljs_base_color !important 238 | box-shadow none !important 239 | 240 | .hljs-doctag, 241 | .hljs-keyword, 242 | .hljs-meta .hljs-keyword, 243 | .hljs-template-tag, 244 | .hljs-template-variable, 245 | .hljs-type, 246 | .hljs-variable.language_ 247 | color hljs_keyword_color if hljs_keyword_color 248 | .hljs-title, 249 | .hljs-title.class_, 250 | .hljs-title.class_.inherited__, 251 | .hljs-title.function_ 252 | color hljs_function_color if hljs_function_color 253 | .hljs-attr, 254 | .hljs-attribute, 255 | .hljs-literal, 256 | .hljs-meta, 257 | .hljs-number, 258 | .hljs-operator, 259 | .hljs-selector-attr, 260 | .hljs-selector-class, 261 | .hljs-selector-id, 262 | .hljs-variable 263 | color hljs_variable_color if hljs_variable_color 264 | .hljs-meta .hljs-string, 265 | .hljs-regexp, 266 | .hljs-string 267 | color hljs_string_color if hljs_string_color 268 | .hljs-built_in, 269 | .hljs-symbol 270 | color hljs_symbol_color if hljs_symbol_color 271 | .hljs-code, 272 | .hljs-comment, 273 | .hljs-formula 274 | color hljs_comment_color if hljs_comment_color 275 | .hljs-name, 276 | .hljs-quote, 277 | .hljs-selector-pseudo, 278 | .hljs-selector-tag 279 | color hljs_tag_color if hljs_tag_color 280 | .hljs-subst 281 | color hljs_subst_color if hljs_subst_color 282 | .hljs-section 283 | color hljs_section_color if hljs_section_color 284 | font-weight 700 285 | .hljs-bullet 286 | color hljs_bullet_color if hljs_bullet_color 287 | .hljs-emphasis 288 | color hljs_emphasis_color if hljs_emphasis_color 289 | font-style italic 290 | .hljs-strong 291 | color hljs_strong_color if hljs_strong_color 292 | font-weight 700 293 | .hljs-addition 294 | color hljs_addition_color if hljs_addition_color 295 | background-color hljs_addition_bg_color if hljs_addition_bg_color 296 | .hljs-deletion 297 | color hljs_deletion_color if hljs_deletion_color 298 | background-color hljs_deletion_bg_color if hljs_deletion_bg_color 299 | 300 | // 修改 Sweetalert 弹窗样式 301 | swal-patch() 302 | .swal2-popup 303 | &:not([style*='transparent']) 304 | acrylic-bg() 305 | h1, h2, h3, h4, h5, h6 306 | color post_heading_color !important 307 | color text_color !important 308 | 309 | .swal2-content 310 | color text_color !important 311 | 312 | // 一些带动画的图标 313 | // 选择器只写了一半是因为逆天 Stylus 编译器会把逗号当作选择器 314 | .swal2-icon > *[style*='rgba(0'], 315 | .swal2-icon > *[style*='rgba(255'] 316 | background none !important 317 | .swal2-success-ring 318 | border-color line_color 319 | 320 | cseditor-patch() 321 | .cs-main, 322 | .cs-header 323 | font-family font-stack-codeblock !important 324 | background rgba(acrylic_bg_color,1) !important 325 | .cs-toolbar 326 | & > div > span > span > span > svg 327 | border none !important 328 | color text_color 329 | &:hover 330 | color link_hover_color !important 331 | background link_hover_bg_color !important 332 | .cs-content 333 | background: #2B2B2B !important 334 | .cs-main 335 | background: #2B2B2B !important 336 | color: #A9B7C6 !important 337 | span.ͼ7 338 | color: #A9B7C6 !important 339 | span.cs-meta 340 | color: #BBB529 !important 341 | span.cs-number 342 | color: #6897BB !important 343 | span.cs-keyword 344 | color: #CC7832 !important 345 | line-height: 1em !important 346 | font-weight: bold !important 347 | span.cs-def 348 | color: #A9B7C6 !important 349 | font-style: italic !important 350 | span.cs-variable 351 | color: #A9B7C6 !important 352 | span.cs-variable-2 353 | color: #A9B7C6 !important 354 | span.cs-variable-3 355 | color: #9876AA !important 356 | span.cs-type 357 | color: #AABBCC !important 358 | font-weight: bold !important 359 | span.cs-property 360 | color: #FFC66D !important 361 | span.cs-operator 362 | color: #A9B7C6 !important 363 | span.cs-string 364 | color: #6A8759 !important 365 | span.cs-string-2 366 | color: #6A8759 !important 367 | span.ͼ5, 368 | span.ͼc 369 | color: #61A151 !important 370 | font-style: italic !important 371 | span.cs-link 372 | color: #CC7832 !important 373 | span.cs-atom 374 | color: #CC7832 !important 375 | span.cs-error 376 | color: #BC3F3C !important 377 | span.cs-tag 378 | color: #629755 !important 379 | font-weight: bold !important 380 | font-style: italic !important 381 | text-decoration: underline !important 382 | span.cs-attribute 383 | color: #6897bb !important 384 | span.cs-qualifier 385 | color: #6A8759 !important 386 | span.cs-bracket 387 | color: #A9B7C6 !important 388 | span.cs-builtin 389 | color: #FF9E59 !important 390 | span.cs-special 391 | color: #FF9E59 !important 392 | span.cs-matchhighlight 393 | color: #FFFFFF !important 394 | background-color: rgba(50, 89, 48, .7) !important 395 | font-weight: normal !important 396 | span.cs-searching 397 | color: #FFFFFF !important 398 | background-color: rgba(61, 115, 59, .7) !important 399 | font-weight: normal !important 400 | .cm-cursor 401 | border-left: 1px solid #A9B7C6 !important 402 | .cs-activeline-background 403 | background: #323232 !important 404 | .cm-gutters, 405 | .cm-activeLineGutter 406 | background: #313335 !important 407 | border-right: 1px solid #313335 !important 408 | .cm-guttermarker 409 | color: #FFEE80 !important 410 | .cm-guttermarker-subtle 411 | color: #D0D0D0 !important 412 | .cs-linenumber 413 | color: #606366 !important 414 | .cs-matchingbracket 415 | background-color: #3B514D !important 416 | color: #FFEF28 !important 417 | font-weight: bold !important 418 | div.cs-selected 419 | background: #214283 !important 420 | .cm-hints 421 | color: #9C9E9E!important 422 | background-color: #3B3E3F !important 423 | .cm-hints .cm-hint-active 424 | background-color: #494D4E !important 425 | color: #9C9E9E !important 426 | .cs-footer 427 | acrylic-bg() 428 | 429 | .ide-toolbar 430 | border-color line_color 431 | background-color: #2B2B2B !important 432 | color text_color 433 | .ide-textarea.lfe-code 434 | border-color transparent !important 435 | background-color #2B2B2B !important 436 | color post_text_color !important 437 | font-family font-stack-codeblock 438 | .panel-divider 439 | background-color line_color 440 | .cm-gutters * 441 | .cm-gutters 442 | border-color line_color !important 443 | background: #2B2B2B !important 444 | 445 | .cm-content 446 | .ͼq .cm-content 447 | font-family font-stack-codeblock !important 448 | .cm-editor 449 | border-color line_color 450 | background: #2B2B2B !important 451 | span.ͼ5 452 | span.ͼb 453 | color rgb(184,151,226) 454 | span.ͼf 455 | span.ͼe 456 | color rgb(133,180,132) 457 | .cm-line 458 | color #ffffff 459 | span.ͼi 460 | color rgb(235,213,166) 461 | span.ͼd 462 | color rgb(228,163,124) 463 | span.ͼg 464 | color rgb(121,159,222) 465 | .cm-cursor 466 | border-left: 1px solid #A9B7C6!important 467 | .cm-selectionLayer * 468 | background: #6c6c6c !important 469 | 470 | mdeditor-patch() 471 | #app:has(.cs-full-screen) > *:not(.main-container) 472 | .main-container:has(.cs-full-screen) footer 473 | div:has(.cs-full-screen) + * 474 | display none 475 | div:has(.cs-full-screen) 476 | position fixed !important 477 | top 0 478 | bottom 0 479 | left 0 480 | right 0 481 | .mp-editor-container 482 | .mp-editor-toolbar 483 | acrylic-bg() 484 | .mp-editor-menu > li > * 485 | border none !important 486 | &:hover 487 | color link_hover_color !important 488 | background link_hover_bg_color !important 489 | .mp-divider 490 | color line_color !important 491 | .ͼ1 .cm-scroller 492 | font-family font-stack-codeblock 493 | if dark-mode 494 | cseditor-patch() 495 | // 设置编辑器字体（预览字体跟随全局字体） 496 | .cs-editor 497 | font-family font-stack-codeblock 498 | .CodeMirror 499 | font-family font-stack-codeblock 500 | .mp-preview-area 501 | acrylic-bg() 502 | .mp-preview-content 503 | color text_color !important 504 | markdown-patch() 505 | & > pre 506 | padding 5pt 5pt 5pt 5pt 507 | border-radius 5px 508 | border-color line_color 509 | main.mobile-body.lfe-body 510 | z-index 1 !important 511 | .radio-group > * 512 | color sec_text_color !important 513 | // 页面展示动画 514 | @keyframes show 515 | 0% 516 | transform translateY(1em) 517 | 100% 518 | transform translateY(0em) 519 | // 页面内部小卡片展示动画 520 | @keyframes inner-show 521 | 0% 522 | transform translateY(0.2em) 523 | 100% 524 | transform translateY(0em) 525 | // 题目标题，讨论标题展示动画 526 | @keyframes title-show 527 | 0% 528 | transform translateX(-0.2em) 529 | 100% 530 | transform translateX(0m) 531 | // 输入框选中动画 532 | @keyframes textarea-checked 533 | 0% 534 | transform scale(1) 535 | 30% 536 | transform scale(1.01) 537 | 70% 538 | transform scale(0.99) 539 | 100% 540 | transform scale(1) 541 | // 头像悬浮动画 542 | @keyframes avatar-hover 543 | 0% 544 | transform scale(1) 545 | 33% 546 | transform scale(1.01) 547 | 66% 548 | transform scale(0.99) 549 | 100% 550 | transform scale(1) 551 | // 所有的文字强制折行 552 | * 553 | word-wrap break-word 554 | word-break break-all 555 | .row 556 | .header 557 | .dropdown 558 | .dropdown .center 559 | .cs-main 560 | .cs-header 561 | .cs-footer 562 | .cs-editor 563 | .mp-editor-container 564 | .mp-editor-ground 565 | .mp-editor-zone 566 | .card 567 | .l-card 568 | border-color line_color !important 569 | // 设置全局背景 570 | body 571 | overflow-x hidden 572 | background body_bg_color 573 | .main-wrapper 574 | background-color transparent !important 575 | footer.main-rect 576 | acrylic-bg() 577 | border-radius 4px 578 | & > hr 579 | display none 580 | color sec_text_color 581 | font-family font-stack 582 | div.main-rect .main-container 583 | acrylic-bg() 584 | & .lfe-h3 585 | & .step-header 586 | & .lfe-h2 587 | & .user 588 | color text_color 589 | & .lfe-caption 590 | color sec_text_color 591 | font-family font-stack 592 | // 全局平滑滚动属性 593 | html, body 594 | scroll-behavior smooth 595 | // 滚动条样式 596 | ::-webkit-scrollbar 597 | background scrollbar_track_color 598 | width 7px 599 | ::-webkit-scrollbar-thumb 600 | background scrollbar_thumb_color 601 | ::-webkit-scrollbar-thumb:hover 602 | background scrollbar_hover_color 603 | 604 | ::-webkit-scrollbar-corner 605 | background-color transparent 606 | 607 | // 这个字体必须改在这里 608 | // body 会被洛谷字体（.lfe-body）覆盖 609 | // 星号会把数学字体干掉 610 | .lfe-body 611 | font-family font-stack, sans-serif !important 612 | 613 | code, .hljs 614 | font-family font-stack-codeblock, monospace !important 615 | 616 | // Markdown 渲染 617 | mdeditor-patch() 618 | 619 | // 背景修改 620 | body 621 | background main-background 622 | background-repeat no-repeat 623 | background-size cover 624 | background-position center 625 | background-attachment fixed 626 | 627 | // 输入框样式修改 628 | input[type=text]:not(.el-input *), input[type=password]:not(.el-input *) 629 | color sec_text_color !important 630 | background none !important 631 | border sec_text_color 1px solid !important 632 | border-radius 6px !important 633 | &:focus 634 | border-color var(--l-simple-select--color,var(--lfe-color--primary,#3498db)) !important 635 | box-shadow none !important 636 | background none !important 637 | &::placeholder 638 | color sec_text_color 639 | // 专栏查询框样式修改 640 | .refined-input 641 | background transparent !important 642 | border-color transparent !important 643 | // 输入框样式修改 644 | textarea:not(.ide-textarea.lfe-code) 645 | color post_text_color !important 646 | font-family font-stack 647 | background none !important 648 | border sec_text_color 1px solid !important 649 | border-radius 6px !important 650 | &:focus 651 | border-color var(--l-simple-select--color,var(--lfe-color--primary,#3498db)) !important 652 | box-shadow none !important 653 | background none !important 654 | if animations 655 | animation .3s linear 0s textarea-checked 656 | 657 | // 输入框默认文字信息 658 | *::placeholder, .lfe-placeholder 659 | color sec_text_color !important 660 | 661 | // 题目列表的难度选择框等 662 | .combo-wrapper 663 | & > .text 664 | color post_text_color !important 665 | background none !important 666 | border sec_text_color 1px solid !important 667 | font-family font-stack 668 | svg 669 | color post_text_color !important 670 | // 算法/来源/时间/状态 按钮样式 671 | button.select-button[style="border-color: rgb(191\, 191\, 191); color: rgb(191\, 191\, 191); background-color: rgba(191\, 191\, 191\, 0);"] 672 | color sec_text_color !important 673 | background none !important 674 | border sec_text_color 1px solid !important 675 | 676 | 677 | // 选择框掉出来的下拉框 678 | .dropdown:not([style^="--dropdown-z-index: 1005;"],:has(.setting-dropdown)) 679 | acrylic() 680 | color sec_text_color !important 681 | border none !important 682 | font-family font-stack 683 | & > ul > li:hover 684 | background button_hover_bg_color !important 685 | // 不得不称赞这个收缩导航栏简直是 Hyprland 玩家福音，终于可以有更大的看题空间了 qwq 686 | .setting-dropdown 687 | acrylic-bg() 688 | color text_color 689 | .user-stat-data > div > div > span 690 | color sec_text_color !important 691 | // 删除广告 692 | if remove-ad 693 | .side:not(.card.wrapper.padding-none > .side) > div:has(.svg-inline--fa.fa-rectangle-ad) 694 | display none 695 | // exlg 代码块 696 | .exlg-code-title 697 | acrylic-bg() 698 | // exlg emoji 699 | .exlg-emo 700 | acrylic-bg() 701 | .exlg-emo-btn 702 | background board_color 703 | color text_color 704 | // 解决 exlg 收起 emoji 时和亚克力冲突 705 | .exlg-emo:not(.exlg-show-emo) 706 | display none 707 | // 代码块 708 | pre:not(.CodeMirror-line), 709 | code 710 | background codeblock_bg_color !important 711 | color hljs_base_color !important 712 | font-family font-stack-codeblock !important 713 | 714 | .ace_editor 715 | font 14pt/normal font-stack-codeblock !important 716 | // 提交代码样式 717 | if dark-mode 718 | .ace_gutter 719 | background: #25282c !important 720 | color: #C5C8C6 721 | .ace_print-margin 722 | width: 1px !important 723 | background: #25282c!important 724 | .ace_editor 725 | background-color: #1D1F21 !important 726 | color: #C5C8C6!important 727 | .ace_cursor 728 | color: #AEAFAD!important 729 | .ace_marker-layer .ace_selection 730 | background: #373B41!important 731 | .ace-clouds.ace_multiselect .ace_selection.ace_start 732 | box-shadow: 0 0 3px 0px #1D1F21!important 733 | .ace_marker-layer .ace_step 734 | background: rgb(102, 82, 0)!important 735 | .ace_marker-layer .ace_bracket 736 | margin: -1px 0 0 -1px!important 737 | border: 1px solid #4B4E55!important 738 | .ace_marker-layer .ace_active-line 739 | background: #282A2E!important 740 | .ace_gutter-active-line 741 | background-color: #282A2E!important 742 | .ace_marker-layer .ace_selected-word 743 | border: 1px solid #373B41!important 744 | .ace_invisible 745 | color: #4B4E55!important 746 | .ace_keyword, 747 | .ace_meta, 748 | .ace_storage, 749 | .ace_storage.ace_type, 750 | .ace_support.ace_type 751 | color: #B294BB!important 752 | .ace_keyword.ace_operator 753 | color: #8ABEB7!important 754 | .ace_constant.ace_character, 755 | .ace_constant.ace_language, 756 | .ace_constant.ace_numeric, 757 | .ace_keyword.ace_other.ace_unit, 758 | .ace_support.ace_constant, 759 | .ace_variable.ace_parameter 760 | color: #DE935F!important 761 | .ace_constant.ace_other 762 | color: #CED1CF!important 763 | .ace_invalid 764 | color: #CED2CF!important 765 | background-color: #DF5F5F!important 766 | .ace_invalid.ace_deprecated 767 | color: #CED2CF!important 768 | background-color: #B798BF!important 769 | .ace_fold 770 | background-color: #81A2BE!important 771 | border-color: #C5C8C6!important 772 | .ace_entity.ace_name.ace_function, 773 | .ace_support.ace_function, 774 | .ace_variable 775 | color: #81A2BE!important 776 | .ace_support.ace_class, 777 | .ace_support.ace_type 778 | color: #F0C674!important 779 | .ace_heading, 780 | .ace_markup.ace_heading, 781 | .ace_string 782 | color: #B5BD68!important 783 | .ace_entity.ace_name.ace_tag, 784 | .ace_entity.ace_other.ace_attribute-name, 785 | .ace_meta.ace_tag, 786 | .ace_string.ace_regexp, 787 | .ace_variable 788 | color: #CC6666!important 789 | .ace_comment 790 | color: #969896!important 791 | .ace_indent-guide 792 | background: url("https://cdn.jsdelivr.net/npm/ace-builds@1.36.2/css/tomorrow_night-1.png") right repeat-y!important 793 | .CodeMirror 794 | background: #2B2B2B !important 795 | color: #A9B7C6 !important 796 | span.cm-header 797 | color: #A9B7C6 !important 798 | span.cm-meta 799 | color: #BBB529 !important 800 | span.cm-number 801 | color: #6897BB !important 802 | span.cm-keyword 803 | color: #CC7832 !important 804 | line-height: 1em !important 805 | font-weight: bold !important 806 | span.cm-def 807 | color: #A9B7C6 !important 808 | font-style: italic !important 809 | span.cm-variable 810 | color: #A9B7C6 !important 811 | span.cm-variable-2 812 | color: #A9B7C6 !important 813 | span.cm-variable-3 814 | color: #9876AA !important 815 | span.cm-type 816 | color: #AABBCC !important 817 | font-weight: bold !important 818 | span.cm-property 819 | color: #FFC66D !important 820 | span.cm-operator 821 | color: #A9B7C6 !important 822 | span.cm-string 823 | color: #6A8759 !important 824 | span.cm-string-2 825 | color: #6A8759 !important 826 | span.cm-comment 827 | color: #61A151 !important 828 | font-style: italic !important 829 | span.cm-link 830 | color: #CC7832 !important 831 | span.cm-atom 832 | color: #CC7832 !important 833 | span.cm-error 834 | color: #BC3F3C !important 835 | span.cm-tag 836 | color: #629755 !important 837 | font-weight: bold !important 838 | font-style: italic !important 839 | text-decoration: underline !important 840 | span.cm-attribute 841 | color: #6897bb !important 842 | span.cm-qualifier 843 | color: #6A8759 !important 844 | span.cm-bracket 845 | color: #A9B7C6 !important 846 | span.cm-builtin 847 | color: #FF9E59 !important 848 | span.cm-special 849 | color: #FF9E59 !important 850 | span.cm-matchhighlight 851 | color: #FFFFFF !important 852 | background-color: rgba(50, 89, 48, .7) !important 853 | font-weight: normal !important 854 | span.cm-searching 855 | color: #FFFFFF !important 856 | background-color: rgba(61, 115, 59, .7) !important 857 | font-weight: normal !important 858 | .CodeMirror-cursor 859 | border-left: 1px solid #A9B7C6 !important 860 | .CodeMirror-activeline-background 861 | background: #323232 !important 862 | .CodeMirror-gutters 863 | background: #313335 !important 864 | border-right: 1px solid #313335 !important 865 | .CodeMirror-guttermarker 866 | color: #FFEE80 !important 867 | .CodeMirror-guttermarker-subtle 868 | color: #D0D0D0 !important 869 | .CodeMirrir-linenumber 870 | color: #606366 !important 871 | .CodeMirror-matchingbracket 872 | background-color: #3B514D !important 873 | color: #FFEF28 !important 874 | font-weight: bold !important 875 | div.CodeMirror-selected 876 | background: #214283 !important 877 | .CodeMirror-hints 878 | color: #9C9E9E!important 879 | background-color: #3B3E3F !important 880 | .CodeMirror-hints .CodeMirror-hint-active 881 | background-color: #494D4E !important 882 | color: #9C9E9E !important 883 | // 旋转动画 884 | div[style="width: 64px; height: 64px; border-width: 4px;"] 885 | border-color text_color text_color #fff0 text_color !important 886 | border-left none 887 | // 分数线 888 | .frac-line 889 | border-color text_color !important 890 | // 即将离开洛谷样式 891 | div[style*="margin: 0 auto; width: 100vw; padding: 2em 0; box-sizing: border-box; max-width: 680px; height: 100%; min-height: 100vh; display: flex; flex-flow: column; justify-content: center;"] > .card 892 | acrylic-bg() 893 | border-radius 6px 894 | & > pre 895 | color hljs_base_color !important 896 | border 1px solid line_color !important 897 | border-radius 6px 898 | & > h3, 899 | & > p 900 | color text_color 901 | // 解决 AT 超长题号导致换行的bug 902 | span[data-v-beeebc6e][title] 903 | color text_color !important 904 | white-space nowrap !important 905 | // 解决洛谷讨论区 footer 没有沉底 906 | .footer 907 | padding-bottom 1.5em !important 908 | // 复选框样式 909 | svg[data-icon="square"] 910 | color sec_text_color !important 911 | svg[data-icon="square"]:hover 912 | color link_hover_color !important 913 | // 页面展示动画 914 | main 915 | .inner-card 916 | if animations 917 | animation 1s ease 0s show 918 | .info-card 919 | overflow-y visible !important 920 | // 解决更多功能按钮背景颜色切换过快 921 | #app > nav.lfe-body .popup a 922 | .dropdown .center .ops a 923 | if animations 924 | transition background .3s 925 | .dropdown .center .ops a 926 | border-radius 6px 927 | // 文字颜色变化 928 | if animations 929 | a 930 | if animations 931 | transition color .3s 932 | // 头像悬浮动画 933 | img[src^="https://cdn.luogu.com.cn/upload/usericon/"]:hover 934 | if animations 935 | animation avatar-hover .5s linear 936 | // 给悬浮在名字上面是出现的卡片加上圆角 937 | .dropdown.shown div .user-header-top 938 | border-radius 6px 6px 0 0 939 | .dropdown.shown div .user-info 940 | border-radius 0 0 6px 6px 941 | // 字体问题 942 | .dropdown.shown div .user-info * 943 | font-family font-stack !important 944 | // 洛谷日爆样式 945 | .page:has(.page-bottom) 946 | margin-top 1em 947 | padding-bottom 2em 948 | padding-top 2em 949 | border-radius 6px 950 | acrylic-bg() 951 | max-width 50vw 952 | & * 953 | max-width 50vw 954 | color text_color 955 | // 翻页条 956 | .page-bar 957 | background transparent !important 958 | button 959 | background board_color !important 960 | border-color line_color !important 961 | &:not(.selected) 962 | background transparent !important 963 | &.selected 964 | & > span 965 | color navbar_text_color !important 966 | span 967 | color sec_text_color !important 968 | img 969 | filter invert(1) !important 970 | .dropdown > .card 971 | margin-bottom 0 972 | .modal p 973 | color text_color 974 | font-family font-stack !important 975 | div#p.O 976 | acrylic() 977 | position: relative 978 | padding: 2em 2em 0.5em 2em 979 | color text_color 980 | .result-count 981 | .result-count > * 982 | color text_color !important 983 | // 旧 UI 984 | @-moz-document regexp("^(https?://www.luogu.com(.cn)?/)(?!(article|problem/solution/|ranking|discuss|problem/[A-Z0-9]|user/setting)).*") 985 | /* 页面布局 */ 986 | // 覆盖掉洛谷主题自带的背景 987 | // 这几个排除是 mask 988 | .background 989 | background none !important 990 | filter none !important 991 | // sweetalert2样式 992 | swal-patch() 993 | // 顶栏样式 994 | body > .header 995 | acrylic-bg() if header-acrylic 996 | .header-layout 997 | if header-acrylic 998 | acrylic() 999 | else 1000 | background board_color 1001 | // background navbar_bg_color unless header-acrylic 1002 | color subtitle_color !important 1003 | 1004 | .header > h1 // 导航栏标题大字 1005 | font-size 50px 1006 | color #ffffff 1007 | 1008 | .functional // 题目页面的按钮和时限栏 1009 | padding-top .7em // 这样不会显得离边太近 1010 | .stat > .color-inverse > .field 1011 | // 无亚克力时 sec_text_color 太深看不清 1012 | border-left-color subtitle_color !important if header-acrylic 1013 | 1014 | color #fff !important if header-acrylic 1015 | border-left-color #fff !important if header-acrylic 1016 | 1017 | // 题目页面的 header-layout 1018 | .header-layout.normal[data-v-7ddab1d5] 1019 | height auto !important // 覆盖原有的固定高度，否则标题放不下 1020 | padding-bottom .7em // 防止时限栏距离边缘太近 1021 | a:hover 1022 | color post_link_color 1023 | 1024 | // 讨论区/题解 的 header-layout 1025 | .header-layout.narrow[data-v-7ddab1d5] 1026 | height auto !important 1027 | a:hover 1028 | color post_link_color 1029 | 1030 | // 首页的 headey-layout 1031 | .header-layout.tiny[data-v-7ddab1d5] 1032 | acrylic() if header-acrylic 1033 | background navbar_bg_color !important unless header-acrylic 1034 | color subtitle_color !important 1035 | a 1036 | color post_text_color 1037 | &:hover 1038 | color post_link_color 1039 | 1040 | // 头像悬浮 1041 | .center 1042 | color post_text_color 1043 | acrylic-bg() 1044 | border none 1045 | .ops > a.color-none:hover 1046 | background button_hover_bg_color 1047 | 1048 | // 页面主体（所有卡片的容器） 1049 | main.lfe-body 1050 | background none !important 1051 | .selected:not(.tag) > span 1052 | color sec_text_color !important 1053 | // 首页 1054 | #app-old 1055 | color post_text_color 1056 | .lg-article // 一堆块 1057 | if card-acrylic 1058 | acrylic-bg(0.6,20px) 1059 | else 1060 | background board_color !important 1061 | border-radius 5px 1062 | .am-hide-sm // 为啥要为友情链接单独设置一个字体颜色？而且这个颜色覆盖到了做题计划分数和对勾的颜色了 1063 | strong //「友情链接」 1064 | color post_heading_color !important 1065 | 1066 | .am-panel // 块里的块 1067 | if anymore-acrylic 1068 | acrylic-bg(0.5,0) 1069 | border none 1070 | else 1071 | background board_color !important 1072 | 1073 | .highcharts-root 1074 | tspan 1075 | // 我也不知道为什么这个颜色不会变 1076 | // 随它去吧，反正我改了 1077 | color sec_text_color !important 1078 | 1079 | .feed-selector > a // 「我关注的」「我发布的」 1080 | border-radius 6px 1081 | &:hover 1082 | background button_hover_bg_color 1083 | color sec_text_color 1084 | 1085 | #feed // 犇犇 1086 | .am-comment-hd, .am-comment-bd // 上半个 1087 | background none 1088 | 1089 | .am-comment-avatar 1090 | border none !important 1091 | 1092 | .am-comment-main:before, .am-comment-main:after 1093 | display none // 隐藏犇犇箭头 1094 | 1095 | .am-comment-main 1096 | border none !important 1097 | border-radius 6px 1098 | if card-acrylic 1099 | acrylic-bg(0.6,10px,true) 1100 | else 1101 | background board_color !important 1102 | 1103 | .feed-comment 1104 | markdown-patch() // 为什么犇犇里面能渲染代码块 1105 | 1106 | // 卡片样式处理 1107 | body > div > .card 1108 | border-radius 6px 1109 | // 卡片背景材质 1110 | if card-acrylic 1111 | acrylic-bg(0.6,20px) 1112 | else 1113 | background board_color !important 1114 | 1115 | color post_text_color !important 1116 | position relative 1117 | &:hover 1118 | if card-acrylic 1119 | acrylic(0.6,20px) 1120 | else 1121 | background board_color !important 1122 | 1123 | .card:not(body > div > .card) 1124 | border-radius 6px 1125 | // 卡片背景材质 1126 | if card-acrylic 1127 | acrylic(0.6,20px) 1128 | else 1129 | background board_color !important 1130 | 1131 | color post_text_color !important 1132 | position relative 1133 | 1134 | markdown-patch() 1135 | 1136 | // 「提交记录」「查看题解」等超链接按钮 1137 | a.color-default 1138 | color post_link_color !important 1139 | border-radius 2px // 这些背景相关属性在设置 link_hover_bg_color 后才生效 1140 | box-sizing border-box 1141 | padding 3px 1142 | a.color-default:hover 1143 | color link_hover_color !important 1144 | background link_hover_bg_color 1145 | 1146 | // 「查看算法标签」「查看讨论」等展开按钮 1147 | .expand-tip > span 1148 | color sec_text_color !important 1149 | 1150 | // 「展开全文」 1151 | .collapsed-wrapper > .expand > .expand 1152 | background none 1153 | border-radius 8px 1154 | padding-top 5em // 拉长一点 1155 | 1156 | // // 把「展开全文」挪到一个更加阳间的地方 1157 | // .collapsed + .expand[data-v-15e4f65b] 1158 | // bottom -2.75em !important 1159 | 1160 | //「创建时间」等说明性小字（data-v-f9624136 是个人简介） 1161 | .lfe-caption:not([data-v-f9624136]) 1162 | color sec_text_color 1163 | 1164 | //「统计数据不实时更新」等小字 1165 | .caption[data-v-1c7f56df] 1166 | color sec_text_color 1167 | 1168 | // 样例 1169 | .input > pre, .output > pre 1170 | background inlinecode_bg_color 1171 | border none !important 1172 | //提交代码 1173 | .drop 1174 | if anymore-acrylic 1175 | acrylic() 1176 | else 1177 | background board_color !important 1178 | 1179 | .card[data-v-6febb0e8] 1180 | border-bottom #fff0 !important 1181 | // 提交代码 1182 | .light-black[data-v-64ec303c] 1183 | color sec_text_color !important 1184 | 1185 | // 评测结果 1186 | // 这一段从旧版贺来的，好看！ 1187 | // 我并不是很想改动这一坨 1188 | .test-case-wrap > .wrapper 1189 | width 100px 1190 | height 100px 1191 | margin-right 16px 1192 | margin-bottom 12px 1193 | .test-case-wrap 1194 | margin-top 25px 1195 | .test-case-wrap > .wrapper .test-case 1196 | width 100px 1197 | height 100px 1198 | transition all 0.2s ease 1199 | box-shadow 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) 1200 | border-radius 3px 1201 | padding 3px 1202 | .test-case-wrap > .wrapper .test-case:hover 1203 | transform translateY(-5px) 1204 | box-shadow 0 10px 30px rgba(50, 50, 93, 0.1), 1205 | 0 5px 15px rgba(0, 0, 0, 0.07) 1206 | .test-case-wrap > .wrapper .test-case .info 1207 | width calc(100% - 10px) 1208 | line-height 15px 1209 | font-size 10px 1210 | white-space nowrap 1211 | overflow hidden 1212 | text-overflow ellipsis 1213 | .test-case-wrap > .wrapper .test-case:hover .info 1214 | white-space normal 1215 | .test-case-wrap > .wrapper .test-case .id 1216 | margin-left 3px 1217 | .test-case-wrap > .wrapper .test-case .status 1218 | font-weight bold 1219 | font-size 22px 1220 | margin-bottom 5px 1221 | 1222 | .test-case-wrap > .wrapper .message 1223 | transition all 0.25s ease !important 1224 | display block !important 1225 | border-radius 3px 1226 | box-shadow 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) 1227 | min-width 105px 1228 | min-height 105px 1229 | width 105px 1230 | padding 0 1231 | margin-top 40px 1232 | opacity 0 1233 | color transparent 1234 | background #00000070 !important 1235 | backdrop-filter blur(10px) !important 1236 | box-shadow 0 10px 30px rgba(0, 0, 0, 0.1), 1237 | 0 1px 8px rgba(0, 0, 0, 0.2) 1238 | pointer-events none 1239 | //洛谷真的纯唐，先向右偏移50%再向左便宜50%这不脱裤子放屁吗 1240 | transform translateX(-50%) translateZ(0) !important 1241 | // 唐氏一样的 Stylus 解析器似乎会把 rgb 里的逗号当作选择器 1242 | // 因此只能用这种奇怪的方法匹配 1243 | // 氩洛谷 AC 的绿色很丑，所以去掉了 1244 | .test-case-wrap > .wrapper 1245 | .test-case[style*='rgb(231'] 1246 | background-color #fb6340 !important 1247 | .test-case[style*='rgb(157'] 1248 | background-color #8e44ad !important 1249 | .test-case[style*='rgb(5'] 1250 | background-color #001277 !important 1251 | .test-case[style*='rgb(14'] 1252 | background-color #34495e !important 1253 | .test-case[style*='rgb(20'] 1254 | background-color #3498db !important 1255 | &:hover .message 1256 | border-radius 6px 1257 | margin-top -30px 1258 | min-width 12em 1259 | min-height 1em 1260 | width unset 1261 | height unset 1262 | padding 5px 18px 1263 | opacity 0.8 1264 | color #c4c6c9 1265 | 1266 | 1267 | // 「全部版块」页面 1268 | .forum-name[data-v-d6def288] 1269 | color sec_text_color !important 1270 | 1271 | .time,time 1272 | color sec_text_color !important 1273 | 1274 | // 私信 1275 | .frame[data-v-66fcc50b] // 唐氏搜索框 1276 | background none !important 1277 | color sec_text_color !important 1278 | 1279 | // 私信列表 1280 | .item[data-v-4d6dca7a]:hover 1281 | background button_hover_bg_color !important 1282 | 1283 | .side > .panel-content[data-v-7821ddd5] 1284 | max-width 60em 1285 | 1286 | // 聊天页面 1287 | .message-block > .message[data-v-5c0627c6] 1288 | acrylic-bg() 1289 | &:after 1290 | display none // 藏掉三角形 1291 | 1292 | // 陶片放逐 1293 | .lfe-caption[data-v-71731098][data-v-19de5e77] 1294 | background none !important 1295 | 1296 | // 提交记录 1297 | .result-count[data-v-0aa18cf0] 1298 | color sec_text_color 1299 | & > .number 1300 | color sec_text_color 1301 | 1302 | // 题解 1303 | .solution-article > .operations.float 1304 | acrylic-bg() 1305 | 1306 | // 题目列表 1307 | div[currenttemplate="ProblemList"] 1308 | .title[data-v-04eb14e9] 1309 | color post_text_color 1310 | span[data-v-beeebc6e][title] 1311 | color text_color !important 1312 | white-space nowrap !important 1313 | 1314 | // 搜索框的放大镜图标 1315 | .frame[data-v-66fcc50b] 1316 | border none !important 1317 | 1318 | .search-icon[data-v-04eb14e9] 1319 | color sec_text_color !important 1320 | position relative 1321 | left -2.625em !important 1322 | top .07em 1323 | 1324 | // 放大镜图标旁边那个勾选框 1325 | .search-option 1326 | margin-left -2em !important 1327 | color post_text_color 1328 | 1329 | // 分类窗口 1330 | .modal > .center[data-v-14c11e75] 1331 | .container>.tag-select-area .section>.title[data-v-abfce16a] 1332 | color post_text_color !important 1333 | .tags > .tag:not(.selected) 1334 | background none !important 1335 | span[data-v-04eb14e9] 1336 | color sec_text_color !important 1337 | div[currenttemplate="ProblemShow"] .side div:nth-child(1) 1338 | z-index 5 1339 | // 题目列表翻页条容器 1340 | .bottom.float-bottom 1341 | acrylic-bg() 1342 | 1343 | // 通知中心 1344 | .title[data-v-71e80b39] 1345 | color post_heading_color 1346 | 1347 | .time[data-v-71e80b39] 1348 | color sec_text_color 1349 | 1350 | .content[data-v-71e80b39] 1351 | color post_text_color 1352 | 1353 | // 个人主页 1354 | .stats > .field > div 1355 | display inline 1356 | border-radius 2px 1357 | box-sizing border-box 1358 | padding 3px 1359 | color post_link_color // 假装这是个链接... 1360 | 1361 | // ⚡系统维护，该内容暂不可见⚡ 1362 | div[style="background-color: rgb(255\, 235\, 236); border-radius: 5px; border: 1px solid rgb(225\, 50\, 56); padding: 1em; font-style: italic;"] // 妈的这 Styl 编译器什么垃圾 1363 | // 不要再生气了拉改好了 1364 | display none !important 1365 | .introduction[data-v-e5ad98f0][style="display: none;"] 1366 | display block !important 1367 | 1368 | // 个人主页「我的团队」等页面的栏 1369 | .inner-card 1370 | acrylic() 1371 | position relative 1372 | border none !important 1373 | border-radius 6px 1374 | [data-v-c0f00ef2] > .lfe-caption[data-v-71731098] 1375 | background none !important 1376 | if animations 1377 | animation 1s ease-in-out 0s inner-show 1378 | .member:hover 1379 | z-index 999 1380 | transition-delay .12s 1381 | .member 1382 | z-index 5 1383 | transition-delay .3s 1384 | .user-header-top > img.avatar 1385 | z-index 999 1386 | .user-info[data-v-17eca14e] 1387 | acrylic-bg() 1388 | .member-list .member[data-v-6937a023] 1389 | white-space wrap 1390 | // 个人主页练习悬浮窗 1391 | .tooltip[data-v-05afcf76] 1392 | position: fixed !important 1393 | @keyframes Canvas-fix-ani 1394 | from 1395 | transform: translateY(0) 1396 | to 1397 | transform: translateY(-10000px) 1398 | animation: Canvas-fix-ani 3s linear !important 1399 | animation-timeline: scroll(root) !important 1400 | animation-range: 0vh 10000px !important 1401 | 1402 | // 一些小字 1403 | .info-content[data-v-8b7f80ba], .caption[data-v-325cf452] 1404 | color sec_text_color 1405 | 1406 | // 图床和提交答案的上传按钮 1407 | .upload-wrapper > .drop 1408 | acrylic-bg() 1409 | border none 1410 | 1411 | // 图床小字 1412 | .radio-group > *[data-v-18fb1b28] 1413 | color sec_text_color 1414 | 1415 | // 图床画廊 1416 | .image-list > .image-block 1417 | // 这里有很多复杂的样式 用亚克力容易出事 先用纯色糊弄一下吧 1418 | background rgba(board_color,0.5) !important 1419 | border none 1420 | .meta 1421 | color sec_text_color 1422 | 1423 | // 图床筛选按钮 1424 | .filters[data-v-102fe30d] 1425 | acrylic() 1426 | 1427 | // footer 1428 | div.lfe-body:not(.header-layout) 1429 | acrylic-bg() if footer-acrylic 1430 | .footer > .qr-img 1431 | display none 1432 | z-index 0 !important 1433 | 1434 | // 侧栏 1435 | #app > nav.lfe-body 1436 | background navbar_bg_color !important unless nav-acrylic 1437 | acrylic() if nav-acrylic 1438 | box-shadow none 1439 | 1440 | & > a 1441 | color post_text_color !important 1442 | height 3.7em 1443 | margin-top 3px 1444 | padding 0 !important 1445 | 1446 | &:first-of-type // Logo 1447 | margin-top 10px !important 1448 | 1449 | .icon 1450 | line-height 2.4em 1451 | font-size 18px 1452 | width 100% 1453 | margin 0 !important 1454 | transition all 0.3s ease 1455 | 1456 | .text 1457 | opacity 0 1458 | margin-top -1em 1459 | display block 1460 | transition all 0.3s ease 1461 | 1462 | &:hover > .icon 1463 | line-height 1.5em 1464 | font-size 17px 1465 | 1466 | &:hover > .text 1467 | opacity 1 1468 | margin-top 0.2em 1469 | 1470 | & > div:first-child 1471 | background none !important if dark-mode 1472 | background navbar_text_color !important unless dark-mode 1473 | 1474 | .popup-button 1475 | margin-top 8px 1476 | color navbar_text_color !important 1477 | 1478 | .popup 1479 | acrylic() 1480 | border none 1481 | border-radius 6px 1482 | a 1483 | color navbar_text_color !important 1484 | border-radius 8px 1485 | &:hover 1486 | background button_hover_bg_color 1487 | // 小bug 1488 | .header h1.lfe-h1 1489 | width 100% 1490 | display flex 1491 | flex-direction row 1492 | align-items center 1493 | padding-bottom .2em 1494 | .header h1.lfe-h1 span[title] 1495 | .header h1.lfe-h1 1496 | white-space wrap 1497 | .header h1.lfe-h1 1498 | if animations 1499 | animation 1s ease-in-out 0s title-show 1500 | 1501 | // 主页bug 1502 | .highcharts-axis-labels > * 1503 | color sec_text_color !important 1504 | fill sec_text_color !important 1505 | .highcharts-axis-title > * 1506 | color sec_text_color !important 1507 | fill sec_text_color !important 1508 | .lg-fg-greendark 1509 | color time_text_color !important 1510 | // 适配exlg随机题目 1511 | .lg-index-content > .am-g:nth-child(2) 1512 | z-index 4 1513 | position relative 1514 | // exlg弹窗 1515 | .exlg-window 1516 | background board_color !important 1517 | color text_color 1518 | box-shadow 0 10px 30px rgba(0, 0, 0, 0.1), 1519 | 0 1px 8px rgba(0, 0, 0, 0.2) !important 1520 | div[data-v-a92a583a] > button 1521 | position relative 1522 | bottom 2px 1523 | .user-header-container 1524 | z-index 5 1525 | .author 1526 | background none !important 1527 | 1528 | // 匹配各种时间小字（讨论区回帖，陶片放逐） 1529 | & > .left > .time, & > .time > time 1530 | color sec_text_color 1531 | // 团队讨论区 1532 | .discuss 1533 | acrylic-bg() 1534 | border none !important 1535 | border-radius 5px 1536 | .light-black 1537 | color sec_text_color !important 1538 | [currenttemplate="UserShow"] .select-header-tiny ul li:not(.selected) span 1539 | color sec_text_color !important 1540 | [currenttemplate="UserShow"] .select-header-tiny ul li.selected span 1541 | color text_color !important 1542 | .delete svg 1543 | color #fff 1544 | .comment 1545 | color sec_text_color !important 1546 | //讨论区 1547 | @-moz-document regexp("^(https?://www.luogu.com(.cn)?/(discuss|article)).*") 1548 | .top-bar h1.lfe-h1 1549 | if animations 1550 | animation 1s ease-in-out 0s title-show 1551 | // 回复样式（解决回复盖住了主页卡片） 1552 | .card:not(.reply-editor):hover 1553 | z-index 6 1554 | transition-property z-index,transform !important 1555 | transition-delay .12s,0s !important 1556 | .card:not(.reply-editor) 1557 | z-index 5 1558 | transition-property z-index,transform !important 1559 | transition-delay .3s,0s !important 1560 | // 编辑区样式 1561 | .edit-reply-container 1562 | z-index 7 !important 1563 | // 解决页码条显示不清楚 1564 | .page-bar 1565 | if card-acrylic 1566 | acrylic-bg() 1567 | else 1568 | background board_color !important 1569 | padding 5pt 5pt 5pt 5pt 1570 | border-radius 6px 1571 | color text_color 1572 | svg + .name 1573 | color text_color !important 1574 | a[title="全部板块"] > svg 1575 | color sec_text_color !important 1576 | a.row.content-left.title.link 1577 | color text_color 1578 | .action > * 1579 | color text_color !important 1580 | time,.time 1581 | color sec_text_color !important 1582 | // 讨论区 bug 1583 | .row.reply-info 1584 | padding 5pt 5pt 5pt 5pt 1585 | margin-top 1.5em 1586 | if card-acrylic 1587 | acrylic-bg(0.6,10px) 1588 | else 1589 | background board_color 1590 | border-radius 6px 1591 | & > * 1592 | padding 0pt 5pt 0pt 5pt 1593 | color text_color 1594 | & > .row, 1595 | & > .row > * 1596 | border-color text_color !important 1597 | .btn-edit-reply // 「编辑回复」（这按钮的位置很唐） 1598 | acrylic() 1599 | color post_text_color 1600 | 1601 | .author 1602 | background none !important 1603 | 1604 | // 匹配各种时间小字（讨论区回帖，陶片放逐） 1605 | & > .left > .time, & > .time > time 1606 | color sec_text_color 1607 | 1608 | // 讨论区楼主 1609 | .grey 1610 | color sec_text_color 1611 | 1612 | .lfe-caption > span 1613 | color text_color 1614 | // 讨论区 1615 | .row-space-between 1616 | color subtitle_color // sec_text_color 太浅看不清 1617 | .lfe-h3.name 1618 | color text_color 1619 | .expand .expand 1620 | z-index 100 1621 | position relative 1622 | top 0 1623 | bottom 0 1624 | left 0 1625 | right 0 1626 | background none !important // 展开按钮如果有背景会显示出一条突兀的色带，不如没有背景 1627 | padding: 4pt 4pt 4pt 4pt 1628 | border-radius 5pt 1629 | display: flex 1630 | align-items center 1631 | justify-content center 1632 | transition-duration 1s 1633 | .expand .expand:hover 1634 | z-index 100 1635 | position relative 1636 | top 0 1637 | bottom 0 1638 | left 0 1639 | right 0 1640 | background none !important 1641 | padding: 4pt 4pt 4pt 4pt 1642 | border-radius 5pt 1643 | display: flex 1644 | align-items: center 1645 | justify-content: center 1646 | // 洛谷专栏 1647 | @-moz-document regexp("^https?://www.luogu.com(.cn)?/article/[A-Za-z0-9]{8}$") 1648 | // 文章区阅读进度条 1649 | @keyframes bar 1650 | 0% 1651 | transform-origin 0 50% 1652 | transform scaleX(0) 1653 | 100% 1654 | transform-origin 0 50% 1655 | transform scaleX(1) 1656 | // sweetalert2样式 1657 | swal-patch() 1658 | // 侧栏样式 1659 | .lside 1660 | background navbar_bg_color !important unless nav-acrylic 1661 | acrylic-bg() if nav-acrylic 1662 | li 1663 | color navbar_text_color !important 1664 | border-radius 8px 1665 | &:hover 1666 | color navbar_text_color !important 1667 | background button_hover_bg_color 1668 | a 1669 | filter none !important 1670 | .title 1671 | color navbar_text_color !important 1672 | // 顶栏样式 1673 | .top-bar 1674 | acrylic-bg() if header-acrylic 1675 | background navbar_bg_color !important unless header-acrylic 1676 | color subtitle_color !important 1677 | .user-nav > a 1678 | color post_text_color 1679 | &:hover 1680 | color post_link_color 1681 | 1682 | 1683 | .main-container > main 1684 | // 卡片背景材质 1685 | if card-acrylic 1686 | acrylic() 1687 | else 1688 | background board_color !important 1689 | 1690 | // 这个栏本来和 .top-bar 是堆在一块的 1691 | // 所以不加这个 position 会导致毛玻璃重叠 1692 | position relative !important 1693 | top 1em 1694 | 1695 | // 将标题栏变成卡片式布局 1696 | border-radius 6px 1697 | box-sizing border-box 1698 | width 100% 1699 | min-width 448px 1700 | max-width 768px 1701 | margin-left auto 1702 | margin-right auto 1703 | 1704 | .banner-content // 作者栏 1705 | color subtitle_color !important 1706 | .meta .label 1707 | color sec_text_color !important 1708 | padding-left 1em // 作者栏和正文对齐，更整齐 1709 | padding-right 1em 1710 | 1711 | div[style="background-color: rgb(255\, 255\, 255);"] 1712 | background none !important 1713 | 1714 | .article-content 1715 | color post_text_color 1716 | markdown-patch() 1717 | .update-info[data-v-318b4974] // 正文底部信息栏 1718 | color sec_text_color !important 1719 | 1720 | .button-2line>*[data-v-d85ccd1e] // 正文底部点赞等按钮 1721 | top 1em 1722 | position relative 1723 | color sec_text_color !important 1724 | &:hover 1725 | color button_hover_bg_color !important 1726 | 1727 | // 右侧目录 1728 | .toc-wrapper 1729 | right -200px !important 1730 | 1731 | .toc[data-v-9c6e88ba] 1732 | border-radius 6px 1733 | padding 1em 1734 | if card-acrylic 1735 | acrylic() 1736 | else 1737 | background board_color 1738 | 1739 | .toc>ul>li[data-v-318b4974]:hover::before, 1740 | .article-content .toc>ul>li.active[data-v-318b4974]::before 1741 | background-color button_hover_bg_color !important 1742 | 1743 | // 点赞按钮 1744 | .actions 1745 | .button-2line[data-v-1ddadd0a] > * 1746 | color post_text_color 1747 | .button-2line[data-v-1ddadd0a]:hover > * 1748 | color link_hover_color 1749 | 1750 | // 评论区 1751 | .article-comment 1752 | position relative 1753 | .lfe-h3 1754 | color post_text_color 1755 | .l-card 1756 | acrylic-bg() 1757 | .lfe-h4 1758 | color post_text_color 1759 | 1760 | // 评论 1761 | .reply-item[data-v-e01570a1] 1762 | .meta 1763 | background none !important 1764 | .time 1765 | color sec_text_color 1766 | 1767 | // 评论区用卡片，为什么正文不用卡片？不知道前端在想什么 1768 | .l-card:not(.float-card) 1769 | acrylic-bg() 1770 | color post_text_color 1771 | 1772 | .label, .lfe-caption 1773 | color sec_text_color !important 1774 | footer 1775 | hr 1776 | display none !important 1777 | acrylic-bg() 1778 | position relative 1779 | top 5em 1780 | color sec_text_color !important 1781 | .toc:hover 1782 | if animations 1783 | transform translateY(-0.3em) !important 1784 | .toc 1785 | if animations 1786 | transition transform .5s 1787 | 1788 | if prose-bar 1789 | .article-content::before 1790 | content "" 1791 | position fixed 1792 | top 0 1793 | left 0 1794 | right 0 1795 | height 5px 1796 | background sec_text_color 1797 | opacity 0.5 1798 | z-index: -114514 1799 | .article-content::after 1800 | content "" 1801 | position fixed 1802 | top 0 1803 | left 0 1804 | right 0 1805 | height 5px 1806 | background text_color 1807 | animation bar 5s linear 1808 | animation-timeline scroll() 1809 | z-index: 101 1810 | // 洛谷新 UI 1811 | @-moz-document regexp("^https?://www.luogu.com(.cn)?/(article|problem/solution|ranking|problem|user/setting|discuss).*$") 1812 | // sweetalert2样式 1813 | swal-patch() 1814 | // 侧栏样式和个人卡片样式 1815 | .lside, 1816 | .rside 1817 | background navbar_bg_color !important unless nav-acrylic 1818 | acrylic-bg() if nav-acrylic 1819 | li 1820 | color navbar_text_color !important 1821 | border-radius 8px 1822 | &:hover 1823 | color navbar_text_color !important 1824 | background button_hover_bg_color 1825 | a 1826 | filter none !important 1827 | .title 1828 | color navbar_text_color !important 1829 | // 顶栏展示动画 1830 | .top-bar 1831 | acrylic-bg() if header-acrylic 1832 | background navbar_bg_color !important unless header-acrylic 1833 | color subtitle_color !important 1834 | .user-nav > a 1835 | color post_text_color 1836 | &:hover 1837 | color post_link_color 1838 | 1839 | .theme-bg 1840 | background none !important 1841 | 1842 | .theme-fg 1843 | acrylic-bg() if header-acrylic 1844 | background navbar_bg_color !important unless header-acrylic 1845 | 1846 | main 1847 | background none !important 1848 | .l-card 1849 | // 卡片背景材质 1850 | if card-acrylic 1851 | acrylic-bg(0.6,20px) 1852 | else 1853 | background board_color !important 1854 | 1855 | color post_text_color 1856 | .comment-filter-line // 评论计数 1857 | color sec_text_color !important 1858 | font-family font-stack 1859 | // 展开全文按钮样式 1860 | .expand > .expand 1861 | z-index 100 1862 | position relative 1863 | top 0 1864 | bottom 0 1865 | left 0 1866 | right 0 1867 | background none !important 1868 | padding: 4pt 4pt 4pt 4pt 1869 | border-radius 5pt 1870 | display: flex 1871 | align-items center 1872 | justify-content center 1873 | transition-duration 1s 1874 | .expand > .expand:hover 1875 | z-index 100 1876 | position relative 1877 | top 0 1878 | bottom 0 1879 | left 0 1880 | right 0 1881 | background none !important 1882 | padding: 4pt 4pt 4pt 4pt 1883 | border-radius 5pt 1884 | display: flex 1885 | align-items center 1886 | justify-content center 1887 | // 解决查看文章看不清 1888 | a[data-v-9f81deee] 1889 | color text_color !important 1890 | .expand[data-v-ea62153a] 1891 | background none 1892 | height 2em 1893 | padding 0pt 0pt 0pt 0pt !important 1894 | // 把每一篇题解卡片化 1895 | .row:has(.solution-article) 1896 | if anymore-acrylic 1897 | acrylic-bg(0.6,2px) 1898 | else 1899 | background board_color !important 1900 | padding 8pt 8pt 8pt 8pt 1901 | margin-top 8pt !important 1902 | border-radius 5pt 1903 | markdown-patch() 1904 | font-family font-stack 1905 | .float 1906 | color text_color 1907 | if anymore-acrylic 1908 | acrylic-bg(0.6,2px) 1909 | else 1910 | background board_color !important 1911 | // 题解旁边的卡片样式 1912 | .lfe-h2:not(.lcolor--red-3) 1913 | color text_color 1914 | // 正文样式 1915 | div[data-v-83fd4045-s] > div > * 1916 | color text_color !important 1917 | .row.info > span[data-v-c83b85a7] 1918 | background board_color 1919 | // 卡片样式 1920 | .l-card 1921 | if card-acrylic 1922 | acrylic-bg() 1923 | else 1924 | background board_color !important 1925 | .l-card 1926 | & > div > h3, 1927 | & > div > div > h4 1928 | color text_color !important 1929 | font-family font-stack 1930 | & > div > div > svg 1931 | color text_color 1932 | // 更多功能样式 1933 | .group-title 1934 | color text_color 1935 | // 锁定按钮样式 1936 | a.action[data-v-4596a371] > * 1937 | color text_color 1938 | // 专栏查询按钮样式 1939 | .refined-input[data-v-33028704] 1940 | background transparent !important 1941 | border-color transparent !important 1942 | & > .east > svg 1943 | padding-left 5pt 1944 | h3.lfe-h3 1945 | color text_color 1946 | div.problem 1947 | acrylic-bg() 1948 | color text_color 1949 | & > h1 1950 | color #ffffff 1951 | .panel-layout.layout-horizontal.ide-container 1952 | background-color: transparent 1953 | .panel.panel-b 1954 | acrylic-bg() 1955 | mdeditor-patch() 1956 | .panel-divider 1957 | background-color line_color !important 1958 | .ide-container 1959 | height calc(100vh - 3.5rem) !important 1960 | .main-container 1961 | position relative 1962 | overflow hidden 1963 | .svg-inline--fa.fa-grid-2.indicator 1964 | color text_color 1965 | .row.title > a 1966 | color #ffffff !important if dark-mode 1967 | .row .content 1968 | color text_color 1969 | .lfe-h4 1970 | color text_color 1971 | .reply-item .meta 1972 | background-color transparent !important 1973 | .solution-article a[href*="/article/"] 1974 | color sec_text_color !important 1975 | .btn-float-open 1976 | background-color board_color !important 1977 | color text_color 1978 | .light-black 1979 | color text_color !important 1980 | 1981 | @-moz-document regexp("^https?://www.luogu.com(.cn)?/ranking\?.*$") 1982 | // 咕值列表大大大大大大大大大大大改动（约等于重构） 1983 | .list-wrap.table 1984 | display grid !important 1985 | .header-wrap 1986 | display grid !important 1987 | .header-wrap > .header 1988 | display grid !important 1989 | grid-template-columns auto auto 3.4% 3.4% 3.4% 3.4% 3.4% 3.4% 7.1% 1990 | grid-column-gap 2.5% 1991 | .header-wrap > .header > *:not(:last-child) 1992 | align-self center 1993 | justify-self center 1994 | padding .5em 0pt .5em 0pt !important 1995 | white-space nowrap !important 1996 | .header-wrap > .header > *:last-child 1997 | align-self center 1998 | padding .5em 0pt .5em 3pt !important 1999 | white-space nowrap !important 2000 | .header-wrap > .header > .small > span > svg[data-icon="sort"] 2001 | color sec_text_color !important 2002 | .row-wrap 2003 | display grid !important 2004 | .row[data-v-83fd4045] 2005 | display grid !important 2006 | grid-template-columns 6% auto 4% 4% 4% 4% 4% 4% 6.6% 2007 | grid-column-gap 2% 2008 | .row > *:not(.uname-row) 2009 | place-self center 2010 | padding 0pt 0pt 0pt 0pt 2011 | white-space nowrap !important 2012 | .row[data-v-83fd4045] > div[data-v-cc5276c4] 2013 | padding-left 8pt 2014 | padding-bottom .5em 2015 | @-moz-document regexp("^https?://www.luogu.com(.cn)?/ranking/elo.*$") 2016 | .list-wrap.table 2017 | display grid !important 2018 | .header-wrap 2019 | display grid !important 2020 | .header-wrap > .header 2021 | display grid !important 2022 | grid-template-columns auto auto 3% 53% 4% 6% 2023 | grid-column-gap 2.5% 2024 | .header-wrap > .header > *:not(:last-child) 2025 | align-self center 2026 | justify-self center 2027 | padding .5em 0pt .5em 0pt !important 2028 | white-space nowrap !important 2029 | .header-wrap > .header > *:last-child 2030 | align-self center 2031 | padding .5em 0pt .5em 3pt !important 2032 | white-space nowrap !important 2033 | .header-wrap > .header > .small > span > svg[data-icon="sort"] 2034 | color sec_text_color !important 2035 | .row-wrap 2036 | display grid !important 2037 | .row[data-v-83fd4045] 2038 | display grid !important 2039 | grid-template-columns 4% 21% 4% auto 4% 4% 2040 | grid-column-gap 0.5% 2041 | .row > *:not(.uname-row):not(:nth-child(4)) 2042 | place-self center 2043 | padding 0pt 0pt 0pt 0pt 2044 | .row > *:nth-child(4) 2045 | padding 0pt 0pt 0pt 0pt 2046 | align-self center 2047 | white-space nowrap !important 2048 | .row[data-v-83fd4045] > div[data-v-cc5276c4] 2049 | padding-left 8pt 2050 | padding-bottom .5em 2051 | .id 2052 | white-space nowrap 2053 | // 纯享壁纸版锁定账户 2054 | @-moz-document regexp("^https?://www.luogu.com(.cn)?/auth/unlock$") 2055 | if lock-account 2056 | .main-container > .wrapper 2057 | display none !important 2058 | #app > nav 2059 | display none !important 2060 | .container 2061 | opacity 0 !important 2062 | transition opacity 0.5s ease-in-out 2063 | .container:hover 2064 | opacity 1 !important 2065 | @-moz-document regexp("^https?://www.luogu.com(.cn)?/theme/list.*$") 2066 | #app 2067 | overflow hidden 2068 | [currenttemplate="ThemeList"] .card 2069 | overflow visible !important 2070 | -------------------------------------------------------------------------------- /screenshots/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ikaleio/argon-luogu/21afcc24d1aa1401cb15ed3cbd899bcf05bc7727/screenshots/1.webp -------------------------------------------------------------------------------- /screenshots/2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ikaleio/argon-luogu/21afcc24d1aa1401cb15ed3cbd899bcf05bc7727/screenshots/2.webp -------------------------------------------------------------------------------- /screenshots/3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ikaleio/argon-luogu/21afcc24d1aa1401cb15ed3cbd899bcf05bc7727/screenshots/3.webp -------------------------------------------------------------------------------- /screenshots/4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Ikaleio/argon-luogu/21afcc24d1aa1401cb15ed3cbd899bcf05bc7727/screenshots/4.webp --------------------------------------------------------------------------------