/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(../fonts/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(../images/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}
.pages {text-align: center;}

.pages ul{text-align: center;display: block;}
.pages ul li{text-align:center;font-size: 1rem;display: inline-block;margin: 5px}
.pages ul li a{height: 35px;text-align: center;line-height: 33px;padding: 0 8px;min-width: 35px;
display: block;border: 1px solid #ededed;background: #ededed;border-radius: 3px}
.pages ul li.cur{background:#ab2e36;padding: 0 8px;min-width: 35px;height: 35px;line-height: 33px;
border: 1px solid #ab2e36;border-radius: 3px }
.pages ul li a.on{background:#ab2e36;padding: 0 8px;min-width: 35px;height: 35px;line-height: 33px;color: #fff ;border-radius: 3px}
.pages ul li.cur{color:#fff;}
.pages ul li.page-count{line-height: 33px}
.page-form {line-height: 33px}
.page-form input{border:1px solid #ddd;width: 35px;height: 35px;float: left;text-align: center;padding: 0 3px;background: transparent;border-radius: 3px;margin: 0 5px}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: 52px;height: 35px;line-height: 35px;text-align: center;margin-left: 3px;
float: left;background: #ab2e36;color: #fff;border-radius: 3px;margin-left: 5px}



 .apsw{width: 1310.4px;margin: 0 auto; 
   }  .aps { 
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            list-style: none;
            margin: 0;
            padding: 8px 0;
            gap: 8px 12px;  /* 行间距8px 列间距12px，移动端换行舒适 */
            background: transparent;
            font-size: 0.9rem;
        }

        /* 每个列表项默认样式 */
        .aps li {
            display: inline-flex;
            align-items: center;
            color: #4b5563;
            font-size: 0.9rem;
            line-height: 1.4;
            position: relative;
        }

        /* 当前位置文本 (第一个li通常包含 "当前位置：" 文字) */
        .aps li:first-child {
            color: #1e293b;
            font-weight: 500;
           
          padding: 4px 0px 4px 14px;
          
          
            letter-spacing: 0.3px;
            gap: 6px;
        }

        /* 如果第一个li内部有特殊文字图标加强 */
        .aps li:first-child::before {
           
            font-size: 0.85rem;
            margin-right: 4px;
            display: inline-block;
        }

        /* 面包屑链接样式 (a 标签) */
        .aps li a {
           
            text-decoration: none;
            font-weight: 500;
            transition: all 0.2s ease;
            background: transparent;
            padding: 4px 0;
            border-radius: 20px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        /* 链接 hover 效果 (桌面端) */
        @media (hover: hover) and (pointer: fine) {
            .aps li a:hover {
                color: #1e40af;
                text-decoration: underline;
                text-underline-offset: 3px;
                background-color: rgba(37, 99, 235, 0.05);
                padding: 4px 6px;
                margin: 0 -6px;
            }
        }

        /* 移动端 active 轻触反馈 */
        .aps li a:active {
            opacity: 0.7;
            transform: scale(0.98);
            transition-duration: 0.05s;
        }

        /* 非第一个li（即动态生成的分类项）之间添加箭头分隔符 (优雅现代) 
           注：原始结构第二个li通常是首页链接，之后是dr_catpos生成的分类列表。
           规则：除了第一个"当前位置："li 之外，每个li前面（除自身）增加箭头，但为了避免重复箭头采用相邻兄弟选择器 
           技巧：从第二个li开始，给每个li的::before伪元素添加箭头，但需要排除本身带分隔的场景，且不影响内部布局。
        */
        .aps li:not(:first-child)::before {
            content: "›";
            font-size: 1.1rem;
            font-weight: 600;
            color: #94a3b8;
            margin-right: 8px;
            display: inline-block;
            line-height: 1;
            transition: color 0.2s;
        }

        /* 针对最后一个li (当前页面，无链接的情况) 高亮显示，通常dr_catpos最后一级无链接文本? 根据实际情况可能有文本节点
           但是为了符合常见cms逻辑，最后一个分类如果没有包裹a标签, 我们就使用 .aps li:last-child 显示为当前活动页样式
           但如果最后一个li包含a则依然保持链接样式；若只有文本，则展示粗体。
           通过增强选择器，只要最后一个li内没有a就按当前页样式，或者统一对最后一项设置半粗体强调。
        */
        .aps li:last-child {
           
        }

        /* 当最后一个li内部存在a标签时，我们仍然保留背景并且让文字颜色为品牌色，有点击效果，但为了面包屑语义最好最后一级无链接，但兼容处理 */
        .aps li:last-child a {
           
        
        }

        .aps li:last-child a:hover {
            background: transparent;
            text-decoration: underline;
        }

        /* 调整箭头的表现: 避免在最后一个li前面出现箭头 + 导致样式重复，但最后一个li前使用箭头其实是不符合常规，但因为最后一个往往代表当前页面
           但是面包屑规范一般最后一个不加箭头，所以需要覆写掉最后一个li前面的箭头 */
        .aps li:last-child::before {
          
        }

        /* 若第一个li后面直接是首页li，它们之间已经通过伪类自动添加›，风格统一 */

        /* 添加小小的收尾间距优化，确保在移动端滚动时完美换行 */
        @media (max-width: 640px) {
          .apsw{width: 100%;margin: 0 auto; 
   }  
            .aps {
                gap: 8px 10px;
                font-size: 0.85rem;
            }
            .aps li {
                font-size: 0.85rem;
            }
            .aps li:first-child {
                padding: 3px 12px 3px 10px;
                font-size: 0.85rem;
            }
            .aps li:last-child {
                padding: 3px 12px 3px 10px;
            }
            .aps li a {
                font-size: 0.85rem;
            }
            .aps li:not(:first-child)::before {
                font-size: 1rem;
                margin-right: 6px;
            }
            .card-content {
                padding: 20px;
            }
        }

        /* 超小设备进一步微调 */
        @media (max-width: 480px) {
            .aps li:first-child {
                padding: 2px 10px 2px 8px;
            }
            .aps li:last-child {
                padding: 2px 12px 2px 8px;
            }
        }

        /* 附加场景：当面包屑可能有多个层级并且数量很多时，允许自动换行，背景柔和 */
        .aps {
            background: #ffffff;
            border-radius: 60px;
            padding: 8px 16px;
            
        }
  .aps  a{color: #000;}
        /* 为了演示效果，增强不同主题的可读性 */
        .variant-dark-bg {
            background: #fef9e3;
            box-shadow: none;
            border: 1px solid #fde68a;
        }

        /* 辅助样式: 展示模拟动态生成的分类 (类似dr_catpos效果) */
        .breadcrumb-demo-note {
            margin-top: 16px;
            font-size: 0.75rem;
            color: #6c757d;
            text-align: right;
            border-top: 1px dashed #e2e8f0;
            padding-top: 14px;
        }