/**
 * 小工具全局样式 - 统一内容区域宽度
 * 使所有小工具跟随网站全局内容区域宽度
 * 
 * 父主题通过 .container 类控制宽度，小工具需要与 .container 保持一致
 */

/* ============================================
   核心：首页模块区域的小工具（横向排列的）
   ============================================ */

/* 首页小工具容器 - 与父主题 .container 保持一致 */
/* 使用 !important 确保覆盖父主题默认样式 */
.home-widget,
.home-widget-box,
.widget_zibll_home_banner,
.widget_ui_home_user_author,
.widget_ui_home_user_listsents,
.widget_ui_search_widget,
.widget_ui_home_user_tjs,
.Dahai_Visitor_Widget,
.Xwdhgj_Widget,
.XuWbk_PHB_Widget,
.Xuwbk_Statistics_Widget,
.Fubti_Widget,
.Money_Ranklist_Widget,
.Zib_Theme_Promotion_Widget,
.Zibll_Bookmark_Logo_Carousel_Widget,
.ZB_Editable_Text_Ads_Widget,
.XuWbk_VIP_Fragments_Widget,
.Xuwbk_Snow_Widget {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* ============================================
   小工具内部容器
   ============================================ */

/* zib-widget 容器 */
.zib-widget,
.zib-widget-wrap {
    max-width: 100% !important;
}

/* ============================================
   特定小工具样式
   ============================================ */

/* 底部统计小工具 - 主容器 */
.widget_tj,
.widget_tj .huliku-info-item,
#huliku-info-wg-mian {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 文章访客小工具 */
.dahai-visitor-box,
.theme-box.dahai-visitor-box {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 副标题美化小工具 */
.fubti_widget_no_wrap {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 导航模块小工具 */
.hf-widget,
.hf-widget-1,
.hf-widget-2,
.hf-widget-software,
.hf-widget-hot-cats {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 付费购买小工具 */
.pay-widget,
.pay-box,
.zib-widget.pay-box {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 作者小工具 */
.widget_ui_home_user_author {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 排行榜小工具 */
.phb-widget-container {
    max-width: var(--container-width, 1400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================
   响应式调整
   ============================================ */

@media screen and (max-width: 1200px) {
    .home-widget,
    .home-widget-box,
    .widget_tj,
    .dahai-visitor-box,
    .fubti_widget_no_wrap,
    .hf-widget,
    .pay-widget,
    .widget_ui_home_user_author {
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .home-widget,
    .home-widget-box,
    .widget_tj,
    .dahai-visitor-box,
    .fubti_widget_no_wrap,
    .hf-widget,
    .pay-widget,
    .widget_ui_home_user_author {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}