:root {
  --cdme-bg: #fff;
  --cdme-header-bg: #f6f8fa;
  --cdme-text: #1f2328;
  --cdme-text-second: #59636e;
  --cdme-a: #59636e;
  --cdme-accent: #0969da;
  --cdme-accent-hover: #0550b1;
  --cdme-scroll: #8b8b8b;
  --cdme-scroll-hover: #636363;
  --cdme-border: #d1d9e0;
  --cdme-overlay: rgba(0, 0, 0, 0);
  --cdme-overlay-active: rgba(0, 0, 0, 0.5);
  --cdme-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
  --cdme-theme-bg: 234, 236, 239;
  --cdme-theme-icon: #59636e;
}

[data-theme=dark] {
  --cdme-bg: #0d1117;
  --cdme-header-bg: #010409;
  --cdme-text: #f0f6fc;
  --cdme-text-second: #9198a1;
  --cdme-a: #9198a1;
  --cdme-accent: #4493f8;
  --cdme-accent-hover: #1c7ed6;
  --cdme-scroll: #9f9f9f;
  --cdme-scroll-hover: #d1d1d1;
  --cdme-border: #3d444d;
  --cdme-overlay: rgba(255, 255, 255, 0);
  --cdme-overlay-active: rgba(255, 255, 255, 0.12);
  --cdme-shadow: 0 2px 18px rgba(255, 255, 255, 0.1);
  --cdme-theme-bg: 20, 25, 31;
  --cdme-theme-icon: #9198a1;
}

:root {
  --cdme-small: 6px;
  --cdme-medium: 16px;
  --cdme-large: 26px;
  --cdme-font-small: 12px;
  --cdme-font-medium: 16px;
  --cdme-font-large: 18px;
  --cdme-radius: 0.368rem;
}

:root {
  --cdme-icon-sun: url('data:image/svg+xml;charset=utf-8,<svg t="1772325560192" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12972" width="200" height="200"><path d="M240.64 725.333333l-30.293333 30.293334a42.666667 42.666667 0 0 0 0 60.16 42.666667 42.666667 0 0 0 60.16 0l30.293333-30.293334A42.666667 42.666667 0 0 0 240.64 725.333333zM213.333333 512a42.666667 42.666667 0 0 0-42.666666-42.666667H128a42.666667 42.666667 0 0 0 0 85.333334h42.666667a42.666667 42.666667 0 0 0 42.666666-42.666667z m298.666667-298.666667a42.666667 42.666667 0 0 0 42.666667-42.666666V128a42.666667 42.666667 0 0 0-85.333334 0v42.666667a42.666667 42.666667 0 0 0 42.666667 42.666666zM240.64 300.8a42.666667 42.666667 0 0 0 29.866667 12.373333 42.666667 42.666667 0 0 0 30.293333-12.373333 42.666667 42.666667 0 0 0 0-60.16l-30.293333-30.293333a42.666667 42.666667 0 0 0-60.16 60.16z m512 12.373333a42.666667 42.666667 0 0 0 29.866667-12.373333l30.293333-30.293333a42.666667 42.666667 0 1 0-60.16-60.16l-27.306667 30.293333a42.666667 42.666667 0 0 0 0 60.16 42.666667 42.666667 0 0 0 28.16 12.373333zM896 469.333333h-42.666667a42.666667 42.666667 0 0 0 0 85.333334h42.666667a42.666667 42.666667 0 0 0 0-85.333334z m-384 341.333334a42.666667 42.666667 0 0 0-42.666667 42.666666v42.666667a42.666667 42.666667 0 0 0 85.333334 0v-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666666z m271.36-85.333334A42.666667 42.666667 0 0 0 725.333333 783.36l30.293334 30.293333a42.666667 42.666667 0 0 0 60.16 0 42.666667 42.666667 0 0 0 0-60.16zM512 277.333333a234.666667 234.666667 0 1 0 234.666667 234.666667A235.093333 235.093333 0 0 0 512 277.333333z m0 384a149.333333 149.333333 0 1 1 149.333333-149.333333 149.333333 149.333333 0 0 1-149.333333 149.333333z" p-id="12973"></path></svg>');
  --cdme-icon-moon: url('data:image/svg+xml;charset=utf-8,<svg t="1772281965505" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3955" width="200" height="200"><path d="M516.266667 938.666667h-38.4c-234.666667-21.333333-405.333333-230.4-384-465.066667 17.066667-204.8 179.2-366.933333 384-384 17.066667 0 34.133333 8.533333 42.666666 21.333333 8.533333 12.8 8.533333 34.133333-4.266666 46.933334-85.333333 115.2-59.733333 273.066667 55.466666 358.4 89.6 68.266667 213.333333 68.266667 302.933334 0 12.8-8.533333 29.866667-12.8 46.933333-4.266667 12.8 8.533333 21.333333 25.6 21.333333 42.666667-8.533333 115.2-64 217.6-153.6 290.133333-81.066667 59.733333-174.933333 93.866667-273.066666 93.866667zM396.8 187.733333c-123.733333 42.666667-213.333333 153.6-221.866667 290.133334-17.066667 187.733333 119.466667 354.133333 307.2 371.2 89.6 8.533333 179.2-17.066667 247.466667-76.8 46.933333-38.4 81.066667-89.6 102.4-145.066667-106.666667 38.4-226.133333 21.333333-320-46.933333-119.466667-93.866667-166.4-251.733333-115.2-392.533334z" p-id="3956"></path></svg>');
}

.cdme-icon {
  width: 34px;
  height: 34px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: pointer;
  background-color: var(--cdme-theme-icon);
  transition: background-color 0.3s, -webkit-mask-image 0.3s;
}

[data-theme=light] .icon-mask {
  -webkit-mask-image: var(--cdme-icon-moon);
  mask-image: var(--cdme-icon-moon);
}

[data-theme=dark] .icon-mask {
  -webkit-mask-image: var(--cdme-icon-sun);
  mask-image: var(--cdme-icon-sun);
}

:root {
  --cdme-scratch-bg: #eceef0;
  --cdme-scratch-text: #1f2328;
  --cdme-scratch-radius: 0.368rem;
  --cdme-scratch-padding: 6px;
}

[data-theme=dark] {
  --cdme-scratch-bg: #1e232a;
  --cdme-scratch-text: #f0f6fc;
}

cdme-mss {
  background: var(--cdme-scratch-bg);
  border-radius: var(--cdme-scratch-radius);
  color: transparent;
  transition: all 0.26s ease;
  -moz-transition: all 0.26s ease;
  -webkit-transition: all 0.26s ease;
  -o-transition: all 0.26s ease;
  cursor: pointer;
  padding: 0 var(--cdme-scratch-padding);
}

cdme-mss:hover {
  background: 0 0;
  color: var(--cdme-scratch-text);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--cdme-bg);
  color: var(--cdme-text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background-color: var(--cdme-bg);
  border-radius: var(--cdme-radius);
}

body::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: var(--cdme-radius);
  background-color: var(--cdme-scroll);
}

body::-webkit-scrollbar-thumb:hover {
  background-color: var(--cdme-scroll-hover);
}

a {
  text-decoration: none;
  cursor: pointer;
  text-underline-offset: 0.2rem;
}

p,
span {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100vh;
  width: 100%;
}
.container header {
  background-color: var(--cdme-header-bg);
  position: relative;
  z-index: 99;
  width: 100%;
  display: flex;
  align-items: center;
}
.container header .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  padding: 8px 26px;
}
@media (max-width: 768px) {
  .container header .header {
    padding: 8px var(--cdme-medium);
  }
}
.container header .logo {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  font-size: 1.26rem;
  font-weight: 600;
}
.container header .logo .prompt {
  margin-right: 6px;
  color: var(--cdme-accent);
}
.container header .logo .cd-me {
  color: var(--cdme-text);
}
.container header .logo .cursor {
  margin-left: 6px;
  color: var(--cdme-accent);
  animation: blink 1s step-end infinite;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.container main {
  display: flex;
  flex: 1;
  width: 100%;
}
.container main .main {
  display: flex;
  flex: 1;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--cdme-large);
}
@media (max-width: 768px) {
  .container main .main {
    padding: 0 var(--cdme-medium);
  }
}
.container .about {
  width: 100%;
  box-sizing: border-box;
  padding-top: var(--cdme-large);
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .container .about {
    padding-top: var(--cdme-medium);
  }
}
.container .about h1 {
  margin-bottom: 2rem;
}
.container .about p {
  font-size: 1rem;
  margin-bottom: var(--cdme-small);
}
.container .about a {
  color: var(--cdme-accent);
  font-weight: 500;
}
.container .about a:hover {
  color: var(--cdme-accent-hover);
  text-decoration: underline;
}
.container .about .section {
  margin-bottom: var(--cdme-large);
}
.container .about .section .tips {
  position: relative;
  margin-bottom: 1rem;
  display: inline-flex;
  cursor: pointer;
}
.container .about .section .tips h2 {
  margin-bottom: 0.2rem;
}
.container .about .section .tips .tips-line {
  position: absolute;
  bottom: -0.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 97%;
  height: 3px;
  border-radius: var(--cdme-radius);
  background-color: var(--cdme-accent);
  transition: width 0.4s ease, background 0.4s ease, opacity 0.4s ease;
}
.container .about .section .tips:hover {
  color: var(--cdme-accent);
}
.container .about .section .tips:hover .tips-line {
  width: 100%;
}
.container footer {
  width: 100%;
  flex-shrink: 0;
}
.container footer .footer {
  padding: 6px 12px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.97rem;
  text-align: center;
  gap: 6px;
}
.container footer .footer .txt {
  color: var(--cdme-a);
}
.container footer .footer .link {
  color: var(--cdme-text-second);
  text-decoration: underline;
}
.container footer .footer .link:hover {
  color: var(--cdme-accent);
}
.container .theme {
  position: fixed;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  cursor: pointer;
  background-color: rgba(var(--cdme-theme-bg), 0.3);
  border-radius: 0.2rem;
  transition: transform 0.2s ease, background-color 0.3s;
  z-index: 100;
}
.container .theme .icon-mask {
  width: 26px;
  height: 26px;
}

/*# sourceMappingURL=style.css.map */