body {
  background: #0a0714;
  font-family: "SFMono-Regular", "Cascadia Code", "Roboto Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
}
@media (max-width: 33.9em) {
  body {
    font-size: 0.7em;
  }
}
.bg-gradient {
  background: #100a1e;
  background: -moz-linear-gradient(top, #100a1e 0%, #35237a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #100a1e), color-stop(100%, #35237a));
  background: -webkit-linear-gradient(top, #100a1e 0%, #35237a 100%);
  background: -o-linear-gradient(top, #100a1e 0%, #35237a 100%);
  background: -ms-linear-gradient(top, #100a1e 0%, #35237a 100%);
  background: linear-gradient(to bottom, #100a1e 0%, #35237a 100%);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -2;
}
.bg-pattern {
  background: url("../img/bg-pattern.png") repeat;
  opacity: 0.5;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -1;
}
a,
a:link,
a:visited,
a:active {
  color: #cfc6e3;
  border-bottom: 1px dotted #cfc6e3;
  cursor: pointer;
  transition: text-shadow 0.3s ease, border-bottom-color 0.5s ease;
  text-decoration: none;
}
a:hover {
  color: #cfc6e3;
  text-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 7px #b45cff;
  border-bottom: 1px dotted transparent;
  text-decoration: none;
}
.btn {
  color: #0a0714;
  text-decoration: none;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  background: #b45cff;
}
.btn:hover {
  background: #a740ff;
  transition: all 0.3s ease;
}
.btn:active {
  background: #8c05ff;
}
.push {
  height: 150px;
}
@media (max-width: 33.9em) {
  .push {
    height: 60px;
  }
}
header .logo {
  margin: 0 auto;
  text-align: center;
}
header .logo a,
header .logo a:link,
header .logo a:visited,
header .logo a:active {
  border-bottom: none;
}
header .logo .logo-icon {
  font-size: 60px;
  color: #cfc6e3;
  text-shadow: 0 0 1px #fff, 0 0 5px #fff, 0 0 15px #b45cff;
}
header .logo img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
header .logo .title {
  margin-top: 40px;
  line-height: 1.1;
  font-size: clamp(48px, 7vw, 104px);
  color: #cfc6e3;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-shadow: 0 0 1px #fff, 0 0 5px #fff, 0 0 15px #b45cff;
}
section.main {
  color: #cfc6e3;
}
section.main .post {
  margin-top: 200px;
}
@media (max-width: 33.9em) {
  section.main .post {
    margin-top: 60px;
  }
}
section.main .post .post-header {
  position: relative;
  width: 100%;
  margin: 0 10px;
}
section.main .post .post-header:before {
  position: absolute;
  padding: 5px;
  top: -10px;
  bottom: -10px;
  left: -5px;
  content: "  ";
  border-left: 1px solid #cfc6e3;
  border-bottom: 1px solid #cfc6e3;
  border-top: 1px solid #cfc6e3;
  transition: left 0.3s ease;
}
@media (max-width: 33.9em) {
  section.main .post .post-header:before {
    display: none;
  }
}
section.main .post .post-header:after {
  position: absolute;
  content: "  ";
  padding: 5px;
  top: -10px;
  bottom: -10px;
  right: -5px;
  border-right: 1px solid #cfc6e3;
  border-bottom: 1px solid #cfc6e3;
  border-top: 1px solid #cfc6e3;
  transition: right 0.3s ease;
}
@media (max-width: 33.9em) {
  section.main .post .post-header:after {
    display: none;
  }
}
section.main .post .post-header h1.title {
  text-align: left;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-shadow: 0 0 1px #fff, 0 0 5px #fff, 0 0 15px #b45cff;
  cursor: pointer;
  font-size: clamp(28px, 3.5vw, 52px);
  line-height: 1.2;
}
section.main .post .post-header h1.title a,
section.main .post .post-header h1.title a:link,
section.main .post .post-header h1.title a:visited,
section.main .post .post-header h1.title a:active {
  border-bottom: none;
}
@media (max-width: 33.9em) {
  section.main .post .post-header h1.title {
    font-size: 2.5em;
  }
}
section.main .post .post-header .post-info {
  margin-top: 15px;
  text-align: left;
  text-transform: uppercase;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
section.main .post .post-header .post-info span {
  padding: 10px;
}
section.main .post .post-header.hover:before {
  left: 5px;
}
section.main .post .post-header.hover:after {
  right: 5px;
}
section.main .post .content {
  margin-top: 65px;
  font-size: 1.15em;
  line-height: 1.8;
}
@media (max-width: 33.9em) {
  section.main .post .content {
    margin-top: 40px;
    text-align: justify;
  }
}
section.main .post .content .gallery-container {
  width: 100%;
  display: block;
}
section.main .post .content .gallery-container:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 50px;
  clear: both;
}
section.main .post .content .gallery-container .picture-container {
  width: 25%;
  float: left;
  min-width: 200px;
}
section.main .post .content .gallery-container .picture-container a {
  border: none;
}
section.main .post .content .gallery-container .picture-container a .img-thumbnail {
  border: none;
  background: transparent;
  padding-right: 20px;
  width: 100%;
}
section.main .post .read-more {
  margin: 10px auto;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-transform: uppercase;
}
section.main .post .comments {
  margin-top: 120px;
}
@media (max-width: 33.9em) {
  section.main .post .comments {
    margin-top: 60px;
  }
}
section.main .post-tags {
  margin-top: 60px;
  text-transform: uppercase;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
section.main .post-tags a,
section.main .post-tags i {
  margin-right: 15px;
}
section.main.home-grid .featured {
  margin-bottom: 40px;
  padding: clamp(28px, 4vw, 56px) 0;
  min-height: 300px;
}
section.main.home-grid .featured .post {
  margin-top: 0;
  width: 100%;
}
section.main.home-grid .featured .post-header h1.title {
  font-size: clamp(36px, 5vw, 72px);
  text-align: left;
  line-height: 1.15;
}
@media (max-width: 33.9em) {
  section.main.home-grid .featured .post-header h1.title {
    font-size: 2.5em;
  }
}
section.main.home-grid .featured .post-header .post-info {
  text-align: left;
  font-size: 1.2em;
}
section.main.home-grid .featured .post-header .post-info span {
  font-size: 1.2em;
}
section.main.home-grid .home-post {
  margin-bottom: 40px;
  padding: clamp(28px, 4vw, 56px) 0;
  min-height: 360px;
  display: flex;
}
@media (max-width: 33.9em) {
  section.main.home-grid .home-post {
    margin-bottom: 30px;
    padding: 20px 0;
    display: block;
    min-height: 0;
  }
}
section.main.home-grid .home-post .post {
  margin-top: 0;
  width: 100%;
}
section.main.home-grid .home-post .post-header h1.title {
  font-size: clamp(28px, 3vw, 48px);
  text-align: left;
  line-height: 1.2;
}
section.main.home-grid .home-post .post-header .post-info {
  text-align: left;
  font-size: 1.2em;
}
section.main.home-grid .home-post .post-header .post-info span {
  font-size: 1.2em;
}
.featherlight .featherlight-content {
  background: transparent;
}
.featherlight .featherlight-content .featherlight-close {
  color: #cfc6e3;
  cursor: pointer;
  transition: text-shadow 0.3s ease;
  text-decoration: none;
  background: transparent;
}
.featherlight .featherlight-content .featherlight-close:hover {
  text-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 7px #b45cff;
}
section.main .post .content h1,
section.main .post .content h2,
section.main .post .content h3,
section.main .post .content h4,
section.main .post .content h5,
section.main .post .content h6 {
  color: #cfc6e3;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
section.main .post .content h1,
section.main .post .content h2 {
  text-shadow: 0 0 1px #fff, 0 0 5px #fff, 0 0 15px #b45cff;
}
section.main .post .content h1 {
  width: 100%;
  padding-bottom: 10px;
  margin: 60px 0 30px 0;
  border-bottom: 1px solid #cfc6e3;
}
section.main .post .content h2 {
  margin: 50px 0 15px 0;
}
section.main .post .content h3 {
  margin: 50px 0 15px 0;
  text-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 7px #b45cff;
}
section.main .post .content hr {
  border-color: #cfc6e3;
}
section.main .post .content b {
  font-weight: 900;
}
section.main .post .content table {
  margin: 0 0 3em 0;
  width: 100%;
}
section.main .post .content table tbody tr {
  border: solid 1px #cfc6e3;
  border-left: 0;
  border-right: 0;
}
section.main .post .content table tbody tr:nth-child(2n + 1) {
  background: rgba(144,144,144,0.075);
}
section.main .post .content table td {
  padding: 0.75em 0.75em;
}
section.main .post .content table th {
  font-weight: 900;
  padding: 0 0.75em 0.75em 0.75em;
  text-align: left;
}
section.main .post .content table thead {
  border-bottom: solid 2px #cfc6e3;
}
section.main .post .content table tfoot {
  border-top: solid 2px #cfc6e3;
}
section.main .post .content blockquote {
  background: rgba(144,144,144,0.1);
  border-left: 10px solid #9a90ae;
  margin: 2em 10px;
  padding: 1em 15px;
}
section.main .post .content blockquote p {
  display: inline;
}
section.main .post .content blockquote footer {
  text-align: right;
  padding: 25px 10px 10px 10px;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  overflow: auto;
}
section.main .post .content blockquote footer strong:before {
  content: "-";
  padding-right: 10px;
}
section.main .post .content blockquote footer cite {
  padding: 10px;
}
section.main .post .content .pullquote {
  float: right;
  border: none;
  padding: 0;
  margin: 1em 0 1em 1.5em;
  text-align: left;
  width: 45%;
  background: none;
  font-size: 2em;
  font-style: italic;
}
section.main .post .content .pullquote.left {
  float: left;
}
section.main .post .content img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
section.main .post .content .video-container {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
section.main .post .content .video-container iframe,
section.main .post .content .video-container object,
section.main .post .content .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.archive-container {
  margin-top: 50px;
}
@media (max-width: 33.9em) {
  .archive-container {
    margin-top: 0;
  }
}
.archive-container .archive-post {
  margin: 10px 0;
  font-size: 1.2em;
  border-left: 10px solid transparent;
  background: rgba(144,144,144,0.1);
  transition: border-left 0.3s ease, background 0.3s ease;
}
.archive-container .archive-post .archive-date {
  margin-right: 40px;
}
.archive-container .archive-post a,
.archive-container .archive-post a:link,
.archive-container .archive-post a:visited,
.archive-container .archive-post a:active {
  padding: 10px 10px 10px 40px;
  display: block;
  border-bottom: none;
  width: 100%;
}
.archive-container .archive-post a:hover {
  padding: 10px 10px 10px 40px;
  display: block;
  width: 100%;
  text-shadow: none;
}
.archive-container .archive-post:hover {
  background: rgba(144,144,144,0.2);
  border-left: 10px solid #cfc6e3;
}
.menu-bg {
  background: #0b0714;
  display: none;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 100;
}
.menu-bg .menu-container {
  position: fixed;
  padding: 0 250px;
  border-left: 1px solid #cfc6e3;
  border-right: 1px solid #cfc6e3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-bg .menu-container ul {
  list-style-type: none;
  margin-bottom: 0;
}
.menu-bg .menu-container ul li {
  text-align: right;
  padding: 5px;
}
.menu-bg .menu-container ul li a {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  border-bottom: none;
}
.wrap-pagination {
  margin-top: 50px;
  font-size: 30px;
  text-align: center;
  color: #cfc6e3;
}
.wrap-pagination a {
  border-bottom: 0;
  margin: 30px;
}
.wrap-pagination a.disabled,
.wrap-pagination a.disabled:active,
.wrap-pagination a.disabled:visited,
.wrap-pagination a.disabled:link,
.wrap-pagination a.disabled:hover {
  color: #9a90ae;
  opacity: 0.3;
  text-shadow: none;
  pointer-events: none;
}
footer.footer-content {
  padding-top: 100px;
  width: 100%;
  min-height: 350px;
  background: #0a0714;
  color: #cfc6e3;
  border-top: 1px dotted #cfc6e3;
  text-align: center;
}
@media (max-width: 33.9em) {
  footer.footer-content {
    min-height: 250px;
    padding-top: 60px;
  }
}
footer.footer-content a,
footer.footer-content a:link,
footer.footer-content a:visited,
footer.footer-content a:active {
  color: #cfc6e3;
  text-decoration: none;
  cursor: pointer;
}
footer.footer-content h2 {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  padding-bottom: 30px;
  font-size: 1.5em;
}
footer.footer-content ul {
  list-style-type: none;
  padding-left: 0;
}
footer.footer-content .footer-about {
  text-align: left;
}
@media (max-width: 47.9em) {
  footer.footer-content .footer-about h2 {
    text-align: center;
  }
  footer.footer-content .footer-about p {
    text-align: center;
    padding-bottom: 30px;
  }
}
footer.footer-content .footer-social-icons {
  margin: 80px 0 50px 0;
}
@media (max-width: 33.9em) {
  footer.footer-content .footer-social-icons {
    margin: 30px 0 25px 0;
  }
}
footer.footer-content .footer-social-icons li {
  padding: 0 10px;
  line-height: 3em;
}
footer.footer-content .footer-social-icons li .footer-icon-container i {
  font-size: 2em;
}
footer.footer-content .footer-social-icons li a,
footer.footer-content .footer-social-icons li a:link,
footer.footer-content .footer-social-icons li a:visited,
footer.footer-content .footer-social-icons li a:active {
  border-bottom: 0;
}
footer.footer-content .footer-copyright {
  margin: 0 0 40px 0;
  font-size: 0.7em;
}
code {
  color: #9a90ae;
  background: rgba(144,144,144,0.1);
}
figure.highlight {
  font-family: monospace;
  color: #9a90ae;
  border-top: 1px solid #cfc6e3;
  background: rgba(144,144,144,0.1);
  overflow-y: auto;
  margin: 1.5em 0;
}
figure.highlight figcaption {
  padding-top: 10px;
}
figure.highlight figcaption:before {
  content: "\f016";
  font-family: FontAwesome;
  margin: 0 20px 0 50px;
}
figure.highlight figcaption a {
  margin-left: 10px;
}
figure.highlight table {
  margin: 0 !important;
}
figure.highlight table tbody tr {
  border-top: 0 !important;
  background: none !important;
}
figure.highlight table tbody tr td {
  padding: 8px !important;
}
figure.highlight table tbody tr td.gutter {
  width: 40px;
  text-align: right;
}
figure.highlight table tbody tr td .line {
  height: 1.45em;
}
figure.highlight table tbody tr td pre {
  margin-bottom: 0;
  color: #9a90ae;
}
figure.highlight table tbody tr td pre .comment,
figure.highlight table tbody tr td pre .template_comment,
figure.highlight table tbody tr td pre .diff .header,
figure.highlight table tbody tr td pre .doctype,
figure.highlight table tbody tr td pre .pi,
figure.highlight table tbody tr td pre .lisp .string,
figure.highlight table tbody tr td pre .javadoc {
  color: #808080;
  font-style: italic;
}
figure.highlight table tbody tr td pre .keyword,
figure.highlight table tbody tr td pre .winutils,
figure.highlight table tbody tr td pre .method,
figure.highlight table tbody tr td pre .addition,
figure.highlight table tbody tr td pre .css .tag,
figure.highlight table tbody tr td pre .request,
figure.highlight table tbody tr td pre .status,
figure.highlight table tbody tr td pre .nginx .title {
  color: #cc7832;
}
figure.highlight table tbody tr td pre .number,
figure.highlight table tbody tr td pre .command,
figure.highlight table tbody tr td pre .tag .value,
figure.highlight table tbody tr td pre .phpdoc,
figure.highlight table tbody tr td pre .tex .formula,
figure.highlight table tbody tr td pre .regexp,
figure.highlight table tbody tr td pre .hexcolor {
  color: #6897bb;
}
figure.highlight table tbody tr td pre .string {
  color: #6a8759;
}
figure.highlight table tbody tr td pre .title,
figure.highlight table tbody tr td pre .localvars,
figure.highlight table tbody tr td pre .chunk,
figure.highlight table tbody tr td pre .decorator,
figure.highlight table tbody tr td pre .built_in,
figure.highlight table tbody tr td pre .identifier,
figure.highlight table tbody tr td pre .vhdl,
figure.highlight table tbody tr td pre .literal,
figure.highlight table tbody tr td pre .id {
  color: #268bd2;
}
figure.highlight table tbody tr td pre .attribute,
figure.highlight table tbody tr td pre .variable,
figure.highlight table tbody tr td pre .lisp .body,
figure.highlight table tbody tr td pre .smalltalk .number,
figure.highlight table tbody tr td pre .constant,
figure.highlight table tbody tr td pre .class .title,
figure.highlight table tbody tr td pre .parent,
figure.highlight table tbody tr td pre .haskell .type {
  color: #6a8759;
}
figure.highlight table tbody tr td pre .preprocessor,
figure.highlight table tbody tr td pre .preprocessor .keyword,
figure.highlight table tbody tr td pre .shebang,
figure.highlight table tbody tr td pre .symbol,
figure.highlight table tbody tr td pre .symbol .string,
figure.highlight table tbody tr td pre .diff .change,
figure.highlight table tbody tr td pre .special,
figure.highlight table tbody tr td pre .attr_selector,
figure.highlight table tbody tr td pre .important,
figure.highlight table tbody tr td pre .subst,
figure.highlight table tbody tr td pre .cdata,
figure.highlight table tbody tr td pre .clojure .title {
  color: #e8bf6a;
}
figure.highlight table tbody tr td pre .deletion {
  color: #dc322f;
}
body {
  background: #0a0714;
  font-family: "SFMono-Regular", "Cascadia Code", "Roboto Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  color: #cfc6e3;
}
html {
  min-width: 320px;
  background: #050310;
  overflow-x: clip;
}
.site-noise {
  position: fixed;
  z-index: 1000;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,0.018) 0, rgba(255,255,255,0.018) 1px, transparent 1px, transparent 4px);
  opacity: 0.42;
}
.skip-link {
  position: fixed;
  z-index: 2000;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  color: #050310;
  background: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  transform: translateY(-160%);
}
.skip-link:focus {
  transform: translateY(0);
}
html {
  scrollbar-color: #6b2bb8 #050310;
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
*::-webkit-scrollbar-track {
  background: #050310;
}
*::-webkit-scrollbar-thumb {
  min-height: 44px;
  border: 3px solid #050310;
  border-radius: 0;
  background: #6b2bb8;
}
*::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:active {
  background: #b45cff;
}
*::-webkit-scrollbar-corner {
  background: #050310;
}
::selection {
  color: #050310;
  background: #b45cff;
  text-shadow: none;
}
::-moz-selection {
  color: #050310;
  background: #b45cff;
  text-shadow: none;
}
.t-frame {
  max-width: min(1640px, calc(100vw - 64px));
  margin: 0 auto;
  padding: 0 32px;
}
@media (max-width: 33.9em) {
  .t-frame {
    padding: 0 18px;
  }
}
.window-bar {
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 32px;
  background: #050310;
  border-bottom: 1px solid #2b2440;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.window-bar .window-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #9a90ae;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: none;
}
.window-bar .window-title .window-title__system {
  color: #b45cff;
}
.window-bar .window-title .window-title__divider {
  color: #807697;
}
.window-bar .window-title:hover {
  color: #ededed;
}
.window-bar .window-status {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #807697;
  letter-spacing: 0.08em;
}
.window-bar .window-status .status-led {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b45cff;
  box-shadow: 0 0 8px #b45cff;
}
@media (max-width: 33.9em) {
  .window-bar {
    padding: 8px 16px;
  }
  .window-bar .window-title__system {
    display: none;
  }
}
body.title-style-clean .home-hero .hero-copy h1,
body.title-style-clean .article-header h1,
body.title-style-clean .post-card .post-card__body h3,
body.title-style-clean .section-header h2,
body.title-style-clean .taxonomy-header h1,
body.title-style-clean .page-header h1,
body.title-style-clean .category-node strong,
body.title-style-clean .link-node strong,
body.title-style-clean .about-name,
body.title-style-clean .about-card h2 {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
}
.nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 18px 32px;
  border-bottom: 1px solid #2b2440;
  background: #0a0714;
}
.nav-row .site-mark {
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 24px;
  letter-spacing: 0.04em;
  color: #ededed;
  border-bottom: none;
}
.nav-row .site-mark .site-mark__bracket {
  color: #b45cff;
}
.nav-row .site-mark .site-mark__slash {
  color: #b45cff;
}
.nav-row .main-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.nav-row .main-nav a {
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 14px;
  color: #9a90ae;
  border-bottom: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.nav-row .main-nav a:hover {
  color: #b45cff;
}
@media (max-width: 33.9em) {
  .nav-row {
    padding: 14px 16px;
  }
  .nav-row .main-nav {
    gap: 14px;
  }
  .nav-row .main-nav a {
    font-size: 13px;
  }
}
.home-hero {
  padding: 80px 0 20px;
}
.home-hero .eyebrow {
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 16px;
  color: #b45cff;
  margin: 0;
}
.home-hero .eyebrow::before {
  content: "// ";
}
.home-hero h1 {
  display: block;
  margin: 18px 0 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(58px, 8.5vw, 136px);
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 0.9;
  text-shadow: 0 0 30px rgba(180,92,255,0.08);
}
.home-hero .hero-sub {
  margin: 24px 0 0;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 15px;
  color: #9a90ae;
  letter-spacing: 0.02em;
}
@media (max-width: 33.9em) {
  .home-hero {
    padding: 50px 0 10px;
  }
  .home-hero h1 {
    font-size: clamp(44px, 12vw, 64px);
  }
}
.post-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #2b2440;
  border-left: 1px solid #2b2440;
  margin-top: 40px;
}
@media (max-width: 33.9em) {
  .post-grid {
    grid-template-columns: 1fr;
  }
}
.post-card {
  display: flex;
  min-width: 0;
  min-height: 380px;
  flex-direction: column;
  padding: clamp(24px, 3vw, 42px);
  border-right: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
  background: #0a0714;
  transition: border-color 160ms ease, background 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.post-card:hover {
  border-color: rgba(180,92,255,0.38);
  background: linear-gradient(135deg, rgba(180,92,255,0.08), rgba(10,7,20,0.3) 45%);
}
.post-card--featured {
  grid-column: 1/-1;
  min-height: 440px;
  background: linear-gradient(90deg, rgba(180,92,255,0.08), transparent 55%), #0a0714;
}
.post-card--featured .post-card__excerpt {
  max-width: 1100px;
  font-size: 18px;
  -webkit-line-clamp: 2;
}
.post-card .post-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
  color: #807697;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.post-card .post-card__meta .post-card__index {
  color: #b45cff;
}
.post-card .post-card__meta .post-card__status {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #9a90ae;
}
.post-card .post-card__meta .post-card__status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b45cff;
  box-shadow: 0 0 6px #b45cff;
}
.post-card .post-card__body {
  margin-top: 24px;
  flex: 1;
}
.post-card .post-card__body .post-card__command {
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  color: #807697;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-card .post-card__body .post-card__command span {
  color: #b45cff;
}
.post-card .post-card__body h3 {
  margin: 18px 0 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(24px, 2.7vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.post-card .post-card__body h3 a {
  border-bottom: none;
  color: #ededed;
  transition: color 160ms ease;
}
.post-card .post-card__body h3 a:hover {
  color: #b45cff;
}
.post-card .post-card__body .post-card__excerpt {
  margin: 16px 0 0;
  font-size: 15px;
  color: #9a90ae;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.post-card .post-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}
.post-card--featured h3 {
  max-width: 1100px;
  font-size: clamp(36px, 5vw, 76px);
}
@media (max-width: 33.9em) {
  .post-card {
    min-height: 0;
  }
  .post-card--featured {
    min-height: 0;
  }
}
.chip {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #453a66;
  border-radius: 999px;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
  color: #9a90ae;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: transparent;
}
.chip a {
  border-bottom: none;
  color: inherit;
}
.chip a:hover {
  color: #b45cff;
}
.chip--accent {
  border-color: rgba(180,92,255,0.38);
  color: #b45cff;
}
.t-article {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(58px, 7vw, 100px) 0 clamp(72px, 8vw, 126px);
}
.t-article .article-head {
  padding-bottom: clamp(30px, 4vw, 48px);
  border-bottom: 1px solid #2b2440;
}
.t-article .article-head .article-kicker {
  margin: 0 0 18px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
}
.t-article .article-head .article-title {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.15;
  color: #ededed;
  text-align: left;
  text-shadow: 0 0 20px rgba(180,92,255,0.08);
  margin: 0;
  overflow-wrap: anywhere;
}
.t-article .article-head .article-meta {
  margin-top: 18px;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  color: #807697;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.t-article .article-head .article-meta .article-date::before {
  content: "› ";
  color: #b45cff;
}
.t-article .article-head .article-meta a {
  color: #b45cff;
  border-bottom: none;
}
.t-article .article-command {
  margin-top: 32px;
  padding: 14px 18px;
  background: #100b1d;
  border: 1px solid #2b2440;
  border-radius: 0;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  color: #807697;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-article .article-command span {
  color: #b45cff;
}
.t-article .article-content {
  margin-top: clamp(48px, 6vw, 76px);
  font-size: 1.15em;
  line-height: 1.8;
  color: #cfc6e3;
  overflow-wrap: anywhere;
}
.t-article .article-content p {
  margin: 0 0 1.55em;
}
.t-article .article-content h1,
.t-article .article-content h2,
.t-article .article-content h3,
.t-article .article-content h4,
.t-article .article-content h5,
.t-article .article-content h6 {
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.t-article .article-content h1 {
  margin: 2.2em 0 0.8em;
  padding-bottom: 0.45em;
  border-bottom: 1px solid #2b2440;
  font-size: clamp(28px, 3vw, 42px);
}
.t-article .article-content h2 {
  margin: 2.1em 0 0.75em;
  padding-left: 16px;
  border-left: 3px solid #b45cff;
  font-size: clamp(24px, 2.5vw, 34px);
}
.t-article .article-content h3 {
  margin: 1.9em 0 0.7em;
  color: #b45cff;
  font-size: clamp(20px, 2vw, 28px);
}
.t-article .article-content h4,
.t-article .article-content h5,
.t-article .article-content h6 {
  margin: 1.7em 0 0.65em;
  font-size: 1.05em;
}
.t-article .article-content a {
  color: #9d3ff2;
  border-bottom: 1px solid #6b2bb8;
}
.t-article .article-content a:hover {
  color: #b45cff;
  border-bottom-color: #b45cff;
  text-shadow: none;
}
.t-article .article-content .headerlink {
  border-bottom: 0;
}
.t-article .article-content code {
  padding: 0.15em 0.38em;
  color: #ededed;
  border: 1px solid #2b2440;
  background: #100b1d;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 0.9em;
}
.t-article .article-content figure.highlight {
  max-width: 100%;
  margin: 1.8em 0;
  border: 1px solid #2b2440;
  background: #050310;
  overflow-x: auto;
}
.t-article .article-content figure.highlight table {
  width: max-content;
  min-width: 100%;
  margin: 0;
}
.t-article .article-content figure.highlight pre {
  margin: 0;
}
.t-article .article-content figure.highlight code {
  padding: 0;
  border: 0;
  background: transparent;
}
.t-article .article-content img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 1.8em auto;
  border: 1px solid #2b2440;
}
.t-article .article-content blockquote {
  margin: 2em 0;
  padding: 20px 24px;
  color: #9a90ae;
  border-left: 3px solid #6b2bb8;
  background: #100b1d;
}
.t-article .article-content blockquote p:last-child {
  margin-bottom: 0;
}
.t-article .article-content ul,
.t-article .article-content ol {
  margin: 0 0 1.55em;
  padding-left: 1.5em;
}
.t-article .article-content li + li {
  margin-top: 0.45em;
}
.t-article .article-content hr {
  margin: 3em 0;
  border: 0;
  border-top: 1px solid #2b2440;
}
.t-article .article-content > table {
  display: block;
  width: 100%;
  margin: 1.8em 0;
  border-collapse: collapse;
  overflow-x: auto;
}
.t-article .article-content > table th,
.t-article .article-content > table td {
  padding: 12px 14px;
  border: 1px solid #2b2440;
}
.t-article .article-content > table th {
  color: #ededed;
  background: #100b1d;
}
.t-article .article-tags {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
header .logo .title {
  margin: 40px 0 0;
  line-height: 1.1;
  font-size: clamp(36px, 5vw, 64px);
  text-align: left;
  color: #ededed;
  text-shadow: 0 0 20px rgba(180,92,255,0.08);
}
.footer-content {
  border-top: 1px solid #2b2440;
  background: #050310;
}
.footer-content .footer-social-icons .footer-icon-container {
  border-color: #453a66;
  color: #9a90ae;
}
.footer-content .footer-copyright {
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  color: #807697;
}
.footer-content a:hover .footer-icon-container {
  color: #b45cff;
  border-color: rgba(180,92,255,0.38);
}
.wrap-pagination a {
  color: #b45cff;
  border-color: rgba(180,92,255,0.38);
}
.wrap-pagination a.disabled {
  color: #807697;
  border-color: #2b2440;
}
.taxonomy-page {
  padding: clamp(72px, 8vw, 126px) 0;
}
.taxonomy-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: end;
  padding-bottom: 54px;
  border-bottom: 1px solid #2b2440;
}
.taxonomy-header .section-kicker {
  margin: 0 0 12px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 14px;
  letter-spacing: 0.08em;
}
.taxonomy-header h1 {
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 96px;
  font-weight: 400;
  line-height: 1;
  overflow-wrap: anywhere;
}
.cursor-block {
  display: inline-block;
  width: 0.58em;
  height: 0.17em;
  margin-left: 0.2em;
  background: #b45cff;
  vertical-align: 0.08em;
  animation: archive-cursor-blink 1.1s steps(2, end) infinite;
}
.taxonomy-header__count {
  display: grid;
  min-width: 160px;
  gap: 8px;
  text-align: right;
}
.taxonomy-header__count strong {
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
}
.taxonomy-header__count span {
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.archive-command,
.taxonomy-command {
  margin: 42px 0;
  padding: 17px 20px;
  color: #9a90ae;
  border-left: 3px solid #b45cff;
  background: #120c22;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 15px;
  overflow-x: auto;
  white-space: nowrap;
}
.archive-command .prompt,
.taxonomy-command .prompt {
  color: #b45cff;
}
.archive-list {
  border-top: 1px solid #2b2440;
}
.archive-year {
  display: grid;
  grid-template-columns: minmax(120px, 190px) minmax(0, 1fr);
  border-bottom: 1px solid #2b2440;
}
.archive-year > header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 30px 30px 30px 0;
  border-right: 1px solid #2b2440;
}
.archive-year > header span {
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 52px;
  line-height: 1;
}
.archive-year > header small {
  margin-top: 10px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
}
.archive-entry {
  display: grid;
  grid-template-columns: auto minmax(30px, 1fr) minmax(0, 4fr) auto;
  gap: clamp(14px, 2vw, 30px);
  align-items: center;
  min-height: 128px;
  padding: 24px 0 24px clamp(24px, 3vw, 48px);
  border-bottom: 1px solid #2b2440;
  transition: background 180ms ease;
}
.archive-entry:last-child {
  border-bottom: 0;
}
.archive-entry:hover {
  background: rgba(180,92,255,0.08);
}
.archive-entry time {
  color: #9a90ae;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 15px;
  white-space: nowrap;
}
.archive-entry time span {
  color: #ededed;
}
.archive-entry .archive-entry__line {
  height: 1px;
  background: #2b2440;
}
.archive-entry h2 {
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.archive-entry h2 a {
  color: inherit;
  border-bottom: 0;
}
.archive-entry h2 a:hover {
  color: #b45cff;
  text-shadow: none;
}
.archive-entry p {
  margin: 8px 0 0;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
}
.archive-entry p a {
  color: #6b2bb8;
  border-bottom: 0;
}
.archive-entry p a:hover {
  color: #b45cff;
  text-shadow: none;
}
.archive-entry .archive-entry__open {
  padding: 12px;
  color: #b45cff;
  border-bottom: 0;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 24px;
  line-height: 1;
}
.archive-entry .archive-entry__open:hover {
  color: #ededed;
  text-shadow: none;
}
.archive-pagination {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 24px;
  align-items: center;
  margin-top: 42px;
  padding-top: 24px;
  border-top: 1px solid #2b2440;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
}
.archive-pagination .archive-pagination__pages {
  display: flex;
  gap: 12px;
  align-items: baseline;
}
.archive-pagination .archive-pagination__pages strong {
  color: #b45cff;
  font-size: 22px;
  font-weight: 400;
}
.archive-pagination .archive-pagination__direction a {
  color: #b45cff;
  border-bottom: 0;
}
.archive-pagination .archive-pagination__direction a:hover {
  color: #ededed;
  text-shadow: none;
}
.archive-pagination .archive-pagination__direction--next {
  text-align: right;
}
.category-matrix,
.link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 48px;
  border-top: 1px solid #2b2440;
  border-left: 1px solid #2b2440;
}
.category-node,
.link-node {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 220px;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  color: #cfc6e3;
  border-right: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}
.category-node:hover,
.link-node:hover {
  color: #b45cff;
  border-color: rgba(180,92,255,0.38);
  background: rgba(180,92,255,0.08);
  text-shadow: none;
}
.category-node__id,
.category-node__count,
.link-node__number,
.link-node__status,
.link-node small {
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.category-node strong,
.link-node strong {
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.category-node__count {
  color: #6b2bb8;
}
.category-node__arrow,
.link-node__arrow {
  position: absolute;
  right: 24px;
  bottom: 24px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 24px;
}
.link-node__status {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  align-self: flex-start;
}
.link-node__status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #b45cff;
  box-shadow: 0 0 7px #b45cff;
}
.link-node small {
  max-width: calc(100% - 38px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag-cloud-terminal {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 48px;
  padding: 42px;
  border: 1px solid #2b2440;
  background: repeating-linear-gradient(0deg, rgba(180,92,255,0.016) 0 1px, transparent 1px 4px), rgba(10,7,20,0.62);
}
.tag-node {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 9px 12px;
  color: #9a90ae;
  border: 1px solid #2b2440;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  line-height: 1;
  transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}
.tag-node > span {
  color: #b45cff;
}
.tag-node small {
  color: #807697;
  font-size: 9px;
}
.tag-node:hover {
  color: #b45cff;
  border-color: #b45cff;
  background: rgba(180,92,255,0.08);
  text-shadow: none;
}
.tag-node--level-2 {
  font-size: 14px;
}
.tag-node--level-3 {
  color: #cfc6e3;
  font-size: 15px;
}
.tag-node--level-4 {
  color: #ededed;
  border-color: #453a66;
  font-size: 17px;
}
.tag-node--level-5 {
  color: #b45cff;
  border-color: #6b2bb8;
  font-size: 19px;
}
.standalone-page {
  padding: clamp(72px, 8vw, 126px) 0;
}
.page-header {
  margin-bottom: 76px;
}
.page-header .section-kicker {
  margin: 0 0 12px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 14px;
  letter-spacing: 0.08em;
}
.page-header h1 {
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 96px;
  font-weight: 400;
  line-height: 1;
}
.page-header .page-header__line {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 28px;
}
.page-header .page-header__line span {
  height: 1px;
  flex: 1;
  background: #2b2440;
}
.page-header .page-header__line em {
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
  font-style: normal;
}
.standalone-content {
  max-width: 1000px;
  margin: 0 auto;
}
.about-page {
  display: grid;
  gap: 24px;
}
.about-hero,
.about-card,
.about-note {
  border: 1px solid #2b2440;
  background: rgba(16,11,29,0.58);
}
.about-hero {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 36px;
  align-items: center;
  padding: 42px;
  border-left: 4px solid #b45cff;
  background: repeating-linear-gradient(0deg, rgba(180,92,255,0.016) 0 1px, transparent 1px 4px), #120c22;
}
.about-hero .about-avatar {
  display: block;
  width: 190px;
  height: 190px;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  border: 1px solid rgba(180,92,255,0.38);
  border-radius: 4px;
}
.about-hero .about-name {
  margin: 0;
  color: #b45cff;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 58px;
  font-weight: 400;
  line-height: 1.1;
}
.about-hero .about-tagline {
  margin: 14px 0 0;
  color: #9a90ae;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 15px;
}
.about-tags,
.about-social {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.about-tags {
  margin-top: 22px;
}
.about-tag {
  display: inline-flex;
  padding: 7px 11px;
  color: #b45cff;
  border: 1px solid #6b2bb8;
  background: rgba(180,92,255,0.08);
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
}
.about-social {
  margin-top: 22px;
}
.about-social a {
  padding: 9px 13px;
  color: #ededed;
  border: 1px solid #453a66;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.about-social a:hover {
  color: #b45cff;
  border-color: #b45cff;
  text-shadow: none;
}
.about-card {
  padding: 42px;
}
.about-card .about-card__label {
  margin: 0 0 20px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.about-card h2 {
  margin: 0 0 28px;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 34px;
  font-weight: 400;
}
.about-card .about-profile__content {
  color: #cfc6e3;
  font-size: 17px;
  line-height: 1.85;
}
.about-card .about-profile__content p {
  margin: 0 0 1.3em;
}
.about-card .about-profile__content p:last-child {
  margin-bottom: 0;
}
.about-card .about-profile__content strong {
  color: #ededed;
}
.about-card .about-profile__content ul {
  margin: 0;
  padding-left: 1.5em;
}
.about-card .about-profile__content li + li {
  margin-top: 10px;
}
.about-channel-list {
  border-top: 1px solid #2b2440;
}
.about-channel-list > div {
  display: grid;
  grid-template-columns: 72px minmax(190px, 0.8fr) minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 22px 0;
  border-bottom: 1px solid #2b2440;
}
.about-channel-list span,
.about-channel-list small {
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.about-channel-list strong {
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.about-note {
  padding: 22px 24px;
  border-left: 3px solid #6b2bb8;
}
.about-note p {
  margin: 0;
  color: #9a90ae;
  font-size: 15px;
}
.about-note .about-note__label {
  margin-bottom: 8px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
}
.about-note .about-note__label::before {
  margin-right: 7px;
  content: "//";
}
.site-frame {
  position: relative;
  width: min(1640px, calc(100vw - 64px));
  max-width: 100%;
  margin: 0 auto;
}
.site-main {
  min-width: 0;
  min-height: 60vh;
  padding-top: 0;
}
.site-main > .container {
  width: 100%;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}
.site-header {
  position: relative;
  z-index: 100;
  width: 100%;
  padding-top: 24px;
  background: #0a0714;
  box-shadow: 0 12px 28px rgba(5,3,16,0.24);
}
.site-header .window-bar,
.site-header .nav-row {
  width: min(1640px, calc(100vw - 64px));
  max-width: calc(100vw - 64px);
  margin-right: auto;
  margin-left: auto;
}
.window-bar {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 62px;
  padding: 0;
  border-bottom: 1px solid #2b2440;
}
.window-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.window-status {
  padding-left: 20px;
}
.terminal-button {
  border: 1px solid #453a66;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
}
.search-trigger {
  display: flex;
  flex: none;
  gap: 14px;
  align-items: center;
  margin-left: clamp(18px, 2.4vw, 36px);
  padding: 11px 14px;
  color: #ededed;
  font-size: 13px;
  letter-spacing: 0;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}
.search-trigger:hover,
.search-trigger:focus-visible {
  color: #b45cff;
  border-color: #b45cff;
  background: rgba(180,92,255,0.08);
}
.search-trigger__key {
  color: #b45cff;
}
.nav-row {
  min-height: 76px;
  padding: 0;
  border-bottom: 1px solid #2b2440;
  background: transparent;
}
.nav-toggle {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 8px 12px;
  color: #ededed;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.nav-toggle:hover,
.nav-toggle:focus-visible {
  color: #b45cff;
  border-color: #b45cff;
  background: rgba(180,92,255,0.08);
}
.nav-toggle .nav-toggle__glyph {
  color: #b45cff;
  transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.nav-toggle[aria-expanded="true"] .nav-toggle__glyph {
  transform: rotate(45deg);
}
.site-nav {
  position: static;
  top: auto;
  right: auto;
  z-index: auto;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(16px, 2.6vw, 40px);
  align-items: center;
  margin-left: auto;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.site-nav a {
  position: relative;
  color: #9a90ae;
  border-bottom: 0;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: inherit;
  font-style: normal;
  opacity: 1;
  white-space: nowrap;
}
.site-nav a:before {
  content: none;
}
.site-nav a:after {
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 1px;
  content: "";
  background: #b45cff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.site-nav a:hover {
  color: #ededed;
  text-shadow: none;
}
.site-nav a:hover:after {
  transform: scaleX(1);
}
.site-nav .nav-prompt {
  color: #b45cff;
}
.home-hero {
  padding: clamp(44px, 5vw, 78px) 0 clamp(50px, 5vw, 78px);
  border-bottom: 1px solid #2b2440;
}
.home-hero .command-stack {
  display: grid;
  gap: 9px;
  margin-bottom: clamp(34px, 4vw, 60px);
  color: #9a90ae;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: clamp(15px, 1.4vw, 20px);
}
.home-hero .command-stack p {
  margin: 0;
}
.home-hero .command-stack .prompt,
.home-hero .command-stack .hash {
  display: inline-block;
  width: 1.4em;
}
.home-hero .command-stack .prompt {
  color: #b45cff;
}
.home-hero .command-stack .hash {
  color: #ffd231;
}
.home-hero .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.55fr);
  gap: clamp(32px, 6vw, 100px);
  align-items: center;
}
.home-hero .hero-copy {
  min-width: 0;
}
.home-hero .hero-copy h1 {
  display: grid;
  gap: 0;
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(58px, 8.5vw, 136px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.84;
  text-transform: uppercase;
  text-shadow: 0 0 30px rgba(180,92,255,0.08);
}
.home-hero .hero-copy h1 span {
  display: block;
}
.home-hero .hero-copy h1 .accent {
  color: #b45cff;
  text-shadow: 0 0 30px rgba(180,92,255,0.08);
}
.home-hero .hero-copy .eyebrow {
  margin: 0 0 20px;
  color: #9a90ae;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: clamp(13px, 1.2vw, 17px);
  letter-spacing: 0.06em;
}
.home-hero .hero-copy .eyebrow:before {
  color: #b45cff;
  content: "// ";
}
.home-hero .hero-copy .hero-title-cn {
  margin: clamp(30px, 4vw, 58px) 0 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(25px, 3vw, 48px);
  font-weight: 700;
  letter-spacing: 0;
}
.home-hero .hero-avatar {
  position: relative;
  width: 100%;
  max-width: 410px;
  justify-self: end;
}
.home-hero .hero-avatar img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(180,92,255,0.38);
  border-radius: 4px;
  box-shadow: 0 0 36px rgba(180,92,255,0.08);
}
.home-hero .focus-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(34px, 4vw, 58px);
}
.home-hero .hero-description {
  max-width: 1260px;
  margin: clamp(30px, 3.5vw, 52px) 0 0;
  color: #9a90ae;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(19px, 2.1vw, 33px);
  line-height: 1.65;
}
.home-hero .hero-description:first-letter {
  color: #b45cff;
}
.system-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid #2b2440;
}
.system-stats > div {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 16px;
  padding: clamp(24px, 3vw, 42px);
  border-right: 1px solid #2b2440;
}
.system-stats > div:first-child {
  border-left: 1px solid #2b2440;
}
.system-stats span,
.system-stats small {
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
}
.system-stats small {
  align-self: end;
  text-align: right;
}
.system-stats strong {
  grid-row: span 2;
  color: #ededed;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 400;
  line-height: 1;
}
.system-stats .system-online {
  color: #b45cff;
  font-size: clamp(20px, 2.4vw, 36px);
}
.posts-section {
  padding: clamp(72px, 8vw, 126px) 0;
}
.section-header {
  display: flex;
  gap: 30px;
  align-items: end;
  justify-content: space-between;
  margin-bottom: clamp(38px, 5vw, 70px);
  padding-bottom: 22px;
  border-bottom: 1px solid #2b2440;
}
.section-header .section-kicker {
  margin: 0 0 12px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  letter-spacing: 0.08em;
}
.section-header h2 {
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(32px, 4vw, 58px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
.section-header > a {
  padding-bottom: 4px;
  color: #b45cff;
  border-bottom: 1px solid #6b2bb8;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
}
.post-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0;
}
.post-card {
  display: flex;
  min-height: 410px;
  flex-direction: column;
  padding: clamp(24px, 3vw, 42px);
  background: rgba(16,11,29,0.5);
}
.post-card .post-card__meta {
  min-width: 0;
  min-height: 0;
  gap: 20px;
  padding: 0;
  font-size: 11px;
}
.post-card .post-card__meta .post-card__status {
  margin-left: auto;
}
.post-card .post-card__body {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  margin-top: 0;
}
.post-card .post-card__command {
  max-width: 100%;
  margin: 0 0 20px;
  font-size: 11px;
}
.post-card .post-card__command--with-origin {
  margin-bottom: 9px;
}
.post-card .post-card__origin {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 0 0 20px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
}
.post-card .post-card__origin span {
  padding-right: 7px;
  border-right: 1px solid #2b2440;
}
.post-card .post-card__origin a {
  color: #9a90ae;
  border-bottom: 1px solid transparent;
  transition: color 150ms ease, border-color 150ms ease;
}
.post-card .post-card__origin a:hover {
  color: #b45cff;
  border-color: #6b2bb8;
  text-shadow: none;
}
.post-card .post-card__body h3 {
  margin: 0;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(24px, 2.7vw, 42px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.post-card .post-card__body h3 a {
  display: inline;
  border-bottom: 0;
  color: #ededed;
  background: linear-gradient(#b45cff, #b45cff) 0 100%/0 2px no-repeat;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  text-decoration: none;
  transition: color 160ms ease, background-size 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.post-card .post-card__body h3 a:after {
  content: none;
}
.post-card .post-card__body h3 a:hover,
.post-card .post-card__body h3 a:focus-visible {
  color: #b45cff;
  background-size: 100% 2px;
  text-shadow: none;
}
.post-card .post-card__excerpt {
  max-width: 1040px;
  margin-top: 22px;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  -webkit-line-clamp: 3;
}
.post-card .post-card__footer {
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding-top: 20px;
  margin-top: 0;
  border-top: 1px solid #2b2440;
}
.post-card .post-card__taxonomies {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.post-card .post-card__read {
  flex: none;
  color: #b45cff;
  border-bottom: 0;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.post-card .post-card__read span {
  display: inline-block;
  transition: transform 150ms ease;
}
.post-card .post-card__read:hover {
  text-shadow: none;
}
.post-card .post-card__read:hover span {
  transform: translateX(4px);
}
.post-card--featured {
  min-height: 460px;
  background: linear-gradient(90deg, rgba(180,92,255,0.08), transparent 55%), rgba(16,11,29,0.7);
}
.post-card--featured .post-card__excerpt {
  max-width: 1100px;
  font-size: 18px;
  -webkit-line-clamp: 2;
}
.post-card--featured .post-card__body h3 {
  max-width: 1100px;
  font-size: clamp(36px, 5vw, 76px);
}
.post-card .chip {
  min-height: 28px;
  padding: 4px 9px;
  font-size: 10px;
}
.chip {
  min-height: 34px;
  padding: 5px 13px;
  border-radius: 0;
  line-height: 1.2;
}
.chip.chip--accent,
.chip:hover {
  color: #b45cff;
  border-color: #6b2bb8;
  background: rgba(180,92,255,0.08);
}
.site-footer {
  padding: clamp(52px, 6vw, 84px) 0 32px;
  border-top: 1px solid #2b2440;
}
.footer-signal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 24px 0;
  border-top: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
}
.footer-signal .terminal-command {
  margin: 0 0 7px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
}
.footer-signal h2 {
  max-width: 800px;
  margin: 0;
  color: #9a90ae;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(14px, 1.4vw, 18px);
  font-weight: 500;
  line-height: 1.5;
}
.footer-signal__copy > p:last-child {
  margin: 5px 0 0;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 8px;
}
.footer-signal .prompt {
  color: #b45cff;
}
.footer-email {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 0;
  color: #9a90ae;
  border-bottom: 0;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.footer-email:hover {
  color: #b45cff;
  background: transparent;
  text-shadow: none;
}
.footer-meta {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 30px;
  align-items: center;
  padding-top: 32px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 9px;
}
.footer-meta p {
  margin: 0;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.footer-links a {
  border-bottom: 0;
}
.footer-links a:hover {
  color: #b45cff;
  text-shadow: none;
}
.back-to-top {
  border-bottom: 0;
}
html {
  scroll-padding-top: 24px;
}
.reading-progress {
  position: fixed;
  z-index: 1200;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: #b45cff;
  box-shadow: 0 0 10px rgba(180,92,255,0.35);
  transform: scaleX(var(--reading-progress, 0));
  transform-origin: left;
}
.article-page {
  padding-top: clamp(54px, 6vw, 88px);
}
.article-header {
  padding-bottom: clamp(44px, 5vw, 72px);
  border-bottom: 1px solid #2b2440;
}
.article-header .article-header__protocol {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: clamp(28px, 4vw, 50px);
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
}
.article-header .article-header__protocol span:last-child {
  color: #807697;
  text-align: right;
}
.article-header h1 {
  max-width: 1380px;
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(42px, 6.8vw, 112px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.04;
  overflow-wrap: anywhere;
}
.article-header .article-deck {
  max-width: 960px;
  margin: 34px 0 0;
  color: #9a90ae;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(18px, 2vw, 28px);
  line-height: 1.6;
}
.article-header .article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: clamp(36px, 4vw, 58px);
  border-top: 1px solid #2b2440;
  border-left: 1px solid #2b2440;
}
.article-header .article-meta > div {
  display: grid;
  min-width: 170px;
  gap: 6px;
  padding: 18px 24px;
  border-right: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
}
.article-header .article-meta span {
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
}
.article-header .article-meta time,
.article-header .article-meta strong,
.article-header .article-meta a {
  color: #ededed;
  border-bottom: 0;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  font-weight: 400;
}
.article-header .article-meta a {
  color: #b45cff;
}
.article-header .article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
}
.article-header .article-tags .article-tags__label {
  margin-right: 8px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
}
.article-origin {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: 26px;
  padding: 17px 19px;
  border: 1px solid #2b2440;
  background: rgba(16,11,29,0.42);
}
.article-origin .article-origin__eyebrow,
.article-origin .article-origin__note,
.article-origin .article-origin__meta {
  margin: 0;
}
.article-origin .article-origin__eyebrow {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
}
.article-origin .article-origin__eyebrow span {
  color: #9a90ae;
}
.article-origin .article-origin__eyebrow span:after {
  margin-left: 9px;
  color: #453a66;
  content: "/";
}
.article-origin .article-origin__eyebrow a {
  color: #6b2bb8;
  border-bottom: 0;
}
.article-origin .article-origin__eyebrow time {
  color: #807697;
}
.article-origin .article-origin__eyebrow time:before {
  margin-right: 9px;
  color: #453a66;
  content: "·";
}
.article-origin .article-origin__note {
  margin-top: 7px;
  color: #9a90ae;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 1.65;
}
.article-origin .article-origin__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin-top: 6px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
}
.article-origin .article-origin__open {
  padding: 0;
  color: #9a90ae;
  border-bottom: 1px solid #453a66;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
  white-space: nowrap;
  transition: color 150ms ease, border-color 150ms ease;
}
.article-origin .article-origin__open span {
  display: inline-block;
  transition: transform 150ms ease;
}
.article-origin .article-origin__open:hover {
  color: #b45cff;
  border-color: #6b2bb8;
  text-shadow: none;
}
.article-origin .article-origin__open:hover span {
  transform: translate(2px, -2px);
}
.article-layout {
  display: grid;
  grid-template-columns: minmax(0, 900px) minmax(220px, 300px);
  gap: clamp(48px, 5vw, 86px);
  align-items: start;
  justify-content: center;
  padding: clamp(60px, 6vw, 90px) 0;
}
.article-layout--no-toc {
  grid-template-columns: minmax(0, 900px);
}
.article-sidebar {
  position: sticky;
  top: 24px;
  align-self: start;
  min-width: 0;
  max-height: calc(100vh - 48px);
}
.toc-panel {
  position: static;
  max-height: inherit;
  padding-left: 20px;
  border-left: 1px solid #2b2440;
  overflow: auto;
  scrollbar-width: none;
}
.toc-panel::-webkit-scrollbar {
  display: none;
}
.toc-panel .toc-panel__title {
  margin: 0 0 22px;
  color: #ededed;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 16px;
}
.toc-panel .toc-panel__title span {
  color: #b45cff;
}
.toc-panel ol {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.toc-panel ol ol {
  gap: 8px;
  margin-top: 8px;
  padding-left: 13px;
  border-left: 1px solid #2b2440;
}
.toc-panel a {
  display: block;
  color: #807697;
  border-bottom: 0;
  font-size: 16px;
  line-height: 1.65;
  transition: color 150ms ease;
}
.toc-panel a:hover,
.toc-panel a.is-active {
  color: #b45cff;
  text-shadow: none;
}
.toc-panel .toc-panel__top {
  margin-top: 28px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
}
.article-page .article-content {
  min-width: 0;
  color: #cfc6e3;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 17px;
  line-height: 1.9;
  overflow-wrap: anywhere;
  counter-reset: article-section;
}
.article-page .article-content .article-content__start,
.article-page .article-content .article-content__end {
  display: flex;
  justify-content: space-between;
  margin-bottom: 52px;
  padding: 10px 0;
  color: #807697;
  border-top: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
}
.article-page .article-content .article-content__start span:first-child,
.article-page .article-content .article-content__end span:first-child {
  color: #b45cff;
}
.article-page .article-content .article-content__end {
  margin: 72px 0 0;
}
.article-page .article-content .article-content__end span:last-child {
  color: #b45cff;
}
.article-page .article-content > *:first-child {
  margin-top: 0;
}
.article-page .article-content h1,
.article-page .article-content h2,
.article-page .article-content h3,
.article-page .article-content h4,
.article-page .article-content h5,
.article-page .article-content h6 {
  position: relative;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  scroll-margin-top: 24px;
}
.article-page .article-content h1 {
  margin: 2.2em 0 0.8em;
  padding-bottom: 18px;
  border-bottom: 1px solid #2b2440;
  font-size: clamp(34px, 4.5vw, 56px);
}
.article-page .article-content h2 {
  margin: 2.5em 0 1em;
  padding: 0 0 18px;
  border-left: 0;
  border-bottom: 1px solid #2b2440;
  font-size: clamp(29px, 3.7vw, 44px);
  counter-increment: article-section;
}
.article-page .article-content h2:before {
  display: block;
  margin-bottom: 9px;
  color: #b45cff;
  content: "// SECTION " counter(article-section, decimal-leading-zero);
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
  font-weight: 400;
}
.article-page .article-content h3 {
  margin: 2em 0 0.8em;
  color: #ededed;
  font-size: clamp(23px, 2.8vw, 32px);
}
.article-page .article-content h3:before {
  margin-right: 0.5em;
  color: #b45cff;
  content: ">";
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-weight: 400;
}
.article-page .article-content h4 {
  margin: 1.8em 0 0.7em;
  font-size: 20px;
}
.article-page .article-content h5,
.article-page .article-content h6 {
  font-size: 17px;
}
.article-page .article-content p {
  margin: 1.25em 0;
}
.article-page .article-content strong {
  color: #ededed;
}
.article-page .article-content a {
  color: #9d3ff2;
  border-bottom: 1px solid #6b2bb8;
}
.article-page .article-content a:hover {
  color: #b45cff;
  border-bottom-color: #b45cff;
  text-shadow: none;
}
.article-page .article-content .headerlink {
  border-bottom: 0;
}
.article-page .article-content code {
  padding: 0.15em 0.38em;
  color: #ededed;
  border: 1px solid #2b2440;
  background: #100b1d;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 0.9em;
}
.article-page .article-content figure.highlight {
  max-width: 100%;
  position: relative;
  margin: 1.8em 0;
  border: 1px solid #2b2440;
  background: #050310;
  overflow-x: auto;
}
.article-page .article-content figure.highlight:before {
  display: block;
  min-width: max-content;
  padding: 8px 80px 8px 14px;
  color: #807697;
  border-bottom: 1px solid #2b2440;
  background: #100b1d;
  content: "CODE_BUFFER";
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
}
.article-page .article-content figure.highlight table {
  width: max-content;
  min-width: 100%;
  margin: 0;
}
.article-page .article-content figure.highlight pre {
  margin: 0;
  padding: 19px 21px;
  color: #cfc6e3;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  line-height: 1.72;
  tab-size: 4;
}
.article-page .article-content figure.highlight code {
  padding: 0;
  border: 0;
  background: transparent;
}
.article-page .article-content .code-block {
  position: relative;
  max-width: 100%;
  margin: 1.8em 0;
  border: 1px solid #2b2440;
  background: #050310;
  overflow-x: auto;
}
.article-page .article-content .code-block pre {
  margin: 0;
  padding: 19px 21px;
  color: #cfc6e3;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 13px;
  line-height: 1.72;
  tab-size: 4;
}
.article-page .article-content .code-block pre code {
  padding: 0;
  border: 0;
  background: transparent;
}
.article-page .article-content .code-copy-button {
  position: absolute;
  z-index: 5;
  top: 7px;
  right: 8px;
  padding: 4px 9px;
  color: #b45cff;
  border: 1px solid #6b2bb8;
  border-radius: 0;
  background: #050310;
  cursor: pointer;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  line-height: 1.3;
}
.article-page .article-content .code-copy-button:hover,
.article-page .article-content .code-copy-button:focus-visible {
  color: #050310;
  border-color: #b45cff;
  background: #b45cff;
  outline: 0;
}
.article-page .article-content .code-copy-button.is-copied {
  color: #050310;
  border-color: #b45cff;
  background: #b45cff;
}
.article-page .article-content img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 1.8em auto;
  border: 1px solid #2b2440;
}
.article-page .article-content blockquote {
  margin: 2em 0;
  padding: 20px 24px;
  color: #9a90ae;
  border-left: 3px solid #6b2bb8;
  background: #100b1d;
}
.article-page .article-content blockquote p:last-child {
  margin-bottom: 0;
}
.article-page .article-content ul,
.article-page .article-content ol {
  margin: 0 0 1.55em;
  padding-left: 1.5em;
}
.article-page .article-content li + li {
  margin-top: 0.45em;
}
.article-page .article-content hr {
  margin: 3em 0;
  border: 0;
  border-top: 1px solid #2b2440;
}
.article-page .article-content > table {
  display: block;
  width: 100%;
  margin: 1.8em 0;
  border-collapse: collapse;
  overflow-x: auto;
}
.article-page .article-content > table th,
.article-page .article-content > table td {
  padding: 12px 14px;
  border: 1px solid #2b2440;
}
.article-page .article-content > table th {
  color: #ededed;
  background: #100b1d;
}
.article-neighbors {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 clamp(72px, 8vw, 126px);
  border-top: 1px solid #2b2440;
  border-left: 1px solid #2b2440;
}
.article-neighbors a,
.article-neighbors .article-neighbors__empty {
  display: grid;
  align-content: center;
  min-height: 150px;
  padding: 24px 28px;
  border-right: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
}
.article-neighbors a {
  color: #ededed;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
}
.article-neighbors a:before {
  content: none;
}
.article-neighbors a span {
  color: #b45cff;
  font-size: 10px;
}
.article-neighbors a strong {
  margin-top: 12px;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
.article-neighbors a:hover {
  background: rgba(180,92,255,0.08);
  text-shadow: none;
}
.article-neighbors .article-neighbors__empty {
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
}
.article-comments {
  max-width: 1200px;
  margin: 0 auto clamp(72px, 8vw, 126px);
}
.comment-channel {
  padding: 36px 0 24px;
  border-top: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
}
.comment-channel__header {
  display: flex;
  gap: 24px;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 28px;
}
.comment-channel__header p,
.comment-channel__header span {
  margin: 0;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
  letter-spacing: 0;
}
.comment-channel__header span {
  color: #807697;
}
.comment-channel__header h2 {
  margin: 8px 0 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0;
}
.comment-channel__embed {
  min-height: 160px;
}
.comment-channel__embed .utterances {
  max-width: none;
  margin: 0;
}
.search-dialog {
  width: 820px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  color: #cfc6e3;
  border: 1px solid #6b2bb8;
  border-radius: 0;
  background: #050310;
  box-shadow: 0 24px 80px rgba(0,0,0,0.72), 0 0 36px rgba(180,92,255,0.08);
  overflow: hidden;
}
.search-dialog::backdrop {
  background: rgba(5,3,12,0.88);
  backdrop-filter: blur(4px);
}
.search-dialog:not([open]) {
  display: none;
}
.search-panel {
  display: grid;
  max-height: calc(100dvh - 34px);
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
}
.search-panel__header {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 26px 28px 22px;
  border-bottom: 1px solid #2b2440;
}
.search-panel__header p {
  margin: 0 0 6px;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0;
}
.search-panel__header h2 {
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
}
.search-panel__close {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  padding: 0;
  place-items: center;
  color: #9a90ae;
  border: 1px solid #2b2440;
  border-radius: 0;
  outline: 0;
  background: transparent;
  font-size: 15px;
  letter-spacing: 0;
}
.search-panel__close:hover,
.search-panel__close:focus-visible {
  color: #ededed;
  border-color: #b45cff;
  background: rgba(180,92,255,0.08);
}
.search-field {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 24px 28px 16px;
  padding: 0 16px;
  color: #b45cff;
  border: 1px solid #2b2440;
  background: #100b1d;
}
.search-field:focus-within {
  border-color: #b45cff;
  box-shadow: 0 0 0 1px #6b2bb8;
}
.search-field input {
  width: 100%;
  height: 54px;
  padding: 0;
  color: #ededed;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
}
.search-field input::placeholder {
  color: #807697;
}
.search-summary {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 0 28px 12px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0;
}
.search-summary span:first-child {
  color: #b45cff;
}
.search-results {
  min-height: 0;
  border-top: 1px solid #2b2440;
  overflow-y: auto;
}
.search-result {
  display: block;
  padding: 20px 28px;
  color: #cfc6e3;
  border-bottom: 1px solid #2b2440;
  letter-spacing: 0;
  transition: background 150ms ease;
}
.search-result:hover,
.search-result:focus-visible {
  color: #cfc6e3;
  background: rgba(180,92,255,0.08);
  text-shadow: none;
  outline: 0;
}
.search-result h3 {
  margin: 8px 0 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
}
.search-result p {
  margin: 7px 0 0;
  color: #9a90ae;
  font-size: 14px;
  line-height: 1.6;
}
.search-result .search-result__tags {
  display: block;
  margin-top: 9px;
  color: #9d3ff2;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
}
.search-result__meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0;
}
.search-result__meta span {
  color: #b45cff;
}
.search-empty {
  margin: 0;
  padding: 32px 28px;
  color: #807697;
  border-top: 1px solid #2b2440;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
}
body.search-is-open {
  overflow: hidden;
}
.search-panel {
  position: fixed;
  z-index: 1500;
  inset: 0;
  display: grid;
  max-height: none;
  padding: 11vh 24px 24px;
  place-items: start center;
}
.search-panel[hidden] {
  display: none;
}
.search-panel__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(5,3,12,0.9);
  backdrop-filter: blur(8px);
  cursor: default;
}
.search-terminal {
  position: relative;
  z-index: 1;
  width: 900px;
  max-width: calc(100vw - 48px);
  max-height: 78vh;
  color: #cfc6e3;
  border: 1px solid #6b2bb8;
  background: #050310;
  box-shadow: 0 0 80px rgba(180,92,255,0.1);
  overflow: hidden;
}
.search-terminal__bar {
  display: grid;
  min-height: 54px;
  padding: 0 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0;
  align-items: center;
  border-bottom: 1px solid #2b2440;
  background: #100b1d;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
  letter-spacing: 0;
}
.search-terminal__bar .window-lights {
  display: flex;
  gap: 8px;
  padding-right: 20px;
}
.search-terminal__bar .window-lights span {
  width: 9px;
  height: 9px;
  background: #6b2bb8;
}
.search-terminal__bar .window-lights span:nth-child(2) {
  opacity: 0.7;
}
.search-terminal__bar .window-lights span:nth-child(3) {
  opacity: 0.4;
}
.search-terminal__bar p {
  margin: 0;
  color: #9a90ae;
}
.search-terminal__bar button {
  padding: 6px;
  color: #807697;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0;
}
.search-terminal__bar button:hover,
.search-terminal__bar button:focus-visible {
  color: #b45cff;
  outline: 0;
}
.search-terminal__body {
  max-height: calc(78vh - 55px);
  padding: clamp(24px, 4vw, 48px);
  overflow-y: auto;
}
.search-label {
  display: block;
  margin-bottom: 14px;
  color: #9a90ae;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 12px;
  letter-spacing: 0;
}
.search-label .prompt {
  color: #b45cff;
}
.search-input-row {
  display: grid;
  padding: 14px 16px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #6b2bb8;
  background: #120c22;
}
.search-input-row > span:first-child {
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
}
.search-input-row input {
  width: 100%;
  padding: 0;
  color: #ededed;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 21px;
  letter-spacing: 0;
}
.search-input-row input::placeholder {
  color: #807697;
}
.search-caret {
  width: 10px;
  height: 18px;
  background: #b45cff;
  animation: search-caret-blink 1.1s steps(2, end) infinite;
}
.search-status {
  margin: 15px 0 20px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0;
}
.search-results {
  display: grid;
  min-height: 0;
  border-top: 1px solid #2b2440;
  overflow: visible;
}
.search-result {
  display: grid;
  gap: 8px;
  padding: 20px 0;
  color: #cfc6e3;
  border-bottom: 1px solid #2b2440;
  letter-spacing: 0;
}
.search-result:hover,
.search-result:focus-visible {
  color: #cfc6e3;
  background: transparent;
  outline: 0;
  text-shadow: none;
}
.search-result:hover .search-result__title,
.search-result:focus-visible .search-result__title {
  color: #b45cff;
}
.search-result__meta {
  display: block;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0;
}
.search-result__title {
  margin: 0;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  transition: color 150ms ease;
}
.search-result__excerpt {
  display: -webkit-box;
  margin: 0;
  color: #9a90ae;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.search-result__taxonomies {
  color: #6b2bb8;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 10px;
  letter-spacing: 0;
}
body.search-open {
  overflow: hidden;
}
.comments-section {
  padding: 36px 0 24px;
  border-top: 1px solid #2b2440;
  border-bottom: 1px solid #2b2440;
  color-scheme: dark;
}
.comments-section .section-kicker {
  margin: 0;
  color: #b45cff;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
  letter-spacing: 0;
}
.comments-section h2 {
  margin: 8px 0 30px;
  color: #ededed;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0;
}
.comments-section #disqus_thread {
  min-height: 160px;
  color: #807697;
  font-family: "Fusion Pixel Latin", "SFMono-Regular", "Cascadia Mono", "Noto Sans Mono CJK SC", "PingFang SC", monospace;
  font-size: 11px;
}
@media (max-width: 1100px) {
  .site-frame {
    width: calc(100vw - 48px);
  }
  .site-header .window-bar,
  .site-header .nav-row {
    width: calc(100vw - 48px);
    max-width: none;
  }
  .window-title__name {
    display: none;
  }
  .home-hero .hero-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.55fr);
  }
  .article-layout {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 240px);
    gap: 44px;
  }
  .taxonomy-header h1 {
    font-size: 72px;
  }
  .taxonomy-header__count strong {
    font-size: 52px;
  }
  .archive-year > header span {
    font-size: 44px;
  }
  .archive-entry h2 {
    font-size: 23px;
  }
  .category-matrix,
  .link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-header h1 {
    font-size: 72px;
  }
  .about-hero .about-name {
    font-size: 48px;
  }
}
@media (max-width: 860px) {
  .site-frame {
    width: calc(100vw - 36px);
  }
  .site-header {
    padding-top: 10px;
  }
  .site-header .window-bar,
  .site-header .nav-row {
    width: calc(100vw - 36px);
  }
  .window-bar {
    min-height: 48px;
  }
  .site-main {
    padding-top: 0;
  }
  .nav-row {
    min-height: 74px;
    align-content: center;
    row-gap: 12px;
  }
  .nav-toggle {
    display: inline-flex;
    flex: none;
    margin-left: auto;
  }
  .site-nav {
    display: none;
    flex-basis: 100%;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin-left: 0;
    padding: 8px 0 4px;
    border-top: 1px solid #2b2440;
  }
  .site-nav.is-open {
    display: flex;
  }
  .site-nav a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 10px;
    border-bottom: 1px solid #2b2440;
    font-size: 14px;
  }
  .site-nav a:after {
    bottom: 0;
  }
  .site-nav a:hover,
  .site-nav a:focus-visible {
    color: #b45cff;
    background: rgba(180,92,255,0.08);
  }
  .site-nav .nav-prompt {
    display: inline;
    margin-right: 8px;
  }
  .site-nav {
    gap: 0;
  }
  .home-hero .hero-grid {
    grid-template-columns: 1fr;
  }
  .home-hero .hero-avatar {
    position: static;
    z-index: auto;
    width: 70vw;
    min-width: 0;
    max-width: 360px;
    justify-self: center;
    opacity: 1;
  }
  .home-hero {
    position: relative;
  }
  .home-hero .hero-copy h1 {
    font-size: clamp(54px, 16vw, 110px);
  }
  .home-hero .hero-description {
    font-size: 19px;
  }
  .article-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .article-sidebar {
    display: none;
  }
  .article-header h1 {
    font-size: clamp(40px, 10vw, 78px);
  }
  .taxonomy-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
  .taxonomy-header h1 {
    font-size: 58px;
  }
  .taxonomy-header__count {
    display: flex;
    gap: 14px;
    align-items: baseline;
    text-align: left;
  }
  .archive-year {
    grid-template-columns: minmax(0, 1fr);
  }
  .archive-year > header {
    flex-direction: row;
    gap: 16px;
    align-items: baseline;
    padding: 24px 0;
    border-right: 0;
    border-bottom: 1px solid #2b2440;
  }
  .archive-year > header small {
    margin-top: 0;
  }
  .archive-entry {
    padding-left: 0;
  }
  .page-header h1 {
    font-size: 58px;
  }
  .standalone-content {
    max-width: none;
  }
  .about-hero {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 28px;
    padding: 32px;
  }
  .about-hero .about-avatar {
    width: 150px;
    height: 150px;
  }
  .about-hero .about-name {
    font-size: 42px;
  }
  .category-node strong,
  .link-node strong {
    font-size: 25px;
  }
  .system-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .system-stats > div:nth-child(2) {
    border-right: 0;
  }
  .system-stats > div:nth-child(3) {
    border-left: 1px solid #2b2440;
  }
  .post-grid {
    grid-template-columns: 1fr;
  }
  .post-card,
  .post-card--featured {
    min-height: 380px;
    grid-column: auto;
  }
  .post-card--featured .post-card__body h3 {
    font-size: clamp(31px, 8vw, 50px);
  }
  .footer-signal {
    grid-template-columns: 1fr;
  }
  .footer-email {
    justify-content: space-between;
  }
  .footer-meta {
    grid-template-columns: 1fr auto;
  }
  .footer-meta p {
    grid-column: 1/-1;
  }
}
@media (max-width: 560px) {
  body {
    font-size: 15px;
  }
  html {
    scroll-padding-top: 16px;
  }
  .site-frame {
    width: calc(100vw - 24px);
  }
  .site-header .window-bar,
  .site-header .nav-row {
    width: calc(100vw - 24px);
  }
  .window-title__system {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .window-title__divider,
  .window-status .status-led {
    display: none;
  }
  .window-status__host {
    display: none;
  }
  .window-status {
    padding-left: 10px;
  }
  .nav-row {
    min-height: 64px;
  }
  .site-main {
    padding-top: 0;
  }
  .site-mark {
    display: none;
  }
  .nav-toggle {
    margin-left: 0;
  }
  .search-trigger {
    width: auto;
    margin: 0 0 0 auto;
  }
  .t-article {
    padding-top: 42px;
  }
  .t-article .article-head .article-title {
    font-size: clamp(30px, 10vw, 44px);
  }
  .t-article .article-content {
    margin-top: 42px;
    font-size: 16px;
    line-height: 1.82;
  }
  .t-article .article-content h1 {
    font-size: 28px;
  }
  .t-article .article-content h2 {
    padding-left: 12px;
    font-size: 24px;
  }
  .t-article .article-content figure.highlight {
    margin-right: 0;
    margin-left: 0;
  }
  .article-header .article-header__protocol {
    align-items: flex-start;
    flex-direction: column;
  }
  .article-header .article-header__protocol span:last-child {
    text-align: left;
  }
  .article-header .article-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .article-header .article-meta > div {
    min-width: 0;
    padding: 14px;
  }
  .search-panel {
    padding: 12px;
  }
  .search-terminal {
    width: 100%;
    max-width: none;
    max-height: calc(100vh - 24px);
  }
  .search-terminal__bar {
    padding: 0 12px;
  }
  .search-terminal__bar .window-lights {
    display: none;
  }
  .search-terminal__body {
    max-height: calc(100vh - 79px);
    padding: 18px 14px;
  }
  .search-input-row input {
    font-size: 14px;
  }
  .search-trigger {
    width: auto;
    justify-content: center;
    margin: 0 0 0 auto;
    padding: 9px 10px;
    font-size: 10px;
  }
  .search-trigger__key {
    display: none;
  }
  .comments-section h2 {
    font-size: 32px;
  }
  .article-origin {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px;
  }
  .article-origin .article-origin__open {
    justify-self: start;
  }
  .article-page .article-content {
    font-size: 16px;
    line-height: 1.82;
  }
  .article-page .article-content h1 {
    font-size: 30px;
  }
  .article-page .article-content h2 {
    font-size: 27px;
  }
  .article-page .article-content blockquote {
    padding: 20px 18px;
  }
  .article-page .article-content figure.highlight pre {
    font-size: 12px;
  }
  .article-neighbors {
    grid-template-columns: 1fr;
  }
  .taxonomy-page {
    padding: 48px 0 64px;
  }
  .taxonomy-header {
    padding-bottom: 34px;
  }
  .taxonomy-header h1 {
    font-size: 42px;
  }
  .taxonomy-header__count strong {
    font-size: 44px;
  }
  .archive-command,
  .taxonomy-command {
    margin: 28px 0;
    padding: 14px 16px;
    font-size: 13px;
  }
  .archive-year > header span {
    font-size: 36px;
  }
  .archive-entry {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    min-height: 0;
    padding: 22px 0;
  }
  .archive-entry .archive-entry__line {
    display: none;
  }
  .archive-entry time {
    font-size: 12px;
  }
  .archive-entry h2 {
    font-size: 20px;
  }
  .archive-entry p {
    font-size: 11px;
  }
  .archive-entry .archive-entry__open {
    padding: 8px;
    font-size: 20px;
  }
  .archive-pagination {
    grid-template-columns: 1fr 1fr;
  }
  .archive-pagination .archive-pagination__pages {
    grid-row: 1;
    grid-column: 1/-1;
    justify-content: center;
  }
  .standalone-page {
    padding: 48px 0 64px;
  }
  .page-header {
    margin-bottom: 44px;
  }
  .page-header h1 {
    font-size: 42px;
  }
  .page-header .page-header__line {
    gap: 14px;
  }
  .category-matrix,
  .link-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 32px;
  }
  .category-node,
  .link-node {
    min-height: 180px;
    padding: 24px;
  }
  .category-node strong,
  .link-node strong {
    font-size: 27px;
  }
  .tag-cloud-terminal {
    gap: 8px;
    margin-top: 32px;
    padding: 18px 12px;
  }
  .about-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 24px;
  }
  .about-hero .about-avatar {
    width: 150px;
    height: 150px;
  }
  .about-hero .about-name {
    font-size: 40px;
  }
  .about-hero .about-tagline {
    font-size: 13px;
  }
  .about-card {
    padding: 24px;
  }
  .about-card h2 {
    font-size: 28px;
  }
  .about-channel-list > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }
  .about-note {
    padding: 20px;
  }
  .home-hero .command-stack {
    font-size: 12px;
    overflow: hidden;
  }
  .home-hero .command-stack p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .home-hero .hero-copy h1 {
    font-size: clamp(48px, 17.8vw, 92px);
  }
  .home-hero .hero-title-cn {
    font-size: 23px;
  }
  .home-hero .hero-avatar {
    width: 78vw;
    max-width: 300px;
  }
  .home-hero .focus-chips {
    gap: 7px;
  }
  .chip {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 10px;
  }
  .system-stats > div {
    min-width: 0;
    padding: 20px 14px;
  }
  .system-stats strong {
    font-size: 26px;
  }
  .system-stats .system-online {
    font-size: 17px;
  }
  .section-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .post-card,
  .post-card--featured {
    min-height: 360px;
    padding: 22px 18px;
  }
  .post-card__meta {
    gap: 10px;
    font-size: 9px;
  }
  .post-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .post-card__read {
    align-self: flex-end;
  }
  .footer-meta {
    gap: 18px;
    grid-template-columns: 1fr;
  }
  .footer-meta p,
  .footer-links,
  .back-to-top {
    grid-column: auto;
  }
}
@-moz-keyframes archive-cursor-blink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes archive-cursor-blink {
  50% {
    opacity: 0;
  }
}
@-o-keyframes archive-cursor-blink {
  50% {
    opacity: 0;
  }
}
@keyframes archive-cursor-blink {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes search-caret-blink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes search-caret-blink {
  50% {
    opacity: 0;
  }
}
@-o-keyframes search-caret-blink {
  50% {
    opacity: 0;
  }
}
@keyframes search-caret-blink {
  50% {
    opacity: 0;
  }
}