:root{
    --hzlightcolor:rgba(224, 74, 28, 0.2);
    --hzradius:4px;
    --hzcolor:#e04a1c;
    --hzlight:rgba(224, 74, 28, 0.03);
}

.site{
    
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center top;
}
.header-banner{
    
}
.modal-content{
    background-image: url(https://gihut.com/wp-content/themes/Hozon/assets/img/bg/model-bg.png);
}
.footer-wrap{
    background-image: url(none);
}
    .footer{
        color:#121212;
    }
    .footer-bookmarks{
        color:#ffffff;
    }
    .footer-copy{
        color:#ffffff;
    }
.site{
    background-color:#f7f9fa;
}
.wrapper{
    width: 1080px;
    max-width:100%;
    margin:0 auto;
}
.single .content-area,
.page .content-area {
    max-width: calc(100% - 296px);
    margin: 0 auto;
    flex:1;
}
.single .post-list-cat a {
    background-color: rgba(224, 74, 28, 0.1);
    color: #e04a1c!important;
}
.widget-area{
    width: 280px;
    min-width: 280px;
    margin-left: 16px;
    max-width: 100%;
}
.radius {
    border-radius: 4px;
}
.loop-grid {
    margin-right: -8px;
    margin-left: -8px;
}
.post-list-item,
.product-list-item {
    padding:8px;
} 
.foot-widgets {
    margin:0 -16px;
}
.author-page-nav a.active,
.author_tab.active {
    border-radius: 4px;
}
.mg-r {
    margin-right:16px;
}
.mg-b {
    margin-bottom:16px;
}
.mg-t {
    margin-top:16px;
}
.mg-l {
    margin-left:16px;
}
.hz-mg {
    margin:16px;
}
.hz-pd{
    padding:16px;
}
.hz-py{
    padding:16px  0;
}
.hz-px{
    padding:0 16px;
}
.hz-py-1{
    padding:24px  0;
}
.hz-px-1{
    padding:0 24px;
}
.hz_gap {
    grid-gap:16px;
}
.button,
button {
    background:#e04a1c;
    border:1px solid #e04a1c;
    border-radius:4px;
}
button.empty {
    color: #e04a1c;
    background: rgba(255, 255, 255, 0);
}
/** 侧边 **/
.widget header h3:after {
    background-color: #e04a1c;
}
.widget header .widget-title a,
.widget .color {
    color: #e04a1c;
}
.author .author_tab.active span {
    color: #e04a1c;
}
.post-share a.active {
    fill: #e04a1c;
    color: #e04a1c;
}
.hz-color{
    color: #e04a1c !important;
}
.hz-light {
    background-color:rgba(224, 74, 28, 0.18);
}
.hz-light-dark {
    background-color:rgba(224, 74, 28, 0.52);
}
.hz-light-bg {
    background-color:rgba(224, 74, 28, 0.12);
}
.hz-page-bg::before{
    background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,#f7f9fa 100%);
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    .mg-b{
        margin-bottom:12px;
    }
    .mg-t{
        margin-top:12px;
    }
    .mg-t-{
        margin-top:-10px;
    }
    .mg-l{
        margin-left:12px;
    }
    .mg-r{
        margin-right:12px;
    }
    .hz-mg{
        margin:12px;
    }
    .hz-pd{
        padding:12px;
    }
    .hz-py {
        padding:12px;
    }
    .loop-grid {
        margin-right: -4px;
        margin-left: -4px;
    }
    .loop-grid .post-list-item,
    .loop-grid .product-list-item {
        padding:4px;
    } 
}
a:hover {
    color: #e04a1c;
    transition: color 0.2s ease;
}
a.button:hover {
    color: #fff;
}



/* ========== 轻量优化：不改动字体、不闪烁、不破坏风格 ========== */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background: var(--bg-body);
  color: var(--text-body);
  transition: background-color 0.3s ease, color 0.3s ease;
}

img {
  max-width: 100%;
  height: auto;
}


/* ========== 卡片/内容块 统一质感（不抢主题风格） ========== */
.post-item,
.card,
.sidebar-widget,
.widget-box,
.article-content,
.entry-content {
  background: var(--bg-secondary);
  border-radius: 10px;
  border: 1px solid var(--border-color);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 悬浮微动效（高级不夸张） */
.post-item:hover,
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* ========== 导航栏优化（不改变配色） ========== */
.navbar,
.site-header {
  background: var(--bg-secondary);
  border-color: var(--border-color);
  transition: all 0.3s ease;
  z-index: 999;
}

/* ========== 表单 / 代码块 适配 ========== */
input, textarea, select {
  background: var(--bg-secondary);
  color: var(--text-body);
  border: 1px solid var(--border-color);
  transition: all 0.2s ease;
}

pre, code {
  background: var(--bg-muted);
  color: var(--text-body);
  border-radius: 6px;
}

/* ========== 移动端适配（不挤边） ========== */
@media (max-width: 768px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}