| 1 | <link rel="preconnect" href="https://fontsapi.zeoseven.com" crossorigin />
|
| 2 | <link rel="stylesheet"
|
| 3 | href="https://fontsapi.zeoseven.com/7/main/result.css"
|
| 4 | onerror="this.href='https://fontsapi-storage.zeoseven.com/7/main/result.css'" />
|
| 5 | <style>
|
| 6 | .hope-ui-light {
|
| 7 | --my-color: rgba(255,255,255,0.4);
|
| 8 | --color-main-custom: #ffffff9e;
|
| 9 | }
|
| 10 | .hope-ui-dark {
|
| 11 | --my-color: rgba(0,0,0,0.4);
|
| 12 | --color-main-custom: #2e2e2e70;
|
| 13 | }
|
| 14 |
|
| 15 | * {
|
| 16 | font-family: "Zhuque Fangsong (technical preview)";
|
| 17 | }
|
| 18 | /* 背景 */
|
| 19 | body {
|
| 20 | background-image: linear-gradient(to bottom, var(--my-color), var(--my-color)), url("https://api.kdcc.cn/") !important;
|
| 21 | background-repeat: no-repeat !important;
|
| 22 | background-size: cover !important;
|
| 23 | background-attachment: fixed !important;
|
| 24 | background-position-x: center !important;
|
| 25 | }
|
| 26 |
|
| 27 | .hope-c-PJLV-igScBhH-css,
|
| 28 | .hope-c-PJLV-ikSuVsl-css,
|
| 29 | .hope-c-PJLV-ieGWMbI-css {
|
| 30 | background-color: #ffffff9e !important;
|
| 31 | backdrop-filter: blur(10px);
|
| 32 | }
|
| 33 |
|
| 34 | .hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
|
| 35 | background-color: var(--hope-colors-neutral3) !important;
|
| 36 | }
|
| 37 |
|
| 38 | .hope-c-PJLV-idaeksS-css,
|
| 39 | .hope-c-PJLV-ikaMhsQ-css {
|
| 40 | background: none !important;
|
| 41 | }
|
| 42 |
|
| 43 | .footer {
|
| 44 | display: none !important;
|
| 45 | }
|
| 46 |
|
| 47 | ::selection {
|
| 48 | background: #fbc2eb;
|
| 49 | color: #fff;
|
| 50 | }
|
| 51 |
|
| 52 | * {
|
| 53 | letter-spacing: 2px;
|
| 54 | }
|
| 55 |
|
| 56 | .hope-ui-dark .markdown-body a {
|
| 57 | color: #fff !important;
|
| 58 | }
|
| 59 |
|
| 60 | .copyright a,
|
| 61 | .copyright .by {
|
| 62 | text-decoration: none;
|
| 63 | }
|
| 64 |
|
| 65 | .copyright .by {
|
| 66 | display: flex;
|
| 67 | align-items: center;
|
| 68 | justify-content: center;
|
| 69 | margin-top: 20px;
|
| 70 | }
|
| 71 |
|
| 72 | .copyright a {
|
| 73 | display: flex;
|
| 74 | justify-content: center;
|
| 75 | margin: 0 10px;
|
| 76 | position: relative;
|
| 77 | transition: .5s;
|
| 78 | }
|
| 79 |
|
| 80 | .copyright .xhx {
|
| 81 | background: pink;
|
| 82 | height: 3px;
|
| 83 | border-radius: 10px;
|
| 84 | width: 0;
|
| 85 | position: absolute;
|
| 86 | bottom: -3px;
|
| 87 | transition: .5s;
|
| 88 | }
|
| 89 |
|
| 90 | .copyright a:hover {
|
| 91 | color: pink;
|
| 92 | }
|
| 93 |
|
| 94 | .copyright a:hover .xhx {
|
| 95 | width: 100%;
|
| 96 | }
|
| 97 |
|
| 98 | .copyright .run_item {
|
| 99 | display: flex;
|
| 100 | align-items: center;
|
| 101 | margin: 10px;
|
| 102 | }
|
| 103 |
|
| 104 | .copyright .link {
|
| 105 | padding: 4px;
|
| 106 | background: #479fff96;
|
| 107 | backdrop-filter: blur(10px);
|
| 108 | border-radius: 0 8px 8px 0;
|
| 109 | }
|
| 110 |
|
| 111 | .copyright .name {
|
| 112 | padding: 4px;
|
| 113 | backdrop-filter: blur(10px);
|
| 114 | background: var(--color-main-custom);
|
| 115 | border-radius: 8px 0 0 8px;
|
| 116 | }
|
| 117 |
|
| 118 | .copyright {
|
| 119 | padding: 50px;
|
| 120 | }
|
| 121 |
|
| 122 | .runtime {
|
| 123 | width: 100%;
|
| 124 | padding: 10px;
|
| 125 | box-sizing: border-box;
|
| 126 | display: flex;
|
| 127 | justify-content: center;
|
| 128 | align-items: center;
|
| 129 | }
|
| 130 |
|
| 131 | .about,
|
| 132 | .state {
|
| 133 | width: min(99%, 980px);
|
| 134 | text-align: center;
|
| 135 | padding-inline: 2%;
|
| 136 | }
|
| 137 |
|
| 138 | .state {
|
| 139 | margin-top: 20px;
|
| 140 | }
|
| 141 | </style>
|
