/* 客户图图 · 质感 UI 层（2026-11-11）
   只调视觉：字体、层次、圆角、阴影、深色导航/页脚、交互动效；不改内容与结构。
   放在 brand-orange.css 之后加载；删除本文件的 <link> 即可完全回退。 */

/* ---------- 字体：子页面原先声明了 Kumbh Sans 但未加载，统一补上 ---------- */
@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("/wp-content/uploads/penida/assets/assets/d253244d475e8b0d5c521b1742f1ae3ec29280c113a6f29dad54bc4f320311d1.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("/wp-content/uploads/penida/assets/assets/51076410948bef96b68d11b95d5fce879d3f738298c125d3aa0e510870cf41b6.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --q-ink:#15191e;--q-ink-2:#20262d;--q-steel:#5d6670;--q-mist:#f4f5f3;--q-hair:#e7e8e6;
  --q-accent:var(--palette-accent,#FF7C24);--q-accent-deep:var(--palette-deep,#AD4406);
  --q-radius:16px;--q-radius-sm:10px;
  --q-shadow-1:0 1px 2px rgba(16,24,32,.04),0 4px 14px rgba(16,24,32,.05);
  --q-shadow-2:0 2px 6px rgba(16,24,32,.05),0 18px 40px rgba(16,24,32,.10);
  --q-ease:cubic-bezier(.2,.7,.2,1);
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body.mp-inner,.mp-scope,.mp-header,.mp-footer{font-family:"Kumbh Sans",Arial,sans-serif!important}
.mp-inner h1,.mp-inner h2,.mp-inner h3,.mp-home .heading-title,.mp-home .banner-title,.mp-home .product_title{letter-spacing:-.025em;font-weight:600;color:var(--q-ink)}
.mp-inner h1{font-weight:650}
::selection{background:rgba(255,124,36,.22)}

/* ---------- 页头：白色+细橙线，导航改为深石墨色，橙色只做强调 ---------- */
.mp-header{border-top:3px solid var(--q-accent)!important;box-shadow:0 1px 0 var(--q-hair)}
.mp-header-top{height:78px}
.mp-header-contact strong{font-weight:600;letter-spacing:.01em;color:var(--q-ink)}
.mp-header-contact span{color:var(--q-steel)}
.mp-brand{letter-spacing:.06em}
.mp-header .mp-brand-icon,.mp-menu-dialog .mp-brand-icon{border-radius:8px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.mp-nav{background:var(--q-ink)!important;color:#e9ebee!important;border-top:1px solid rgba(255,255,255,.04)}
.mp-nav-link{color:#e6e8eb!important;font-weight:500!important;letter-spacing:.015em;transition:color .2s var(--q-ease)}
.mp-nav-item:hover>.mp-nav-link{opacity:1!important;color:#fff!important}
.mp-nav-link[aria-current=page]{color:#fff!important;box-shadow:inset 0 -2px var(--q-accent)!important}
.mp-nav-link .mp-chevron,.mp-nav-link svg{opacity:.6}
.mp-dropdown{border:1px solid var(--q-hair)!important;border-top:2px solid var(--q-accent)!important;border-radius:0 0 12px 12px;box-shadow:var(--q-shadow-2)!important;padding:10px!important}
.mp-dropdown a{border-radius:8px!important;transition:background .15s,color .15s}
.mp-dropdown a:hover{color:var(--q-accent-deep)}

/* ---------- 按钮 ---------- */
.mp-btn,.mp-home .banner-button a,.mp-home .tl-actions a,.mp-home .tl-inquiry-btn,.mp-home .tl-contact-btn{transition:transform .2s var(--q-ease),box-shadow .2s var(--q-ease),background .2s,border-color .2s,color .2s!important;letter-spacing:.01em}
.mp-header .mp-btn,.mp-inquiry-form>.mp-btn,.mp-actions>.mp-btn:not(.mp-btn-outline),.mp-cta .mp-btn,.mp-footer .mp-btn,
.mp-home [data-id="ee21fa6"] .banner-button:not(.tl-hero-2) a,.mp-home #featured .tl-actions a:first-child{box-shadow:0 6px 18px rgba(255,124,36,.28),inset 0 -2px 0 rgba(0,0,0,.08)!important}
.mp-btn:hover,.mp-home .banner-button a:hover,.mp-home .tl-actions a:hover{transform:translateY(-2px)}
.mp-btn-outline{background:#fff!important;border-color:#d9dcdf!important;color:var(--q-ink)!important;box-shadow:var(--q-shadow-1)}

/* ---------- 首页首屏 ---------- */
.mp-home [data-id="ee21fa6"] .banner-image{position:relative}
.mp-home [data-id="ee21fa6"] .banner-image:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 45%,rgba(10,14,20,.05) 0%,rgba(10,14,20,.45) 70%),linear-gradient(180deg,rgba(10,14,20,.25) 0%,rgba(10,14,20,0) 30%,rgba(10,14,20,.45) 100%)}
.mp-home [data-id="ee21fa6"] .banner-content-wrap{z-index:2}
.mp-home [data-id="ee21fa6"] .banner-title{font-weight:600!important;letter-spacing:-.03em!important;text-shadow:0 2px 30px rgba(0,0,0,.35)!important}
.mp-home [data-id="ee21fa6"] .banner-content-text{font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);text-shadow:0 1px 12px rgba(0,0,0,.35)}
.mp-home .tl-hero-2 a{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.7)!important}
.mp-home .tl-hero-2 a:hover{background:rgba(255,255,255,.18)!important}

/* ---------- 首页三分类卡 ---------- */
.mp-home [data-id="d723b68"] .pls-banner{border-radius:var(--q-radius);overflow:hidden;box-shadow:var(--q-shadow-1);transition:box-shadow .3s var(--q-ease),transform .3s var(--q-ease)}
.mp-home [data-id="d723b68"] .pls-banner:hover{box-shadow:var(--q-shadow-2);transform:translateY(-3px)}
.mp-home [data-id="d723b68"] .banner-image{position:relative}
.mp-home [data-id="d723b68"] .banner-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,20,0) 45%,rgba(10,14,20,.55) 100%);pointer-events:none}
.mp-home [data-id="d723b68"] .banner-content-wrap{z-index:2}
.mp-home [data-id="d723b68"] .banner-button a{font-size:17px!important;font-weight:600!important;padding:12px 28px!important;min-height:0!important;letter-spacing:-.01em;
  background:rgba(255,255,255,.94)!important;border:0!important;box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 -3px var(--q-accent)!important;backdrop-filter:blur(8px)}
.mp-home [data-id="d723b68"] .banner-button a:hover{background:var(--q-accent)!important;color:var(--q-ink)!important}

/* ---------- 区块标题 ---------- */
.mp-home .heading-title{font-weight:600!important;letter-spacing:-.03em!important}
.mp-home .heading-title:after{width:36px!important;height:3px!important;margin-top:18px!important}
.mp-home .heading-tagline{color:var(--q-steel);font-size:15px;letter-spacing:.005em}

/* ---------- 首页产品卡：统一灰白底板，白底产品图融入底板 ---------- */
.mp-home .hl-product .pls-product-image{background:var(--q-mist);border-radius:var(--q-radius)!important;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.035);transition:box-shadow .3s var(--q-ease),transform .3s var(--q-ease)}
.mp-home .hl-product .pls-product-image img{mix-blend-mode:multiply;transition:transform .5s var(--q-ease)!important}
.mp-home .hl-product:hover .pls-product-image{box-shadow:var(--q-shadow-2),inset 0 0 0 1px rgba(255,124,36,.35)!important;transform:translateY(-3px)}
.mp-home .hl-product:hover .pls-product-image img{transform:scale(1.035)}
.mp-home .hl-product .product-title,.mp-home .hl-product .product-title a{font-weight:600!important;letter-spacing:-.01em;color:var(--q-ink)!important}
.mp-home .hl-product .tl-spec{color:var(--q-steel);font-size:12.5px}
.mp-home .hl-product-links{border-top-color:var(--q-hair)!important}
.mp-home .hl-product-links a{transition:color .2s}

/* ---------- 滚动字幕：缩小字号，第二行描边字更克制 ---------- */
.mp-home [data-id="bea6042"]{background:#fff!important;border-block:1px solid var(--q-hair)!important}
.mp-home [data-id="bea6042"] .pls-marquee-item-text{font-size:clamp(22px,2.4vw,34px)!important;font-weight:600!important;letter-spacing:-.01em;color:var(--q-ink)}
.mp-home [data-id="bea6042"] .elementor-widget-pls-marquee:nth-of-type(2) .pls-marquee-item-text,
.mp-home [data-id="bea6042"] .pls-marquee:not(:first-of-type) .pls-marquee-item-text{color:transparent!important;-webkit-text-stroke:1px #9aa1a8}
.mp-home .pls-marquee-item-icon svg{width:24px;height:24px;color:var(--q-accent)}

/* ---------- 主推产品 ---------- */
.mp-home #featured{background:linear-gradient(180deg,var(--palette-soft,#FFF6EF) 0%,#fff 100%)!important}
.mp-home #featured .woocommerce-product-gallery__wrapper,.mp-home #featured .woocommerce-product-gallery__image img{border-radius:var(--q-radius)!important}
.mp-home #featured .woocommerce-product-gallery__wrapper{box-shadow:var(--q-shadow-2);background:#fff;overflow:hidden}
.mp-home #featured .woocommerce-product-gallery__thumbnail img{border-radius:10px;box-shadow:var(--q-shadow-1)}
.mp-home #featured .product_title{font-weight:600!important;letter-spacing:-.03em!important}
.mp-home #featured .pls-product-stock p{border-radius:999px;letter-spacing:.06em;font-size:11px!important;padding:6px 14px!important}
.mp-home .tl-spec-table{border:1px solid var(--q-hair);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff;box-shadow:var(--q-shadow-1)}
.mp-home .tl-spec-table th,.mp-home .tl-spec-table td{border-bottom:1px solid var(--q-hair)!important;padding:12px 16px!important}
.mp-home .tl-spec-table tr:last-child th,.mp-home .tl-spec-table tr:last-child td{border-bottom:0!important}
.mp-home .tl-spec-table th{background:#fafaf9;color:var(--q-steel)!important;font-weight:500!important;font-size:13px}
.mp-home .tl-spec-table td{color:var(--q-ink)!important}

/* ---------- 四个卖点 ---------- */
.mp-home .hl-service{background:#fff;border:1px solid var(--q-hair);border-radius:var(--q-radius);padding:30px 22px;height:100%;transition:box-shadow .3s var(--q-ease),transform .3s var(--q-ease),border-color .3s}
.mp-home .hl-service:hover{box-shadow:var(--q-shadow-2);transform:translateY(-3px);border-color:transparent}
.mp-home .info-box-icon{background:linear-gradient(180deg,#fff,var(--palette-soft,#FFF6EF))!important;box-shadow:var(--q-shadow-1)}
.mp-home .info-box-title h4{font-weight:600!important;letter-spacing:-.015em}
.mp-home .info-box-description p{color:var(--q-steel)}

/* ---------- 应用案例卡 ---------- */
.mp-home .pls-client-wrap{border:1px solid var(--q-hair)!important;border-radius:var(--q-radius)!important;overflow:hidden;background:#fff;box-shadow:var(--q-shadow-1);transition:box-shadow .3s var(--q-ease)}
.mp-home .pls-client-wrap:hover{box-shadow:var(--q-shadow-2)}
.mp-home .pls-client-img img{border-radius:0!important}
.mp-home .pls-client-quote{color:#353b42;line-height:1.75}
.mp-home .pls-client-name{font-weight:600;letter-spacing:-.01em}
.mp-home .pls-testimonial-product img{border-radius:8px;background:var(--q-mist);mix-blend-mode:multiply}

/* ---------- 工厂图集 ---------- */
.mp-home #factory .pls-insta-image-wrap,.mp-home #factory img{border-radius:14px!important;overflow:hidden}
.mp-home #factory .pls-insta-image-wrap{box-shadow:var(--q-shadow-1)}
.mp-home #factory img{transition:transform .6s var(--q-ease),filter .3s;filter:saturate(.92) contrast(1.03)}
.mp-home #factory .hl-factory:hover img{transform:scale(1.04);filter:none}

/* ---------- 行业条 ---------- */
.mp-home .hl-industries{background:#fff!important;border-block:1px solid var(--q-hair)!important}
.mp-home .hl-industries img{opacity:.75;transition:opacity .2s}
.mp-home .hl-industries a:hover img{opacity:1}

/* ---------- 询盘表单 ---------- */
.mp-home #contact.mp-soft,.mp-soft{background:linear-gradient(180deg,#fff 0%,var(--palette-soft,#FFF6EF) 100%)!important}
.mp-inquiry-form,.mp-home .tl-inq-form{background:#fff!important;border:1px solid var(--q-hair);border-radius:20px!important;box-shadow:var(--q-shadow-2)!important}
.mp-inquiry-form input,.mp-inquiry-form select,.mp-inquiry-form textarea,.mp-home .tl-inq-form input,.mp-home .tl-inq-form select,.mp-home .tl-inq-form textarea{border-radius:10px!important;border-color:#e0e2e4!important;background:#fcfcfb!important;transition:border-color .2s,box-shadow .2s,background .2s}
.mp-inquiry-form input:focus,.mp-inquiry-form select:focus,.mp-inquiry-form textarea:focus,.mp-home .tl-inq-form input:focus,.mp-home .tl-inq-form select:focus,.mp-home .tl-inq-form textarea:focus{outline:0!important;background:#fff!important;border-color:var(--q-accent)!important;box-shadow:0 0 0 4px rgba(255,124,36,.15)!important}
.mp-inquiry-form label,.mp-home .tl-inq-form label{color:var(--q-ink-2);letter-spacing:.01em}

/* ---------- 子页面：首屏、卡片、侧栏、表格 ---------- */
.mp-hero{position:relative;overflow:hidden;background:
  radial-gradient(60% 120% at 100% 0%,rgba(255,124,36,.10) 0%,rgba(255,124,36,0) 60%),
  linear-gradient(180deg,var(--palette-soft,#FFF6EF) 0%,#fff 100%)!important;border-bottom:1px solid var(--q-hair)}
.mp-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(21,25,30,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,25,30,.045) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 70%);mask-image:linear-gradient(90deg,#000 0%,transparent 70%)}
.mp-hero>*{position:relative}
.mp-hero h1{letter-spacing:-.035em!important}
.mp-hero-photo img,.mp-hero-product,.mp-hero img{border-radius:var(--q-radius)!important;box-shadow:var(--q-shadow-2)}
.mp-eyebrow{letter-spacing:.14em!important;font-weight:600!important}
.mp-lead{color:var(--q-steel)}
.mp-metric strong,.mp-metrics strong{letter-spacing:-.03em}
.mp-breadcrumb{color:var(--q-steel)}

.mp-family-card,.mp-info-card,.mp-use-card,.mp-sidebar,.mp-resource-item{border-radius:var(--q-radius)!important;border-color:var(--q-hair)!important;transition:box-shadow .3s var(--q-ease),transform .3s var(--q-ease),border-color .3s}
.mp-family-card,.mp-info-card,.mp-sidebar{background:#fff;box-shadow:var(--q-shadow-1)}
.mp-family-card:hover,.mp-info-card:hover,.mp-use-card:hover{box-shadow:var(--q-shadow-2)!important;transform:translateY(-3px);border-color:transparent!important}
.mp-family-card img,.mp-use-card img{transition:transform .6s var(--q-ease)}
.mp-family-card:hover img,.mp-use-card:hover img{transform:scale(1.03)}
.mp-family-card{overflow:hidden}
.mp-info-card .mp-number{color:var(--q-accent-deep)!important;font-weight:600;letter-spacing:.1em}

.mp-product-image{background:var(--q-mist)!important;border-radius:var(--q-radius)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.035);transition:box-shadow .3s var(--q-ease),transform .3s var(--q-ease)}
.mp-product-card:hover .mp-product-image{box-shadow:var(--q-shadow-2),inset 0 0 0 1px rgba(255,124,36,.35);transform:translateY(-3px)}
.mp-product-card h3{letter-spacing:-.02em!important}
.mp-product-type{letter-spacing:.12em;color:var(--q-steel)}
.mp-card-links{border-top-color:var(--q-hair)!important}

.mp-sidebar h2{letter-spacing:-.02em}
.mp-sidebar details{border-top-color:var(--q-hair)!important}
.mp-sidebar details a{transition:color .15s}
.mp-sidebar details a:hover{color:var(--q-ink)}
.mp-search input,.mp-toolbar input,.mp-toolbar select{border-radius:999px!important;border-color:#e0e2e4!important;background:#fff!important;box-shadow:var(--q-shadow-1)}
.mp-toolbar select{padding-inline:16px!important}

.mp-gallery-main,.mp-gallery-main img{border-radius:var(--q-radius)!important}
.mp-gallery-main{box-shadow:var(--q-shadow-2);background:#fff}
.mp-thumb{border-radius:10px!important;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.mp-thumb:hover{box-shadow:var(--q-shadow-1)}
.mp-detail-highlights li,.mp-detail-highlights>*{border-radius:12px}
.mp-table-wrap{border:1px solid var(--q-hair);border-radius:14px;overflow:hidden;box-shadow:var(--q-shadow-1)}
.mp-table-wrap .mp-spec-table{margin-top:0!important}
.mp-spec-table th{background:#fafaf9!important}
.mp-spec-table tr:last-child th,.mp-spec-table tr:last-child td{border-bottom:0}
.mp-detail-tabs a{transition:color .2s}
.mp-photo-grid img{border-radius:14px!important;box-shadow:var(--q-shadow-1);transition:transform .5s var(--q-ease)}
.mp-photo-grid figure:hover img{transform:translateY(-3px)}

/* CTA 区：深色背景 + 橙色光晕 */
.mp-cta{background:radial-gradient(80% 140% at 100% 0%,rgba(255,124,36,.28) 0%,rgba(255,124,36,0) 55%),var(--q-ink)!important;color:#fff!important;border:0!important;border-radius:20px!important;box-shadow:var(--q-shadow-2)}
.mp-cta h2{color:#fff!important;letter-spacing:-.03em}
.mp-cta p{color:#b9c0c7!important}
.mp-cta .mp-eyebrow{color:#ffb27f!important}

/* ---------- 页脚：深石墨色 ---------- */
.mp-footer{background:var(--q-ink)!important;color:#c6cbd1!important;border-top:0!important;position:relative}
.mp-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--q-accent),#ffb27f 60%,var(--q-accent))}
.mp-footer .mp-brand{color:#fff!important}
.mp-footer .mp-brand b{color:var(--q-accent)!important}
.mp-footer h2{color:#fff!important;font-weight:600!important;letter-spacing:.02em}
.mp-footer p,.mp-footer-links a,.mp-footer-bottom{color:#9aa2ab!important}
.mp-footer-links a{transition:color .2s}
.mp-footer-links a:hover{color:#fff!important}
.mp-footer-bottom{border-top-color:rgba(255,255,255,.08)!important}
.mp-footer-bottom a{color:#ffb27f!important}

/* 手机底栏 */
.mp-bottom{box-shadow:0 -6px 24px rgba(16,24,32,.08);border-top:1px solid var(--q-hair)!important}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

@media (max-width:767px){
  .mp-header-top{height:64px}
  .mp-home [data-id="d723b68"] .banner-button a{font-size:15px!important;padding:10px 22px!important}
  .mp-cta{border-radius:16px!important}
  .mp-inquiry-form,.mp-home .tl-inq-form{border-radius:16px!important}
}

/* 补充：分类卡圆角落到实际图片容器；行业条文字放大 */
.mp-home [data-id="d723b68"] .banner-wrapper,.mp-home [data-id="d723b68"] .banner-image-wrap,.mp-home [data-id="d723b68"] .banner-image,.mp-home [data-id="d723b68"] .banner-image img{border-radius:var(--q-radius)!important;overflow:hidden}
.mp-home [data-id="d723b68"] .swiper-slide{border-radius:var(--q-radius)}
@media (min-width:576px){
  .mp-home .hl-industries{gap:12px 14px!important;padding:22px 16px!important}
  .mp-home .hl-industries a{flex:0 0 auto!important;padding:0 14px!important;min-height:44px!important;border:1px solid var(--q-hair);border-radius:999px!important;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
  .mp-home .hl-industries a:hover{outline:0!important;border-color:var(--q-accent);box-shadow:var(--q-shadow-1);transform:translateY(-1px)}
  .mp-home .hl-industries img{height:40px!important;max-height:none!important;max-width:none!important;width:auto!important}
}
@media (max-width:575px){.mp-home .hl-industries img{max-height:none!important;height:34px!important;max-width:100%!important}}