/* ============================================================
   inner.css — dqxd 内页现代样式 v2.0（覆盖米拓内容类名）
   在 home.css（设计系统变量/骨架）之后加载
   覆盖：内页 banner / 子导航 / 新闻列表 / 产品列表 / 图库 /
         询盘表单 / 详情页 / 分页 / 侧边栏
   ============================================================ */

/* ---------- 内页 banner（inner-hero fragment）v2：视差+网格+光带+字符滑入 ---------- */
.inner-hero {
    position: relative;
    height: 340px;
    background: #0f172a;
    display: flex; align-items: center;
    overflow: hidden;
    isolation: isolate;
}
/* 背景 SVG：视差缓动（滚动时 bg 下移更多） */
.inner-hero-bg {
    position: absolute; inset: -8% 0 -8% 0; z-index: 0;
    background: center/cover no-repeat;
    transform: translate3d(0, 0, 0);
    will-change: transform;
    transition: transform .4s linear;
}
/* 网格栅：cinematic 暗纹 */
.inner-hero-grid {
    position: absolute; inset: 0; z-index: 1;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
    opacity: .55;
}
/* 光带：左下到右上，9s 循环扫过 */
.inner-hero-shine {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.18) 48%, transparent 62%);
    transform: translateX(-110%);
    animation: innerShine 9s ease-in-out infinite;
    pointer-events: none;
}
@keyframes innerShine {
    0%   { transform: translateX(-110%); }
    55%  { transform: translateX(110%); }
    100% { transform: translateX(110%); }
}
/* 主遮罩：让标题更醒目 */
.inner-hero-mask {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(100deg, rgba(15,16,20,.7) 0%, rgba(15,16,20,.42) 55%, rgba(15,16,20,.2) 100%);
}
.inner-hero-copy { position: relative; z-index: 3; color: #fff; }
.inner-hero-eyebrow {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 12px; font-weight: 700;
    letter-spacing: 4px; color: var(--gold-soft);
    margin-bottom: 14px;
    opacity: 0; transform: translateY(10px);
    animation: eyebrowIn .8s var(--ease) .15s forwards;
}
.inner-hero-eyebrow i {
    width: 28px; height: 1px; background: var(--gold-soft); display: inline-block;
}
.inner-hero-copy h1 {
    font-size: clamp(28px, 3.8vw, 42px); font-weight: 700;
    letter-spacing: 4px; margin: 0; text-shadow: 0 2px 18px rgba(0,0,0,.45);
    overflow: hidden;
}
.inner-hero-copy h1 .ch {
    display: inline-block;
    opacity: 0; transform: translateY(28px);
    animation: charIn .55s cubic-bezier(.2,.7,.3,1) forwards;
}
.inner-hero-copy h1 .ch:nth-child(1) { animation-delay: .25s; }
.inner-hero-copy h1 .ch:nth-child(2) { animation-delay: .32s; }
.inner-hero-copy h1 .ch:nth-child(3) { animation-delay: .39s; }
.inner-hero-copy h1 .ch:nth-child(4) { animation-delay: .46s; }
.inner-hero-copy h1 .ch:nth-child(5) { animation-delay: .53s; }
.inner-hero-copy h1 .ch:nth-child(6) { animation-delay: .6s; }
.inner-hero-copy h1 .ch:nth-child(7) { animation-delay: .67s; }
.inner-hero-copy h1 .ch:nth-child(8) { animation-delay: .74s; }
.inner-hero-copy h1 .ch:nth-child(9) { animation-delay: .81s; }
.inner-hero-line { margin-top: 18px; }
.inner-hero-line span {
    display: block; width: 0; height: 2px;
    background: linear-gradient(90deg, var(--gold-soft), transparent);
    animation: lineGrow 1s var(--ease) .9s forwards;
}
@keyframes eyebrowIn { to { opacity: 1; transform: none; } }
@keyframes charIn { to { opacity: 1; transform: none; } }
@keyframes lineGrow { to { width: 96px; } }
/* reduced-motion 关闭所有动画 */
@media (prefers-reduced-motion: reduce) {
    .inner-hero-shine, .inner-hero-bg, .inner-hero-eyebrow,
    .inner-hero-copy h1 .ch, .inner-hero-line span {
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    .inner-hero-line span { width: 96px; }
}

/* ---------- 子导航（met-column-nav-ul）横向标签条 ---------- */
/* v3.1：加大上下留白（原来紧贴 banner 太紧凑），pill 质感提升 */
.met-column-nav { background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 1px 3px rgba(26,28,30,.03); }
.met-column-nav .card { border: none; background: transparent; }
.met-column-nav .sidebar-tile { padding: 26px 0; }
.met-column-nav-ul {
    list-style: none; margin: 0; padding: 0 2px;
    display: flex; flex-wrap: nowrap; gap: 10px;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
    -webkit-overflow-scrolling: touch;
}
.met-column-nav-ul::-webkit-scrollbar { display: none; }
.met-column-nav-ul li { margin: 0; flex-shrink: 0; }
.met-column-nav-ul li a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px; letter-spacing: 1px;
    color: var(--ink-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    transition: all .25s var(--ease);
}
.met-column-nav-ul li a:hover {
    color: var(--gold-deep); border-color: var(--gold-soft);
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(176,141,87,.16);
}
.met-column-nav-ul li a.active,
.met-column-nav-ul li.active a {
    background: linear-gradient(135deg, var(--gold), var(--gold-deep));
    color: #fff; border-color: transparent;
    box-shadow: 0 6px 16px rgba(176,141,87,.36);
}

/* ---------- 通用内容容器 ---------- */
main.met-news, main.met-shownews, .met-product, .met-showproduct,
.feedback_met_35_1_25, .met-img, .met-showimg, .met-pages, .met-show {
    background: var(--paper);
    padding: 56px 0 80px;
}
main .container, .met-product .container, .feedback_met_35_1_25 .container { max-width: 1200px; }

/* ---------- 新闻列表（.media 结构）→ 现代横向卡片 ---------- */
.met-news-list ul.ulstyle { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }
.met-news-list li.media {
    display: flex; gap: 24px; align-items: stretch;
    background: #fff; border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 18px; margin: 0; border: none;
    transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.met-news-list li.media:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.met-news-list .media-left { flex-shrink: 0; width: 240px; margin: 0; padding: 0; }
.met-news-list .media-left a { display: block; border-radius: var(--radius-sm); overflow: hidden; }
.met-news-list .media-left img.media-object {
    width: 100%; height: 160px; object-fit: cover;
    transition: transform .5s var(--ease);
}
.met-news-list li.media:hover .media-left img { transform: scale(1.05); }
.met-news-list .media-body { flex: 1; padding: 4px 8px 4px 0; display: flex; flex-direction: column; }
.met-news-list .media-body h4 { font-size: 18px; font-weight: 600; margin: 0 0 10px; line-height: 1.4; }
.met-news-list .media-body h4 a { color: var(--ink); transition: color .25s var(--ease); }
.met-news-list li.media:hover .media-body h4 a { color: var(--gold-deep); }
.met-news-list .media-body .des {
    font-size: 14px; color: var(--ink-soft); line-height: 1.75; margin: 0 0 12px; flex: 1;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.met-news-list .media-body .info { font-size: 12px; color: #9aa1aa; margin: 0; letter-spacing: 1px; }

/* ---------- 产品列表（.met-product-list）→ 网格卡片 ---------- */
ul.met-product-list {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
ul.met-product-list li { margin: 0; background: #fff; border-radius: var(--radius);
    overflow: hidden; box-shadow: var(--shadow-sm);
    transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
ul.met-product-list li a, ul.met-product-list li .lh-news-h { display: block; }
ul.met-product-list li:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
ul.met-product-list .img, ul.met-product-list li a > .img {
    aspect-ratio: 1/1; overflow: hidden; background: #f0efec;
}
ul.met-product-list .img img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform .5s var(--ease);
}
ul.met-product-list li:hover .img img { transform: scale(1.06); }
ul.met-product-list .lh-news-h3, ul.met-product-list h3,
ul.met-product-list h4 {
    font-size: 16px; font-weight: 600; color: var(--ink);
    margin: 16px 16px 4px; letter-spacing: .5px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    text-align: center;
    transition: color .25s var(--ease);
}
ul.met-product-list li:hover .lh-news-h3,
ul.met-product-list li:hover h3,
ul.met-product-list li:hover h4 { color: var(--gold-deep); }
ul.met-product-list .lh-news-h4, ul.met-product-list p {
    font-size: 13px; color: var(--ink-soft); line-height: 1.6;
    margin: 0 16px 18px; text-align: center;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ---------- 图库（.met-img-list）→ 网格卡片 ---------- */
ul.met-img-list {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
ul.met-img-list li {
    background: #fff; border-radius: var(--radius);
    overflow: hidden; box-shadow: var(--shadow-sm);
    transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}
ul.met-img-list li:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
ul.met-img-list .img, ul.met-img-list li .img {
    aspect-ratio: 4/3; overflow: hidden; background: #f0efec;
}
ul.met-img-list .img img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform .5s var(--ease);
}
ul.met-img-list li:hover .img img { transform: scale(1.06); }
ul.met-img-list .lh-viewpoint-h2, ul.met-img-list .lh-viewpoint-h3, ul.met-img-list h3 {
    font-size: 15px; font-weight: 600; color: var(--ink);
    margin: 14px 16px 6px; letter-spacing: .5px;
}
ul.met-img-list .lh-viewpoint-h4, ul.met-img-list p, ul.met-img-list .lh-more {
    font-size: 13px; color: var(--ink-soft); line-height: 1.6; margin: 0 16px 16px;
}

/* ---------- 询盘表单（.met-form）→ 现代表单 ---------- */
.feedback_met_35_1_25-body { max-width: 680px; margin: 0 auto; }
.feedback_met_35_1_25-body .center_01 { font-size: 15px; color: var(--ink-soft); line-height: 2; margin-bottom: 28px; }
.met-form .form-group { margin-bottom: 20px; position: relative; }
.met-form .form-group label, .met-form .control-label {
    display: block; font-size: 14px; font-weight: 600; color: var(--ink);
    margin-bottom: 8px; letter-spacing: .5px;
}
.met-form .form-control {
    display: block; width: 100%;
    padding: 12px 16px;
    font-size: 14px; font-family: var(--font); color: var(--ink);
    background: #fff;
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    transition: border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.met-form .form-control:focus {
    outline: none; border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(176,141,87,.15);
}
.met-form textarea.form-control { min-height: 120px; resize: vertical; line-height: 1.7; }
.met-form .input-group { display: flex; gap: 12px; align-items: stretch; }
.met-form .input-group .form-control { flex: 1; }
.met-form .input-group-addon { flex-shrink: 0; display: flex; padding: 0; border: 0; background: transparent; }
.met-form .met-getcode { height: 100%; min-height: 48px; width: auto; border-radius: var(--radius-sm); border: 1.5px solid var(--line); cursor: pointer; display: block; }
.met-form .input-codeimg { display: inline-block; width: auto; vertical-align: middle; }
.met-form img.codeimg, .met-form .codeimg { vertical-align: middle; border-radius: var(--radius-sm); margin-left: 10px; }
.met-form .btn-primary, .feedback_met_35_1_25 .btn-primary {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 13px 40px; min-width: 180px;
    background: var(--gold); color: #fff;
    border: none; border-radius: 999px;
    font-size: 15px; font-weight: 600; letter-spacing: 2px;
    cursor: pointer; box-shadow: 0 6px 18px rgba(176,141,87,.4);
    transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
}
.met-form .btn-primary:hover {
    background: var(--gold-deep); transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(176,141,87,.5); color: #fff;
}

/* ---------- 详情页 ---------- */
.details-title { padding-bottom: 22px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
.details-title h1 { font-size: 26px; font-weight: 700; letter-spacing: 1px; color: var(--ink); margin: 0 0 14px; line-height: 1.4; }
.details-title .info { font-size: 13px; color: #9aa1aa; display: flex; gap: 22px; letter-spacing: 1px; }
.details-title .info .icon { margin-right: 4px; }
.met-editor { font-size: 15px; line-height: 2; color: #3a4048; }
.met-editor img { max-width: 100%; height: auto; border-radius: var(--radius-sm); margin: 12px 0; }
.met-editor p { margin: 0 0 1em; }
.met-editor h2, .met-editor h3 { color: var(--ink); margin: 1.4em 0 .6em; letter-spacing: 1px; }
.met-editor table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.met-editor table td, .met-editor table th { border: 1px solid var(--line); padding: 10px 14px; font-size: 14px; }
.met-editor table th { background: var(--bg-soft, #f5f5f5); font-weight: 600; }
/* ===== 采集文章排版美化（ArticleCollector beautify 输出结构） ===== */
.met-editor .dqxd-lead { font-size: 16px; line-height: 2.05; color: #262c36; font-weight: 600; margin: 0 0 1.2em; padding: 14px 20px; background: linear-gradient(90deg, rgba(176,141,87,.08), rgba(176,141,87,0) 70%); border-left: 3px solid var(--gold, #B08D57); border-radius: 0 8px 8px 0; }
.met-editor p.dqxd-fig { text-align: center; margin: 18px 0; }
.met-editor p.dqxd-fig img { display: inline-block; border-radius: 10px; box-shadow: 0 2px 14px rgba(0,0,0,.07); margin: 0; }
.met-editor p.dqxd-fig::after { content: attr(data-caption); display: block; font-size: 13px; color: #8a929c; margin-top: 6px; }
.met-editor blockquote { margin: 18px 0; padding: 12px 20px; border-left: 3px solid var(--gold, #B08D57); background: #faf9f7; color: #4a5160; border-radius: 0 8px 8px 0; }

/* ============================================================
   单页内容排版增强 v2（公司简介/公司文化/联系我们/业务流程）
   覆盖米拓 legacy 富文本的内联样式（font-size:14px 微软雅黑等）
   ============================================================ */
.met-show-body .met-editor {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: 0 4px 24px rgba(23, 32, 55, .05);
    padding: 44px clamp(22px, 4vw, 56px) 52px;
    font-size: 15.5px;
    line-height: 2;
    color: var(--ink);
}

/* 内容自带 h1（如"公 司 简 介"）→ 小节标题样式（banner 已有大标题，避免重复抢戏） */
.met-show-body .met-editor > h1:first-child {
    font-size: clamp(20px, 2.2vw, 24px);
    font-weight: 700;
    color: var(--ink);
    letter-spacing: 3px;
    text-align: center;
    margin: 0 0 34px;
    padding-bottom: 18px;
    border-bottom: 2px solid var(--line);
    position: relative;
}
.met-show-body .met-editor > h1:first-child::after {
    content: "";
    position: absolute;
    left: 50%; bottom: -2px;
    transform: translateX(-50%);
    width: 64px; height: 2px;
    background: var(--gold);
}

/* 首图：居中大图，圆角 + 光影，与文字区隔开 */
.met-show-body .met-editor > p:first-of-type {
    margin: 0 0 34px;
}
.met-show-body .met-editor > p:first-of-type img {
    display: block;
    margin: 0 auto;
    border-radius: calc(var(--radius) * 1.2);
    box-shadow: 0 10px 40px rgba(23, 32, 55, .12);
}

/* 正文段落：覆盖 legacy 14px 微软雅黑内联样式 */
.met-show-body .met-editor p,
.met-show-body .met-editor span,
.met-show-body .met-editor strong {
    font-family: inherit !important;
}
.met-show-body .met-editor p {
    font-size: 15.5px !important;
    line-height: 1.9;
    color: var(--ink) !important;
    margin: 0 0 1.25em;
    text-align: justify;
    text-indent: 2em !important;
    letter-spacing: .3px;
}

/* 章节小标题（业务流程："一、设计方案"等 strong 段，结构 <p><strong>标题</strong><br></p>）：
   用 strong + br 相邻选择器精确匹配，避免误伤公司简介整段长文 strong */
.met-show-body .met-editor strong {
    font-weight: 700;
    color: var(--gold-deep);
    letter-spacing: 1px;
}
.met-show-body .met-editor p strong + br ~ *,
.met-show-body .met-editor p:has(strong + br) > strong {
    text-indent: 0;
    display: inline-block;
    font-size: 17px;
    margin: 26px 0 12px;
    padding: 9px 18px;
    background: linear-gradient(90deg, rgba(234, 88, 12, .08), rgba(234, 88, 12, 0));
    border-left: 3px solid var(--gold);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* 联系我们：工作时间等信息行居中展示，去掉正文缩进 */
.met-show-body .met-editor p[style*="text-align: center"],
.met-show-body .met-editor p[style*="text-align:center"] {
    text-indent: 0;
    text-align: center;
}

/* 联系我们页信息标签（工作时间/公司地址/服务热线/微信QQ）：
   结构是 <p style="text-align:center"><strong><span>标签</span></strong><br></p>
   特征：p 带 text-align:center 内联样式 + strong 含 span → 用 p[style*="center"]:has(strong span) 匹配
   业务流程章节标题 p 是 text-align:left，不受影响；公司简介长文 strong 无 span 不受影响 */
.met-show-body .met-editor > p[style*="center"]:has(strong span) {
    text-align: center !important;
    text-indent: 0 !important;
    margin: 30px auto 8px;
    display: block;
}
.met-show-body .met-editor > p[style*="center"]:has(strong span) strong {
    display: inline-block;
    font-size: 15px !important;
    letter-spacing: 3px;
    color: var(--gold-deep) !important;
    padding: 7px 24px;
    border: 1px solid rgba(176, 141, 87, .35);
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(176, 141, 87, .12), rgba(176, 141, 87, .03));
    margin-bottom: 2px;
}
.met-show-body .met-editor > p[style*="center"]:has(strong span) strong span {
    font-family: inherit !important;
    font-size: inherit !important;
}
/* 信息标签下的内容行（工作时间/地址/电话等）：不缩进、居中、紧凑 */
.met-show-body .met-editor > p[style*="center"]:has(strong span) + p {
    text-indent: 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    color: var(--ink) !important;
    margin-bottom: 10px;
}
/* 图片占位的空 p（纯图片段）不缩进 */
.met-show-body .met-editor p:has(> img:only-child) {
    text-indent: 0 !important;
    text-align: center;
}

/* 内容区内的链接 */
.met-show-body .met-editor a {
    color: var(--gold-deep);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.met-show-body .met-editor a:hover { color: var(--gold); }

/* 内容底部留白与分隔 */
.met-show-body .met-editor br { line-height: 1; }
.met-show-body .met-editor h2,
.met-show-body .met-editor h3 {
    text-indent: 0;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
}

/* 详情页上一篇/下一篇（.met-page） */
.met-page .pagination { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.met-page .page-item .page-link {
    display: block; background: #fff; border: 1px solid var(--line);
    border-radius: var(--radius-sm); padding: 16px 20px;
    font-size: 14px; color: var(--ink);
    transition: all .25s var(--ease);
}
.met-page .page-item .page-link:hover { border-color: var(--gold-soft); color: var(--gold-deep); box-shadow: var(--shadow-sm); }
.met-page .page-item.disable .page-link { color: #c4c9cf; background: var(--paper); cursor: default; }

/* ---------- 详情页侧边栏（.met-sidebar） ---------- */
.met-sidebar .product, .met-sidebar .product_show, .met-sidebar .contant {
    background: #fff; border-radius: var(--radius);
    box-shadow: var(--shadow-sm); padding: 22px; margin-bottom: 22px;
}
.met-sidebar .sidebar-tile, .met-sidebar .titlebox span {
    display: block; font-size: 16px; font-weight: 700; color: var(--ink);
    letter-spacing: 2px; padding-bottom: 14px; margin-bottom: 16px;
    border-bottom: 2px solid var(--gold); width: fit-content;
}
.met-sidebar .sidebar-column { list-style: none; margin: 0; padding: 0; }
.met-sidebar .sidebar-column li { border: none; }
.met-sidebar .sidebar-column li a {
    display: block; padding: 11px 4px; font-size: 14px; color: var(--ink-soft);
    border-bottom: 1px dashed var(--line); transition: all .2s var(--ease);
}
.met-sidebar .sidebar-column li a:hover, .met-sidebar .sidebar-column li a.active {
    color: var(--gold-deep); padding-left: 10px;
}
.met-sidebar .product_show .imgbox .item { margin-bottom: 12px; border-radius: var(--radius-sm); overflow: hidden; }
.met-sidebar .product_show .imgbox img { width: 100%; display: block; transition: transform .4s var(--ease); }
.met-sidebar .product_show .imgbox .item:hover img { transform: scale(1.05); }
.met-sidebar .side-tel p { font-size: 14px; color: var(--ink-soft); line-height: 2.1; margin: 0 0 6px; }

/* ---------- 分页（列表页 .pagination） ---------- */
.met-page-ajax, .pagination-block { margin-top: 40px; }
.pagination { display: flex; justify-content: center; gap: 8px; list-style: none; padding: 0; }
.pagination li a, .pagination li span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 12px;
    background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm);
    font-size: 14px; color: var(--ink-soft);
    transition: all .2s var(--ease);
}
.pagination li a:hover { border-color: var(--gold); color: var(--gold-deep); }
.pagination li.active a, .pagination li.active span {
    background: var(--gold); border-color: var(--gold); color: #fff;
}

/* ---------- 响应式 ---------- */
@media (max-width: 992px) {
    ul.met-product-list, ul.met-img-list { grid-template-columns: repeat(3, 1fr); gap: 16px; }
}
@media (max-width: 767px) {
    .inner-hero { height: 200px; }
    .inner-hero-copy h1 { font-size: 24px; }
    main.met-news, main.met-shownews, .met-product, .met-showproduct,
    .feedback_met_35_1_25, .met-img, .met-showimg, .met-pages, .met-show { padding: 36px 0 56px; }
    .met-news-list .media-left { width: 130px; }
    .met-news-list .media-left img.media-object { height: 96px; }
    .met-news-list li.media { gap: 14px; padding: 12px; }
    .met-news-list .media-body h4 { font-size: 15px; }
    .met-news-list .media-body .des { -webkit-line-clamp: 2; font-size: 13px; }
    ul.met-product-list, ul.met-img-list { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .met-page .pagination { grid-template-columns: 1fr; }
    .met-column-nav-ul { gap: 6px; }
    .met-column-nav-ul li a { padding: 8px 16px; font-size: 13px; }
}

/* ============================================================
   inner.css v3.0 —— 现代组件系统（不依赖 Bootstrap 栅格）
   覆盖：详情页主侧栏 / 产品详情 / 推荐 / 上下篇 / 面包屑 /
         导航下拉 / 图库新网格 / 侧栏卡片
   ============================================================ */

/* 主导航下拉样式统一在 home.css（导航骨架所在，首页/内页共用），此处不重复定义 */

/* ---------- 面包屑（详情页顶部导航） ---------- */
.crumbs { background: #fff; border-bottom: 1px solid var(--line); }
.crumbs-list { list-style: none; margin: 0; padding: 14px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 13px; }
.crumbs-list li { display: flex; align-items: center; gap: 4px; color: var(--ink-soft); letter-spacing: .5px; }
.crumbs-list li + li::before { content: "›"; color: #c6ccd4; margin-right: 4px; font-size: 14px; }
.crumbs-list a { color: var(--ink-soft); transition: color .2s var(--ease); }
.crumbs-list a:hover { color: var(--gold-deep); }
.crumbs-list li.current { color: var(--ink); font-weight: 600; }

/* ---------- 详情页布局：主栏 + 侧栏 ---------- */
.detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 44px; align-items: start; }
.detail-main { min-width: 0; }

/* ---------- 侧栏卡片（通用） ---------- */
.aside-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-sm); padding: 24px 24px 20px; margin-bottom: 24px; }
.aside-title {
    display: flex; align-items: baseline; gap: 10px;
    font-size: 17px; font-weight: 700; color: var(--ink); letter-spacing: 2px;
    padding-bottom: 14px; margin: 0 0 16px; border-bottom: 1px solid var(--line); position: relative;
}
.aside-title::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 40px; height: 2px; background: linear-gradient(90deg,var(--gold),var(--gold-soft)); border-radius: 2px; }
.aside-title small { font-size: 11px; font-weight: 600; letter-spacing: 2px; color: var(--gold); }
.aside-nav { list-style: none; margin: 0; padding: 0; }
.aside-nav li { border-bottom: 1px dashed var(--line); }
.aside-nav li:last-child { border-bottom: 0; }
.aside-nav a { display: flex; align-items: center; justify-content: space-between; padding: 12px 4px; font-size: 14px; color: var(--ink-soft); letter-spacing: 1px; transition: color .2s var(--ease), padding-left .2s var(--ease); }
.aside-nav a::after { content: "›"; color: #c6ccd4; transition: color .2s var(--ease), transform .2s var(--ease); }
.aside-nav a:hover, .aside-nav a.active { color: var(--gold-deep); padding-left: 10px; }
.aside-nav a:hover::after { color: var(--gold); transform: translateX(3px); }
/* 侧栏样品图 */
.aside-imgs { display: grid; gap: 12px; }
.aside-imgs a { display: block; border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-sm); }
.aside-imgs img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; transition: transform .45s var(--ease); }
.aside-imgs a:hover img { transform: scale(1.05); }
/* 侧栏联系卡 */
.aside-contact { background: linear-gradient(160deg,#202227 0%,#17181c 100%); color: #cfd4db; }
.aside-contact .aside-title { color: #fff; border-bottom-color: rgba(255,255,255,.12); }
.aside-contact p { display: flex; gap: 10px; font-size: 13.5px; line-height: 1.7; margin: 0 0 12px; }
.aside-contact p svg { width: 17px; height: 17px; color: var(--gold-soft); flex-shrink: 0; margin-top: 3px; }
.aside-contact p b { color: #fff; font-weight: 600; }

/* ---------- 详情页标题 & 正文（增强） ---------- */
.detail-head { padding-bottom: 22px; border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.detail-head h1 { font-size: clamp(22px,2.4vw,28px); font-weight: 700; letter-spacing: 1px; color: var(--ink); margin: 0 0 14px; line-height: 1.4; }
.detail-meta { display: flex; flex-wrap: wrap; gap: 20px; font-size: 13px; color: #9aa1aa; letter-spacing: 1px; }
.detail-meta span { display: inline-flex; align-items: center; gap: 6px; }
.detail-meta svg { width: 15px; height: 15px; color: var(--gold); }

/* ---------- 上一篇 / 下一篇 ---------- */
.prev-next { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 44px; padding-top: 30px; border-top: 1px solid var(--line); }
.pn-link { display: block; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 16px 20px; transition: border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease); }
.pn-link:hover { border-color: var(--gold-soft); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.pn-link small { display: block; font-size: 12px; color: var(--gold); letter-spacing: 2px; margin-bottom: 6px; font-weight: 600; }
.pn-link span { display: block; font-size: 14px; color: var(--ink); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pn-link.next { text-align: right; }
.pn-link.disable { opacity: .45; pointer-events: none; }
.pn-link.disable span { color: #9aa1aa; }

/* ============================================================
   产品详情页（pd-*）
   ============================================================ */
.pd-hero { display: grid; grid-template-columns: 460px minmax(0,1fr); gap: 48px; align-items: start; margin-bottom: 56px; }
.pd-gallery { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-md); overflow: hidden; position: sticky; top: 110px; }
.pd-gallery img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.pd-info { min-width: 0; }
.pd-info h1 { font-size: clamp(22px,2.4vw,30px); font-weight: 700; color: var(--ink); letter-spacing: 1px; margin: 0 0 16px; line-height: 1.35; }
.pd-desc { font-size: 15px; color: var(--ink-soft); line-height: 1.9; margin: 0 0 22px; padding-bottom: 22px; border-bottom: 1px dashed var(--line); }
.pd-params { list-style: none; margin: 0 0 26px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
.pd-params li { display: flex; gap: 8px; font-size: 14px; padding: 10px 14px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.pd-params li span { color: var(--ink-soft); flex-shrink: 0; }
.pd-params li b { color: var(--ink); font-weight: 600; }
.pd-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-bottom: 22px; }
.pd-tel { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--ink-soft); }
.pd-tel svg { width: 18px; height: 18px; color: var(--gold); }
.pd-tel a { font-size: 22px; font-weight: 700; color: var(--gold-deep); letter-spacing: 1px; }
/* 次级按钮（描边） */
.btn-outline { border: 1.5px solid var(--gold); color: var(--gold-deep); background: transparent; }
.btn-outline:hover { background: var(--gold); color: #fff; transform: translateY(-2px); }

/* 详情分节（tab） */
.pd-body { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-sm); overflow: hidden; margin-bottom: 56px; }
.pd-tabs { display: flex; gap: 4px; padding: 0 24px; border-bottom: 1px solid var(--line); background: #fbfaf8; }
.pd-tabs button { border: 0; background: transparent; padding: 18px 22px; font-size: 16px; font-weight: 600; letter-spacing: 2px; color: var(--ink-soft); cursor: pointer; position: relative; transition: color .25s var(--ease); font-family: var(--font); }
.pd-tabs button::after { content: ""; position: absolute; left: 22px; right: 22px; bottom: -1px; height: 3px; border-radius: 3px; background: linear-gradient(90deg,var(--gold),var(--gold-soft)); transform: scaleX(0); transition: transform .3s var(--ease); }
.pd-tabs button:hover { color: var(--gold-deep); }
.pd-tabs button.on { color: var(--ink); }
.pd-tabs button.on::after { transform: scaleX(1); }
.pd-panel { display: none; padding: 34px 30px; }
.pd-panel.on { display: block; animation: pdFade .4s var(--ease); }
@keyframes pdFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* 推荐 */
.pd-related { margin-bottom: 10px; }
.pd-related h3 { font-size: 20px; font-weight: 700; letter-spacing: 2px; color: var(--ink); margin: 0 0 24px; display: flex; align-items: center; gap: 12px; }
.pd-related h3::before { content: ""; width: 5px; height: 20px; border-radius: 3px; background: linear-gradient(180deg,var(--gold),var(--gold-soft)); }
.rel-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.rel-card { background: #fff; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.rel-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.rel-card .rel-img { aspect-ratio: 4/3; overflow: hidden; background: #f0efec; }
.rel-card .rel-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--ease); }
.rel-card:hover .rel-img img { transform: scale(1.06); }
.rel-card span { display: block; padding: 14px 16px; font-size: 14px; font-weight: 600; color: var(--ink); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .25s var(--ease); }
.rel-card:hover span { color: var(--gold-deep); }

/* ============================================================
   主要设备 —— 等高编辑式交错布局 v4
   统一 352px 高度，方向性揭示 + 图像景深，避免文案/图片比例撑开
   ============================================================ */
.gallery-page { background: var(--paper); padding: clamp(56px, 6vw, 88px) 0 clamp(88px, 9vw, 128px); }
.equip-list {
    display: flex; flex-direction: column; gap: clamp(24px, 3vw, 38px);
    max-width: 1120px; margin: 0 auto;
    counter-reset: equipment;
}
.equip-row {
    --equip-accent: var(--gold);
    display: grid; grid-template-columns: 1fr 1fr;
    block-size: 352px;
    background: #fff; border: 1px solid color-mix(in srgb, var(--line) 82%, var(--gold) 18%);
    border-radius: 2px; overflow: hidden;
    box-shadow: 0 16px 46px rgba(28,29,32,.08);
    position: relative; isolation: isolate;
    transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s cubic-bezier(.22,1,.36,1), border-color .3s ease;
    contain: layout paint;
}
.equip-row::before {
    content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
    border: 1px solid transparent;
    background: linear-gradient(90deg, var(--equip-accent), transparent 28%, transparent 72%, var(--equip-accent)) border-box;
    -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; transition: opacity .35s ease;
}
.equip-row:hover { transform: translateY(-7px); box-shadow: 0 26px 68px rgba(28,29,32,.15); border-color: color-mix(in srgb, var(--gold) 42%, var(--line)); }
.equip-row:hover::before { opacity: .62; }
.equip-row:nth-child(even) .equip-text { order: 2; }
.equip-row:nth-child(even) .equip-img { order: 1; }
.equip-img { overflow: hidden; background: #eeece7; position: relative; min-width: 0; aspect-ratio: 16 / 11; }
.equip-img > img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transform: scale(1.015); transition: transform .9s cubic-bezier(.22,1,.36,1), filter .45s ease; }
.equip-row:hover .equip-img > img { transform: scale(1.065); filter: saturate(1.04) contrast(1.02); }
.equip-img::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.2) 46%, transparent 67%);
    transform: translateX(-120%); transition: transform .85s cubic-bezier(.22,1,.36,1);
    pointer-events: none;
}
.equip-img img {
    width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;
    transform: scale(1.015); transition: transform .9s cubic-bezier(.22,1,.36,1), filter .45s ease;
}
.equip-row:hover .equip-img img { transform: scale(1.065); filter: saturate(1.04) contrast(1.02); }
.equip-row:hover .equip-img::after { transform: translateX(120%); }
.equip-corner {
    position: absolute; right: 18px; bottom: 18px; width: 28px; height: 28px;
    border-right: 2px solid rgba(255,255,255,.85); border-bottom: 2px solid rgba(255,255,255,.85);
    filter: drop-shadow(0 1px 3px rgba(0,0,0,.25));
    transition: width .35s cubic-bezier(.22,1,.36,1), height .35s cubic-bezier(.22,1,.36,1);
}
.equip-row:hover .equip-corner { width: 42px; height: 42px; }
.equip-text {
    padding: clamp(34px, 4vw, 54px); display: flex; flex-direction: column; justify-content: center;
    text-align: left; min-width: 0; position: relative;
}
.equip-text::after {
    content: ""; position: absolute; top: 0; bottom: 0; right: -1px; width: 1px;
    background: linear-gradient(180deg, transparent, rgba(176,141,87,.6), transparent);
    transform: scaleY(.45); opacity: .55; transition: transform .5s cubic-bezier(.22,1,.36,1), opacity .35s ease;
}
.equip-row:nth-child(even) .equip-text::after { right: auto; left: -1px; }
.equip-row:hover .equip-text::after { transform: scaleY(.78); opacity: 1; }
.equip-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.equip-meta span { font-size: 11px; font-weight: 700; letter-spacing: .24em; color: var(--gold-deep); }
.equip-meta b { font-size: 42px; line-height: 1; font-weight: 500; letter-spacing: -.05em; color: rgba(28,29,32,.08); }
.equip-text h3 { font-size: clamp(21px, 2.1vw, 28px); font-weight: 650; letter-spacing: .06em; line-height: 1.32; margin: 0 0 18px; color: var(--ink); transition: color .3s ease, transform .45s cubic-bezier(.22,1,.36,1); }
.equip-row:hover .equip-text h3 { color: var(--gold-deep); transform: translateX(4px); }
.equip-text p {
    font-size: 14px; color: var(--ink-soft); line-height: 1.9; margin: 0 0 24px;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.equip-more { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; font-size: 13px; font-weight: 700; letter-spacing: .16em; color: var(--ink); }
.equip-more svg { width: 18px; height: 18px; color: var(--gold); transition: transform .3s cubic-bezier(.22,1,.36,1); }
.equip-row:hover .equip-more svg { transform: translateX(6px); }
/* JS 入场：奇偶方向相反；无 JS 时内容始终可见 */
.equip-row.equip-reveal { opacity: 0; transform: translate3d(-54px,0,0); transition-delay: calc(var(--equip-order) * 45ms); }
.equip-row.equip-reveal:nth-child(even) { transform: translate3d(54px,0,0); }
.equip-row.equip-reveal.in { opacity: 1; transform: translate3d(0,0,0); }

/* ============================================================
   新闻列表图片统一（在旧结构上强化）
   ============================================================ */
.met-news-list .media-left { width: 260px; }
.met-news-list .media-left a { aspect-ratio: 3/2; }
.met-news-list .media-left img.media-object { height: 100%; }

/* 详情页主图（图库/设备详情） */
.detail-heroimg { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-md); margin-bottom: 28px; background: #f0efec; aspect-ratio: 21 / 9; }
.detail-heroimg img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ============================================================
   v3 响应式
   ============================================================ */
@media (max-width: 992px) {
    .detail-layout { grid-template-columns: 1fr; gap: 36px; }
    .pd-hero { grid-template-columns: 1fr; gap: 30px; }
    .pd-gallery { position: static; max-width: 520px; }
    .equip-row { block-size: 320px; }
    .equip-text { padding: 30px; }
    .equip-meta { margin-bottom: 14px; }
    .equip-meta b { font-size: 34px; }
    .rel-grid { grid-template-columns: repeat(3,1fr); gap: 16px; }
}
@media (max-width: 767px) {
    /* 移动端导航下拉样式见 home.css */
    /* 设备交错列表：移动端统一为图上文下的等节奏卡片 */
    .equip-list { gap: 18px; }
    .equip-row { grid-template-columns: 1fr; grid-template-rows: 220px 238px; block-size: 458px; }
    .equip-row .equip-text, .equip-row:nth-child(even) .equip-text { order: 2; }
    .equip-row .equip-img, .equip-row:nth-child(even) .equip-img { order: 1; min-height: 0; }
    .equip-text { padding: 24px 22px 26px; }
    .equip-text::after, .equip-row:nth-child(even) .equip-text::after { top: -1px; bottom: auto; left: 12%; right: 12%; width: auto; height: 1px; transform: scaleX(.45); }
    .equip-row:hover .equip-text::after { transform: scaleX(.8); }
    .equip-meta { margin-bottom: 10px; }
    .equip-meta span { font-size: 10px; }
    .equip-meta b { font-size: 28px; }
    .equip-text h3 { font-size: 19px; margin-bottom: 10px; }
    .equip-text p { -webkit-line-clamp: 3; line-height: 1.7; margin-bottom: 14px; }
    .equip-row.equip-reveal, .equip-row.equip-reveal:nth-child(even) { transform: translate3d(0,30px,0); }
    .equip-row.equip-reveal.in { transform: translate3d(0,0,0); }
    .rel-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
    .pd-params { grid-template-columns: 1fr; }
    .prev-next { grid-template-columns: 1fr; }
    .pn-link.next { text-align: left; }
    .pd-tabs { padding: 0 12px; overflow-x: auto; }
    .pd-tabs button { padding: 15px 16px; font-size: 14px; letter-spacing: 1px; white-space: nowrap; }
    .pd-panel { padding: 24px 18px; }
}

/* 联系我们页百度地图卡片 */
.dqxd-map-wrap { margin: 28px 0 6px; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 28px rgba(23,32,55,.12); }
.dqxd-map-wrap iframe { display: block; width: 100%; }

/* 联系我们：联系信息卡片网格（2x2，浅色浮起风格） */
.dqxd-contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 30px 0 8px; }
.dqxd-contact-card { display: flex; gap: 16px; align-items: flex-start; padding: 24px 26px;
  background: linear-gradient(145deg, #ffffff, #f6f8fc);
  border: 1px solid rgba(220, 225, 235, .95); border-radius: 16px;
  box-shadow: 0 6px 18px rgba(23, 32, 55, .06);
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease); }
.dqxd-contact-card:hover { transform: translateY(-4px); border-color: rgba(176, 141, 87, .45);
  box-shadow: 0 14px 30px rgba(23, 32, 55, .12); }
.dqxd-contact-ico { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(176, 141, 87, .18), rgba(176, 141, 87, .05));
  border: 1px solid rgba(176, 141, 87, .30); color: var(--gold-deep); }
.dqxd-contact-ico svg { width: 26px; height: 26px; }
.dqxd-contact-body { min-width: 0; }
.dqxd-contact-body h4 { font-size: 17px; font-weight: 700; color: var(--ink); margin: 0 0 8px; letter-spacing: 1.5px; }
.dqxd-contact-body p { font-size: 15px; line-height: 1.9; color: #4a5260; margin: 0; text-indent: 0 !important; }
.dqxd-contact-body .dqxd-tel { display: inline-block; font-size: 19px; font-weight: 700; color: var(--gold-deep); letter-spacing: 1px; }
.dqxd-contact-body .dqxd-tel-sm { font-size: 17px; }
@media (max-width: 720px) {
  .dqxd-contact-grid { grid-template-columns: 1fr; gap: 14px; }
  .dqxd-contact-card { padding: 20px 20px; }
}

/* 公司简介：杂志式大气排版 */
.dqxd-about-head { text-align: center; padding: 6px 0 2px; margin-bottom: 26px; position: relative; }
.dqxd-about-en { display: block; font-size: 13px; letter-spacing: 8px; color: var(--gold-deep); text-transform: uppercase; margin-bottom: 12px; font-weight: 600; }
.dqxd-about-head h1 { font-size: 28px !important; letter-spacing: 10px; color: var(--ink) !important; margin: 0 0 16px !important; border-bottom: none !important; }
.dqxd-about-line { display: block; width: 66px; height: 3px; margin: 0 auto; border-radius: 2px; background: linear-gradient(90deg, var(--gold), rgba(176, 141, 87, .15)); position: relative; }
.dqxd-about-line::before { content: ''; position: absolute; left: 50%; top: -4px; width: 10px; height: 10px; transform: translateX(-50%) rotate(45deg); background: var(--gold); box-shadow: 0 1px 4px rgba(176, 141, 87, .4); }
.dqxd-about-figure { margin: 0 0 34px; border-radius: 16px; overflow: hidden; position: relative; box-shadow: 0 14px 34px rgba(23, 32, 55, .14); }
.dqxd-about-figure img { display: block; width: 100%; height: auto; }
.dqxd-about-figure figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 46px 26px 16px; background: linear-gradient(180deg, transparent, rgba(13, 27, 42, .78)); color: #fff; font-size: 14px; letter-spacing: 4px; text-align: center; }
.dqxd-about-text { margin-top: 4px; }
.met-editor .dqxd-about-body p, .met-editor .dqxd-about-body p strong { font-size: 16px !important; line-height: 2.05 !important; color: #2f3640 !important; font-weight: 400 !important; }
.met-editor .dqxd-about-body p { text-indent: 2em !important; text-align: justify; letter-spacing: .5px; }
/* 正文结构化：导语 / 引号强调 / 设备区 / 金色收尾 */
.met-show-body .met-editor .dqxd-about-lead { font-size: 18.5px !important; line-height: 2 !important; color: #262c36 !important; font-weight: 600 !important; text-indent: 0 !important; text-align: justify; margin: 6px 0 26px !important; padding: 14px 24px; border-left: 4px solid var(--gold); background: linear-gradient(90deg, rgba(176, 141, 87, .10), rgba(176, 141, 87, 0) 72%); border-radius: 0 10px 10px 0; }
.met-editor .dqxd-about-text .dqxd-quote { color: var(--gold-deep); font-weight: 600; }
.dqxd-about-equip { margin: 30px 0 30px; padding: 28px 26px 22px; border: 1px solid rgba(176, 141, 87, .30); border-radius: 16px; background: linear-gradient(145deg, #fdfbf6, #f6f3ea); position: relative; }
.dqxd-about-equip::before { content: ''; position: absolute; top: 0; left: 26px; right: 26px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--gold), rgba(176, 141, 87, .1)); }
.dqxd-about-equip h4 { text-align: center; font-size: 17px; font-weight: 700; color: var(--ink); letter-spacing: 4px; margin: 0 0 18px; }
.dqxd-about-equip h4::after { content: ''; display: block; width: 46px; height: 2px; margin: 8px auto 0; background: var(--gold); border-radius: 1px; }
.dqxd-about-equip ul { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 0; margin: 0; }
.dqxd-about-equip li { padding: 8px 18px; border-radius: 999px; background: #fff; border: 1px solid rgba(176, 141, 87, .32); font-size: 14px; color: #4a5260; letter-spacing: .5px; box-shadow: 0 2px 8px rgba(176, 141, 87, .08); }
.dqxd-about-equip .dqxd-about-effect { text-align: center; font-size: 14px; color: #7a828e; margin: 16px 0 0 !important; text-indent: 0 !important; line-height: 1.9; }
.met-show-body .met-editor .dqxd-about-closing { text-align: center !important; font-size: 18px !important; font-weight: 700 !important; color: var(--gold-deep) !important; letter-spacing: 3px; margin: 8px 0 4px !important; text-indent: 0 !important; padding-top: 22px; position: relative; }
.met-show-body .met-editor .dqxd-about-closing::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 66px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }

/* 公司文化：价值观三卡 */
.dqxd-culture-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 30px 0 32px; }
.dqxd-culture-card { padding: 28px 22px 24px; text-align: center; border-radius: 16px;
  background: linear-gradient(165deg, #fff, #f6f3ea);
  border: 1px solid rgba(176, 141, 87, .30); position: relative;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease); }
.dqxd-culture-card:hover { transform: translateY(-5px); border-color: rgba(176, 141, 87, .55);
  box-shadow: 0 14px 30px rgba(23, 32, 55, .12); }
.dqxd-culture-card::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 40px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.dqxd-culture-num { display: block; font-size: 30px; font-weight: 800; font-style: italic;
  color: rgba(176, 141, 87, .38); letter-spacing: 2px; margin-bottom: 6px; }
.dqxd-culture-card h4 { font-size: 16.5px; font-weight: 700; color: var(--ink); margin: 0 0 8px; letter-spacing: 1px; }
.dqxd-culture-card p { font-size: 13.5px; color: #8a909c; margin: 0 !important; text-indent: 0 !important; text-align: center !important; }
@media (max-width: 720px) {
  .dqxd-culture-cards { grid-template-columns: 1fr; gap: 14px; }
}

/* 统一标题区上下间距（各页面一致） */
.dqxd-about-head { margin-top: 44px !important; margin-bottom: 34px !important; }
.product_list_page_met_21_9_13, .met-product { padding-top: 0 !important; }
.gallery-page { padding-top: 0 !important; }
/* Pages 单页：met-editor 自带 44px 顶部 padding，标题区不再额外加 */
.met-editor > .dqxd-about-head:first-child { margin-top: 0 !important; }
/* 三卡文字强制居中（数字/标题/副标题），防覆盖 */
.dqxd-culture-card .dqxd-culture-num, .dqxd-culture-card h4, .dqxd-culture-card p { text-align: center !important; }

/* 三卡副标题：彻底清除 met-editor 的首行缩进干扰（高特异性） */
.met-show-body .met-editor .dqxd-culture-card p { text-indent: 0 !important; }