@charset "UTF-8";
@import url(https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.0/css/bootstrap.min.css);
@import url(https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/sweetalert/1.1.3/sweetalert.min.css);
:root {--accent:#5e72e4;--primary:#1F2023;--secondary:rgba(255, 255, 255, 0.3);;--tertiary:#37383B;--quadinary:#303236;--gray-accent:#8A8F98;}
body {font-family:"Microsoft Yahei","Open Sans",sans-serif;margin:0;color:#333;background:url(light.png), linear-gradient(to top, #5ee7df 0%, #b490ca 100%);font-size:1rem;line-height:1.6;text-shadow: 0px 1px 2px rgb(0 0 0 / 40%);}
/* 修改html和body，去除margin，设置满高，启用flex布局居中 */
html, body {
  height: 100%;
  margin: 0;
  font-family: "Microsoft Yahei", "Open Sans", sans-serif;
  color: #333;
  background: url('light.png'), linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
  font-size: 1rem;
  line-height: 1.6;
  text-shadow: 0px 1px 2px rgb(0 0 0 / 40%);

  /* flex 居中 */
  display: flex;
  justify-content: center;
  align-items: center;
}
h3 {margin-top:0;margin-bottom:8px;color:#333;}
.file-upload-wrap {margin-top:40px;position:relative;}
.wrap{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);}
.dash {padding:80px;}
.container {display:grid;grid-template-columns:minmax(280px,0.4fr) 1fr;gap:48px;align-items:start;position:relative;max-width:1200px;margin:0 auto;}
.nav-col {display:flex;flex-direction:column;align-items:start;justify-content:start;background:var(--secondary);padding:24px;border-radius:10px;position:sticky;top:80px;}
.nav-col h3 {color:#333;position:relative;margin-bottom:8px;padding-right:6px;display:flex;justify-content:start;align-items:center;gap:4px;flex-wrap:wrap;font-size:1.5rem;line-height:1.1;}
.nav-col h3 span {color:inherit;}
.nav-col h3:after {font-size:0.9rem;font-weight:500;line-height:1;color:#f8963a;padding:3px 6px;position:relative;border-radius:0.2rem;background:rgba(248,150,58,0.31);display:inline-block;}
.projects {display:grid;grid-template-columns:1fr;gap:2px;overflow-y:auto;max-height:260px;width:100%;list-style:none;padding:0 16px;direction:rtl;text-align:left;margin-top:16px;}
.projects a {display:block;padding:4px 8px;color:#fff;text-decoration:none;border-radius:3px;transition-property:background,color;transition-duration:0.1s;transition-timing-function:ease-out;}
.projects a:hover {color:#000000 !important;background:#ffffff85;}
.projects::-webkit-scrollbar {width:4px;}
.projects::-webkit-scrollbar-track {background:var(--primary);border-radius:8px;}
.projects::-webkit-scrollbar-thumb {background-color:var(--accent);border-radius:8px;}
.projects .fa{display: inline;padding-right: 5px;}
.search {background:var(--quadinary);padding:12px 12px;width:100%;border-radius:5px;margin-top:12px;color:inherit;border:none;outline:none;-webkit-appearance:textfield;}
.search:focus {border:none;outline:none;}
.cont-col {display:grid;grid-template-columns:1fr;gap:24px;}
.project-card {background:var(--secondary);padding:24px;border-radius:10px;min-height:330px;}
.project-card img {width:30%;}
.top {display:flex;align-items:flex-start;justify-content:start;gap:16px;margin-bottom:24px;}
.top h3 {font-size:1.5rem;line-height:1.2;}
.top img {width:30%;border-radius:3px;}
.boost-wrap {display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media screen and (max-width:1140px) {.boost-wrap {display:grid;grid-template-columns:1fr;}
}

.booster-card {padding:16px;border-radius:3px;display:grid;grid-template-columns:1fr;gap:16px;position:relative;margin-bottom: 6px;}
.booster-card.sue{display: none;}
.booster-card.err{display: none;}
.booster-card .fa{padding-right:5px;}
.boost-name-wrap {display:flex;align-items:start;flex-direction:column;justify-content:start;}
.boost-name {font-size:1rem;margin-bottom:6px;}
.boost-badge {font-size:0.8rem;font-weight:600;text-transform:uppercase;background:rgba(94,114,228,0.3);color:#92a0ed;padding:4px 6px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom: 6px;}
.boost-badge svg {width:15px;height:auto;}
.action-btn-group {display:flex;gap:4px;position:absolute;right:16px;bottom:16px;}
.action-btn-group a {display:flex;justify-content:center;align-items:center;padding:5px;color:white;border-radius:3px;background:#2955ae;}
.action-btn-group a:first-child {background:#bc2f46;}
.action-btn-group a svg {width:20px;height:20px;}
.jb-class {display:flex;gap:4px;position:absolute;right:16px;top:16px;line-height:1;padding:5px;border-radius:3px;background:#6b6b6b;}
.show-boost-btn {display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;padding:8px;background:var(--tertiary);border-radius:3px;color:inherit;transition-property:background;transition-duration:0.3s;transition-timing-function:ease-out;}
.show-boost-btn:hover {background:var(--quadinary);}
.connect {padding:16px;width:100%;margin-top:16px;background:#ffffff85;border-radius:5px;}
.connect a {display:block;text-align:center;text-decoration:none;background:var(--accent);color:white;padding:12px;width:100%;border-radius:3px;transition-property:background;transition-duration:0.3s;transition-timing-function:ease-out;margin-top:12px;}
.connect a:hover {background:#455AD3 !important;}
.connect-top {display:flex;align-items:center;justify-content:space-between;font-size:1.2rem;}
.connect-top svg {witdth:20px;height:20px;}
.connect-top a {margin-top:12px;}
.toggle-wrap {display:flex;align-items:start;justify-content:start;flex-direction:column;gap:4px;}
.toggle-item {display:flex;align-items:center;justify-content:center;}
.toggle-label {color:rgba(57,208,90,0.8);font-size:0.8rem;font-weight:600;text-transform:uppercase;background:rgba(57,208,90,0.15);padding:4px 6px;text-align:center;border-radius:3px;}
.toggle-label.alt {background:rgba(58,169,248,0.31);color:#3aa9f8;margin-bottom: 6px;}
.locked {display:flex;align-items:center;justify-content:center;width:50px;height:24px;background:grey;border-radius:20px;}
.locked svg {width:auto;height:16px;}
.active {color:#000000!important;background:#ffffff85;}
input[type=checkbox] {height:0;width:0;visibility:hidden;margin:0;}
@media screen and (max-width:840px) {.container {display:grid;grid-template-columns:1fr;gap:48px;margin-top: 60%;}
.dash {padding:4%;}
.nav-col {position:relative;top:auto;}
}

@keyframes pulse {0% {opacity:1;transform:scaley(1);}
100% {opacity:0.2;transform:scaley(0.5);}
}
#ajax-progress-ing{display:none;}
.ajax-progress {display:flex;justify-content:center;align-content:center;height:100px;width:100%;margin:20px auto;}
.ajax-progress .throbber {position:relative;width:6px;height:30px;background:#f8963a;animation:pulse 0.5s infinite;animation-delay:0.0666666667s;animation-direction:alternate;}
.ajax-progress .throbber:before,.ajax-progress .throbber:after {content:"";position:absolute;display:block;width:6px;height:30px;background:#f8963a;top:0;animation:pulse 0.5s infinite;animation-direction:alternate;}
.ajax-progress .throbber:before {left:-12px;}
.ajax-progress .throbber:after {left:12px;animation-delay:0.1333333333s;}
@-webkit-keyframes waiting {0% {opacity:0;}
35%,75% {opacity:1;}
100% {opacity:0;}
}
@keyframes waiting {0% {opacity:0;}
35%,75% {opacity:1;}
100% {opacity:0;}
}
@-webkit-keyframes joltBG {0% {opacity:0.3;}
22%,26% {opacity:0.2;}
27%,45% {opacity:0.4;}
46%,76% {opacity:0.5;}
76%,78% {opacity:0.05;}
78% {opacity:0.3;}
100% {opacity:0.3;}
}
@keyframes joltBG {0% {opacity:0.3;}
22%,26% {opacity:0.2;}
27%,45% {opacity:0.4;}
46%,76% {opacity:0.5;}
76%,78% {opacity:0.05;}
78% {opacity:0.3;}
100% {opacity:0.3;}
}
.i-has-teh-code {white-space:pre-wrap;background:#141e1e;color:#dce6e6;margin:0 auto;padding:1em 1em 2.5em 1em;line-height:1.45;position:relative;display: none; border-radius: 5px;}
.i-has-teh-code::-moz-selection {color:#141e1e;background:#dce6e6;}
.i-has-teh-code::selection {color:#141e1e;background:#dce6e6;}
.i-has-teh-code:before {position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;background-color:rgba(50,50,80,0.6);content:"";z-index:100;box-shadow:inset 0px 0px 20px 0px rgba(0,0,60,0.3);background:url('data:image/svg+xml,<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="2px" height="2px" viewBox="0 0 2 2" enable-background="new 0 0 600 600" xml:space="preserve"> <line fill="none" stroke="#000000" stroke-miterlimit="10" x1="0" y1="0.5" x2="600" y2="0.5"/> </svg>');-webkit-animation-name:joltBG;animation-name:joltBG;-webkit-animation-duration:10000ms;animation-duration:10000ms;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.i-has-teh-code:after {position:absolute;pointer-events:none;bottom:0em;left:0em;content:"_";padding:1em;-webkit-animation-name:waiting;animation-name:waiting;-webkit-animation-duration:1200ms;animation-duration:1200ms;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}