/*
Theme Name: Module Child
Theme URI: https://www.pavoglobe.com/
Description: PAVO 站点使用的 Module 主题子主题。所有自定义代码放在这里，父主题升级时不会被覆盖。
Author: PAVO Web Team
Author URI: https://www.pavoglobe.com/
Template: module
Version: 1.8.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: module-child
*/

/* ==========================================================================
   子主题样式区
   --------------------------------------------------------------------------
   三条纪律，违反会出问题：

   1. 不要写 @import 引入父主题样式。
      父主题主样式（css/style.css，351 KB）由 functions.php 第 1 节
      用 wp_enqueue_style 以句柄 module-parent 加载，优先级 0 排在最前。
      这里再 @import 一次会重复下载、拖慢首屏、打乱覆盖顺序。

   2. 这里只放"必须覆盖父主题"的少量样式。
      大量样式请进「主题设置 → 自定义 CSS」，那边有缓存合并机制，
      放在这里不会被合并，会拖慢首屏。

   3. 不要无脑 !important。
      优先用更高优先级的选择器（例如 .entry-content .logo 而不是 .logo）。
   ========================================================================== */


/* --------------------------------------------------------------------------
   归档页 H1
   --------------------------------------------------------------------------
   由 functions.php 里的 pavo_child_archive_h1() 输出。
   父主题原本没有这个类，所以不存在样式冲突。

   字号取 26px：略小于文章页 entry-title，大于产品卡片标题（H3），
   在视觉上形成"页面标题 > 产品标题"的层级，和语义层级一致。
   -------------------------------------------------------------------------- */
.archive-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 24px;
    padding: 0;
    color: inherit;
    word-break: break-word;
}

@media (max-width: 768px) {
    .archive-title {
        font-size: 22px;
        margin-bottom: 18px;
    }
}


/* --------------------------------------------------------------------------
   产品属性：PC 端双列（属性超过 7 条时）
   --------------------------------------------------------------------------
   由 functions.php 第 10 节在 <body> 上加 .pavo-attr-2col 触发，
   只有属性条数 > 7 的产品才会命中，其余产品保持父主题的一列布局。

   父主题原有样式（css/style.css）：
       .entry .entry-info-item        { margin-bottom:10px }
       .entry .entry-info-item span   { min-width:62px; margin-right:10px;
                                        display:inline-block; vertical-align:top }

   这里只把外层容器换成 Grid，条目本身仍是块级流式排版：
   标签太长时值会自然折到下一行、左对齐，不会溢出单元格。

   断点选 1024px：992-1023 区间父主题会把 #preview 从 464px 收到 364px，
   右侧信息区随之变窄，此时双列会挤，仍保持一列更好看。
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {

    .pavo-attr-2col .entry-info-item-wrap {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 28px;
        row-gap: 0; /* 条目自带 margin-bottom:10px，这里再加会变松 */
    }

    .pavo-attr-2col .entry-info-item {
        min-width: 0;                 /* 允许在 Grid 单元格里收缩 */
        overflow-wrap: break-word;    /* 超长型号不撑破列宽 */
    }

    /* 双列后每列约 340px，标签的 62px 下限保留，但去掉右侧固定 10px
       改用 6px，给值多留一点空间 */
    .pavo-attr-2col .entry-info-item span {
        margin-right: 6px;
    }
}


/* 模块23：视觉隐藏 H1（SEO 用，页面无视觉变化） */
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
:root{--theme-color: #08c; --theme-hover: #07c; --menu-hover: #4A90E2; --header-height: 80px; --header-fixed-height: 72px; --header-font-size: 16px; --menu-font-weight: 600; --menu-item-gap: 30px; --logo-height: 55px; --logo-height-mobile: 34px; --theme-font-family: 'Open Sans', sans-serif; --theme-title-font: var(--theme-font-family); --theme-title-font-weight: 600; --theme-title-font-size: 32px; --theme-border-radius-s: 3px; --theme-border-radius-m: 5px; --theme-border-radius-l: 8px; --theme-border-radius-xl: 12px;}.entry .entry-content, .entry .entry-content > p {line-height: 1.47;}
#modules-33{margin-top: 0px;margin-bottom: 0px;padding: 0px 0px 0px 0px;background-repeat: no-repeat;background-size: cover;background-position: center center;} @media (max-width: 767px){#modules-33{}} @media (min-width: 768px){#modules-33{}} #modules-34{margin-top: 0px;margin-bottom: 0px;} @media (max-width: 767px){#modules-34{}} #modules-34 > .container-inner{background-repeat: no-repeat;background-size: cover;background-position: center center;padding: 0px 0px 0px 0px;border-radius: 0px;} @media (min-width: 768px){#modules-34{}} #modules-32{margin-top: 0px;margin-bottom: 0px;} #modules-32 .swiper-pagination{bottom: 1em; right: 2em; left: auto; transform: translateZ(0);width:auto;} @media (max-width: 767px){#modules-32 .swiper-pagination{bottom: 0.8em; right: 1.2em;}} #modules-13{margin-top: 0px;margin-bottom: 0px;padding: 0px 0px 0px 0px;background-image: url('//www.pavoglobe.com/wp-content/uploads/2026/10/imageye___-_imgi_130_ip1_bj-1.jpg');background-repeat: no-repeat;background-size: cover;background-position: center center;} @media (max-width: 767px){#modules-13{}} @media (min-width: 768px){#modules-13{}} #modules-15{margin-top: 0px;margin-bottom: 0px;} @media (max-width: 767px){#modules-15{}} #modules-15 > .container-inner{background-repeat: no-repeat;background-size: cover;background-position: center center;padding: 100px 0px 100px 0px;border: 0;border-radius: 0px;} @media (min-width: 768px){#modules-15{}} #modules-25{margin-top: 0px;margin-bottom: 60px;} #modules-25 .mc-text{padding-top: 120px;padding-bottom: 160px;} #modules-14{margin-top: 0px;margin-bottom: 20px;color: #FFFFFF;} #modules-14 .sec-title{color: #FFFFFF;} #modules-14 .sec-title-wrap:after{background-color: #FFFFFF;} #modules-14 .sec-title-wrap:before{background-color: #FFFFFF;} #modules-14 .number-item-wrap{color: #FFFFFF;background-color: rgba(155,155,155,0.1);padding-top: calc(var(--module-number-size) / 2);padding-bottom: calc(var(--module-number-size) / 2);border-radius: 0px;} #modules-14 .align-type-0 .number-item-wrap{padding-left: calc(var(--module-number-size) / 2);} #modules-14 .align-type-3 .number-item-wrap{padding-right: calc(var(--module-number-size) / 2);} @media (max-width: 767px){#modules-14 .align-type-mobile-0 .number-item-wrap{padding-left: calc(var(--module-number-size) / 2)!important;}} @media (max-width: 767px){#modules-14 .align-type-mobile-3 .number-item-wrap{padding-right: calc(var(--module-number-size) / 2)!important;}} #modules-14 .number-scroll{--module-number-size: 46px;} #modules-19{margin-top: 0px;margin-bottom: 60px;padding: 20px 0px 20px 0px;background-repeat: no-repeat;background-size: cover;background-position: center center;} @media (max-width: 767px){#modules-19{}} @media (min-width: 768px){#modules-19{}} #modules-27{margin-top: 0px;margin-bottom: 0px;} #modules-27 .feature-wrap{--module-cols: 3;} @media (max-width: 767px){#modules-27 .feature-wrap{--module-cols: 2;}} #modules-27 .feature-wrap .fea-1 .fea-icon{color: #90caf9;border-color: #90caf9;} #modules-27 .f-layout-1 .fea-1:hover .fea-icon{background-color: #90caf9;color:#fff;} #modules-27 .f-layout-3 .fea-1 .fea-icon{background-color: #90caf9;} #modules-27 .f-layout-4 a.fea-1:hover .fea-item-title{color: #90caf9;} #modules-27 .feature-wrap .fea-2 .fea-icon{color: #90caf9;border-color: #90caf9;} #modules-27 .f-layout-1 .fea-2:hover .fea-icon{background-color: #90caf9;color:#fff;} #modules-27 .f-layout-3 .fea-2 .fea-icon{background-color: #90caf9;} #modules-27 .f-layout-4 a.fea-2:hover .fea-item-title{color: #90caf9;} #modules-27 .feature-wrap .fea-3 .fea-icon{color: #90caf9;border-color: #90caf9;} #modules-27 .f-layout-1 .fea-3:hover .fea-icon{background-color: #90caf9;color:#fff;} #modules-27 .f-layout-3 .fea-3 .fea-icon{background-color: #90caf9;} #modules-27 .f-layout-4 a.fea-3:hover .fea-item-title{color: #90caf9;} #modules-27 .feature-wrap .fea-4 .fea-icon{color: #90caf9;border-color: #90caf9;} #modules-27 .f-layout-1 .fea-4:hover .fea-icon{background-color: #90caf9;color:#fff;} #modules-27 .f-layout-3 .fea-4 .fea-icon{background-color: #90caf9;} #modules-27 .f-layout-4 a.fea-4:hover .fea-item-title{color: #90caf9;} #modules-27 .feature-wrap .fea-5 .fea-icon{color: #90caf9;border-color: #90caf9;} #modules-27 .f-layout-1 .fea-5:hover .fea-icon{background-color: #90caf9;color:#fff;} #modules-27 .f-layout-3 .fea-5 .fea-icon{background-color: #90caf9;} #modules-27 .f-layout-4 a.fea-5:hover .fea-item-title{color: #90caf9;} #modules-27 .feature-wrap .fea-6 .fea-icon{color: #90caf9;border-color: #90caf9;} #modules-27 .f-layout-1 .fea-6:hover .fea-icon{background-color: #90caf9;color:#fff;} #modules-27 .f-layout-3 .fea-6 .fea-icon{background-color: #90caf9;} #modules-27 .f-layout-4 a.fea-6:hover .fea-item-title{color: #90caf9;} #modules-3{margin-top: 0px;margin-bottom: 40px;padding: 40px 0px 40px 0px;background-color: #f9fbff;background-repeat: no-repeat;background-size: cover;background-position: center center;} #modules-31{margin-top: 0px;margin-bottom: 0px;} #modules-8{margin-top: 0px;margin-bottom: 40px;} #modules-29{margin-top: 0px;margin-bottom: 40px;padding: 40px 0px 40px 0px;background-color: #f9fbff;background-repeat: no-repeat;background-size: cover;background-position: center center;} #modules-30{margin-top: 0px;margin-bottom: 60px;} #modules-12{margin-top: 0px;margin-bottom: 60px;} #modules-11{margin-top: 0px;margin-bottom: 60px;} 