/*
Theme Name: ZhuguangTheme
Theme URI: https://zg.wzhut.com
Author: zg.wzhut.com
Author URI: zg.wzhut.com
Description: wordpress烛光自媒体主题。
Requires at least: 6.7
Requires PHP: 8.0
Version: 1.0.0
Text Domain: zhuguang_theme
*/
.article-content article {
  --ds-input-height-l: 44px;
  --ds-input-height-m: 34px;
  --ds-input-height-s: 30px;
  --ds-input-height-xs: 26px;
  --ds-font-weight-strong: 600;
  --ds-font-size-l: 16px;
  --ds-line-height-l: 28px;
  --ds-font-size-m: 14px;
  --ds-line-height-m: 25px;
  --ds-font-size-sp: 13px;
  --ds-line-height-sp: 23px;
  --ds-font-size-s: 12px;
  --ds-line-height-s: 21px;
  --ds-font-size-xsp: 11px;
  --ds-line-height-xsp: 19.5px;
  --ds-font-size-xs: 10px;
  --ds-line-height-xs: 18px;
  --ds-ease-in-out: cubic-bezier(.4,0,.2,1);
  --ds-ease-in: cubic-bezier(.4,0,1,1);
  --ds-ease-out: cubic-bezier(0,0,.2,1);
  --ds-font-family-code: Menlo, "Roboto Mono", "Courier New", Courier, monospace, "Inter", sans-serif;
  --ds-transition-duration: .2s;
  --ds-transition-duration-fast: .1s;
  --ds-transition-duration-slow: .3s;
  --ds-rgb-info: var(--ds-rgb-blue-500);
  --ds-rgb-primary: var(--ds-rgb-blue-500);
  --ds-rgb-primary-foreground: var(--ds-rgb-white);
  --ds-rgb-label-1: var(--ds-rgb-neutral-700);
  --ds-rgb-label-2: var(--ds-rgb-neutral-450);
  --ds-rgb-label-3: var(--ds-rgb-neutral-400);
  --ds-rgb-error: var(--ds-rgb-red-500);
  --ds-rgb-warning: var(--ds-rgb-amber-500);
  --ds-rgb-success: var(--ds-rgb-green-500);
  --ds-rgba-transparent: 255 255 255 / 0;
  --ds-rgb-bg-base: var(--ds-rgb-white);
  --ds-rgb-elevated: var(--ds-rgb-white);
  --ds-rgb-track: var(--ds-rgb-neutral-200);
  --ds-rgb-hover: var(--ds-rgb-neutral-100);
  --ds-rgb-header: var(--ds-rgb-neutral-50);
  --ds-rgb-separator: var(--ds-rgb-neutral-100);
  --ds-rgb-separator-strong: var(--ds-rgb-neutral-200);
  --ds-rgb-input: var(--ds-rgb-neutral-100);
  --ds-rgb-input-strong: var(--ds-rgb-neutral-150);
  --ds-rgb-input-focus: var(--ds-rgb-white);
  --ds-rgb-link: var(--ds-rgb-primary);
  --ds-rgb-tag: var(--ds-rgb-neutral-200);
  --ds-rgb-segmented: var(--ds-rgb-neutral-100);
  --ds-rgb-segmented-button: var(--ds-rgb-white);
  --ds-rgb-segmented-separator: var(--ds-rgb-neutral-300);
  --ds-rgb-thumb: var(--ds-rgb-white);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Open Sans, sans-serif;
}

.article-content article {
  --ds-md-zoom: 1.143;
  --ds-md-font-size: calc(var(--ds-md-zoom)*var(--ds-font-size-m));
  --ds-md-line-height: calc(var(--ds-md-zoom)*var(--ds-line-height-m));
  font-size: var(--ds-md-font-size);
  min-height: var(--ds-md-font-size);
  line-height: var(--ds-md-line-height)
}

.article-content article img {
  max-width: 100%
}

.article-content article h1,.article-content article h2,.article-content article h3,.article-content article h4,.article-content article h5,.article-content article h6 {
  font-weight: var(--ds-font-weight-strong);
  font-size: var(--ds-md-font-size);
  line-height: var(--ds-md-line-height);
  margin: calc(var(--ds-md-zoom)*16px)0 calc(var(--ds-md-zoom)*12px)0
}

.article-content article h1 {
  font-size: calc(var(--ds-md-zoom)*24px);
  line-height: 1.5
}

.article-content article h2 {
  font-size: calc(var(--ds-md-zoom)*20px);
  line-height: 1.5
}

.article-content article h3 {
  font-size: calc(var(--ds-md-zoom)*16px);
  line-height: 1.5
}

.article-content article h1 .header-anchor,.article-content article h2 .header-anchor,.article-content article h3 .header-anchor,.article-content article h4 .header-anchor,.article-content article h5 .header-anchor,.article-content article h6 .header-anchor {
  opacity: 0;
  margin-left: 4px
}

.article-content article h1:hover .header-anchor,.article-content article h2:hover .header-anchor,.article-content article h3:hover .header-anchor,.article-content article h4:hover .header-anchor,.article-content article h5:hover .header-anchor,.article-content article h6:hover .header-anchor {
  opacity: 1
}

.article-content article p {
  margin: calc(var(--ds-md-zoom)*12px)0;
  font-size: var(--ds-md-font-size);
  line-height: var(--ds-md-line-height)
}



.article-content article a:not(.ds-a):focus-visible {
  box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.article-content article li>ul,.article-content article li>ol {
  margin-top: 4px
}

.article-content article ul,.article-content article ol {
  margin: calc(var(--ds-md-zoom)*12px)0;
  padding-left: calc(var(--ds-md-zoom)*24px)
}

.article-content article li:not(:first-child) {
  margin-top: 4px
}

.article-content article li::marker {
  line-height: var(--ds-md-line-height);
  color: rgb(var(--ds-rgb-label-2))
}

.article-content article hr {
  height: 1px;
  margin: calc(var(--ds-md-zoom)*12px)0;
  background: rgb(var(--ds-rgb-label-3));
  border: none;
  display: block
}

.article-content article blockquote {

  margin:0;
  padding: 8px 16px;
  background: #fafafa;
  color: #6a6f74;
  line-height: 1.5;

}




.article-content article-math {
  text-align: center;
  display: block;
  overflow-x: auto;
  overflow-y: hidden
}

.article-content article>* .article-content article-math {
  margin: calc(var(--ds-md-zoom)*12px)0
}

.article-content article>* .article-content article-math:first-child {
  margin-top: 0
}

.article-content article>* .article-content article-math:last-child {
  margin-bottom: 0
}

.article-content article-code-copy-button {
  background-color: rgba(var(--ds-rgba-transparent));
  color: inherit;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0
}

.article-content article li>p {
  margin: 4px 0
}

.article-content article li>:first-child {
  margin-top: 0
}

.article-content article li>:last-child {
  margin-bottom: 0
}

.article-content article p:last-child {
  margin-bottom: 0!important
}

.article-content article>:first-child {
  margin-top: 0!important
}

.article-content article>:last-child {
  margin-bottom: 0!important
}





.article-content article ol li {
  list-style-type: decimal ; /* 第二层级使用方块 */
}

.article-content article ul li {
  list-style-type: circle ;
}

.article-content article ul li ul li {
  list-style-type: square ; /* 第三层级使用圆点 */
}

.article-content article a:not(.wp-element-button){
  color: cornflowerblue;
}

.article-content article table {

}

.article-content article .wp-block-table .wp-element-caption {
  text-align: center;
  font-size: 14px;
}
.article-content article table  thead{
  border: none;
  background: #f3f3f3;
  font-weight: normal;
}

.article-content article table  tfoot{
  border: none;
  background: #f3f3f3;
  font-weight: normal;
}


.article-content article  .wp-block-table td, .wp-block-table th {
  border: 1px solid #f3f3f3;
  padding: .5em;
}