@charset "UTF-8";
/* 从 test/v9 的 article-content.css 移植的博客正文样式，仅作用于文章内容。 */
.v9-blog-article__content {
  --article-title: #005bb7;
  --article-strong: #2196f3;
  --article-em: #4fc3f7;
  --article-link: #3da8f5;
  --article-link-hover: #007fff;
  --article-border: #bedcff;
  --article-quote: #8c8c8c;
  --article-quote-bg: #f0fdff;
  --article-code: #c2185b;
  --article-code-bg: #fff4f4;
  --article-code-block: #f8f8f8;
  --article-table-border: #c3e0fd;
  --article-table-head: #dff0ff;
  --article-table-stripe: #f7fbff;
  --article-table-hover: #e0edf7;
  word-break: break-word;
  line-height: 1.75;
  font-size: 15px;
}
[data-theme="dark"] .v9-blog-article__content {
  --article-title: #ddd;
  --article-strong: #fe9900;
  --article-em: #ffd28e;
  --article-link: #ffb648;
  --article-link-hover: #fe9900;
  --article-border: #ffe3ba;
  --article-quote: #c7c7c7;
  --article-quote-bg: rgba(255,199,116,.1);
  --article-code: #151513;
  --article-code-bg: #ffcb7b;
  --article-code-block: rgba(255,227,185,.14);
  --article-table-border: #846237;
  --article-table-head: #665033;
  --article-table-stripe: #30291f;
  --article-table-hover: #3d3223;
}
.v9-blog-article__content h1, .v9-blog-article__content h2, .v9-blog-article__content h3, .v9-blog-article__content h4, .v9-blog-article__content h5, .v9-blog-article__content h6 { color: var(--article-title); font-family: inherit; font-weight: 600; letter-spacing: normal; line-height: 1.5; }
.v9-blog-article__content h1 { margin: 36px 0 10px; padding-bottom: 4px; font-size: 30px; }
.v9-blog-article__content h2 { position: relative; margin: 36px 0 10px; padding: 0 10px 10px 14px; border-bottom: 1px solid var(--v9-line); font-size: 24px; }
.v9-blog-article__content h2::before { position: absolute; top: .35em; left: 0; width: 3px; height: 1em; border-radius: 2px; background: var(--article-strong); content: ""; }
.v9-blog-article__content h2::after { display: none; }
.v9-blog-article__content h3 { position: relative; margin: 30px 0 10px; padding-left: 6px; font-size: 20px; }
.v9-blog-article__content h3::before { display: inline-block; width: 4px; height: .8em; margin-right: 9px; border-radius: 2px; background: var(--article-strong); content: ""; }
.v9-blog-article__content h4 { margin: 24px 0 10px; padding-left: 6px; font-size: 16px; }
.v9-blog-article__content h5 { margin: 18px 0 10px; padding-left: 6px; font-size: 14px; }
.v9-blog-article__content h6 { margin: 12px 0 10px; padding-left: 6px; font-size: 12px; }
.v9-blog-article__content p { margin: 16px 0; line-height: inherit; }
.v9-blog-article__content img { max-width: 100%; height: auto; border-radius: 8px; }
.v9-blog-article__content figure, .v9-blog-article__content .wp-caption { box-sizing: border-box; max-width: 100%; }
.v9-blog-article__content figure.wp-caption, .v9-blog-article__content figure.wp-block-image { margin: 24px auto; }
.v9-blog-article__content figure.wp-caption > a, .v9-blog-article__content figure.wp-block-image > a { max-width: 100%; }
.v9-blog-article__content figcaption, .v9-blog-article__content .wp-caption-text, .v9-blog-article__content .wp-element-caption { box-sizing: border-box; max-width: 100%; margin: 0; padding: 9px 12px 0; color: var(--v9-muted); font-size: 13px; font-weight: 400; line-height: 1.65; text-align: center; overflow-wrap: anywhere; }
.v9-blog-article__content hr { height: 1px; margin: 32px 0; border: 0; background: linear-gradient(90deg, var(--article-link), rgba(255,0,0,.3), transparent, rgba(255,0,0,.3), var(--article-link)); }
.v9-blog-article__content a:not(.wp-block-button__link) { color: var(--article-link); border-bottom: 1px solid var(--article-border); text-decoration: none; }
.v9-blog-article__content a:not(.wp-block-button__link):hover { color: var(--article-link-hover); border-bottom-color: var(--article-link-hover); }
.v9-blog-article__content strong, .v9-blog-article__content b { color: var(--article-strong); }
.v9-blog-article__content em, .v9-blog-article__content i { color: var(--article-em); }
.v9-blog-article__content del { color: var(--v9-muted); }
.v9-blog-article__content code { padding: .065em .4em; border-radius: 2px; background: var(--article-code-bg); color: var(--article-code); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: .87em; word-break: break-word; }
.v9-blog-article__content pre { max-width: 100%; padding: 0; overflow-x: auto; border: 0; border-radius: 0; background: transparent; line-height: 1.75; }
.v9-blog-article__content pre code { display: block; padding: 16px 12px; overflow-x: auto; background: var(--article-code-block); color: var(--v9-text); font-size: 12px; white-space: pre; word-break: normal; }
.v9-blog-article__content pre code::-webkit-scrollbar { width: 4px; height: 4px; }
.v9-blog-article__content pre code::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--article-strong); }
.v9-blog-article__content table { display: block; width: max-content; max-width: 100%; overflow-x: auto; border: 1px solid var(--article-table-border); border-collapse: collapse; font-size: 12px; }
.v9-blog-article__content table tr:nth-child(even) { background: var(--article-table-stripe); }
.v9-blog-article__content table tr:hover { background: var(--article-table-hover); }
.v9-blog-article__content table th, .v9-blog-article__content table td { min-width: 120px; padding: 12px 8px; border: 1px solid var(--article-table-border); line-height: 1.5; text-align: left; }
.v9-blog-article__content table th { background: var(--article-table-head); color: var(--article-title); }
.v9-blog-article__content blockquote { margin: 22px 0; padding: 1px 20px; border-left: 4px solid var(--article-strong); background: var(--article-quote-bg); color: var(--article-quote); }
.v9-blog-article__content blockquote > p { margin: 10px 0; }
.v9-blog-article__content ul, .v9-blog-article__content ol { padding-left: 28px; list-style-position: outside; }
.v9-blog-article__content ul { list-style-type: disc; }
.v9-blog-article__content ol { list-style-type: decimal; }
.v9-blog-article__content li { list-style: inherit; }
.v9-blog-article__content li + li { margin-top: 4px; }
.v9-blog-article__content details > summary { padding: 6px 0; border-bottom: 1px solid var(--article-border); color: var(--article-title); cursor: pointer; font-size: 20px; font-weight: 700; }
.v9-blog-article__content details > p { margin: 10px 0 0; padding: 10px 20px; border: 2px dashed var(--article-strong); background: var(--article-quote-bg); }
.v9-blog-article__content .contains-task-list { padding-left: 14px; list-style: none; }
.v9-blog-article__content .contains-task-list li { list-style: none; }
.v9-blog-article__content .wp-block-image, .v9-blog-article__content .wp-block-gallery { max-width: 100%; }
.v9-blog-article__content .aligncenter { margin-left: auto; margin-right: auto; }
.v9-blog-article__content .alignleft { float: left; margin-right: 18px; }
.v9-blog-article__content .alignright { float: right; margin-left: 18px; }
@media (max-width: 720px) { .v9-blog-article__content h1 { font-size: 24px; } .v9-blog-article__content h2 { font-size: 20px; } .v9-blog-article__content h3 { font-size: 18px; } }
.v9-blog-article__content a.guitar-blog-lightbox-link { display: inline-block; max-width: 100%; border-bottom: 0; cursor: zoom-in; }
.v9-blog-article__content a.guitar-blog-lightbox-link:hover { border-bottom: 0; }
.v9-blog-article__content .guitar-blog-lightbox-link img { display: block; }
.v9-blog-article__content .guitar-blog-lightbox-link.is-centered { display: table; margin-left: auto; margin-right: auto; }
.v9-blog-article__cover .guitar-blog-lightbox-link { display: block; cursor: zoom-in; }
.guitar-blog-lightbox-link:focus-visible { outline: 2px solid var(--v9-red); outline-offset: 3px; }
.glightbox-container { z-index: 100001; }