/* ========================================================
   权勒科仪官网 - 主样式 v3.0
   ElevenLabs Design Language · 轻盈极简风
======================================================== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* ============ ElevenLabs 设计变量 ============ */
:root{
  /* 颜色：以白为主，暖灰为辅 */
  --c-bg:#ffffff;
  --c-bg-alt:#f5f5f5;
  --c-warm:#f5f2ef;              /* 暖石色 CTA 背景 */
  --c-warm-trans:rgba(245,242,239,0.8);
  --c-text:#000000;              /* 主文字：黑 */
  --c-text-2:#4e4e4e;            /* 次文字：深灰 */
  --c-text-3:#777169;            /* 弱文字：暖灰 */
  --c-border:#e5e5e5;
  --c-border-subtle:rgba(0,0,0,.05);
  --c-border-strong:rgba(0,0,0,.1);

  /* 阴影系统：多层极轻 */
  --sh-inset:rgba(0,0,0,.075) 0 0 0 .5px inset;
  --sh-outline:rgba(0,0,0,.06) 0 0 0 1px;
  --sh-outline-lift:rgba(0,0,0,.06) 0 0 0 1px,rgba(0,0,0,.04) 0 1px 2px,rgba(0,0,0,.04) 0 2px 4px;
  --sh-card:rgba(0,0,0,.4) 0 0 1px,rgba(0,0,0,.04) 0 4px 4px;
  --sh-warm:rgba(78,50,23,.04) 0 6px 16px;
  --sh-soft:rgba(0,0,0,.04) 0 4px 4px;

  /* 圆角 */
  --rd-sm:8px;
  --rd-md:12px;
  --rd-lg:16px;
  --rd-xl:20px;
  --rd-section:24px;
  --rd-pill:9999px;

  /* 间距 */
  --ease:cubic-bezier(.25,.46,.45,.94);
}

body{
  font-family:'Inter','Noto Sans SC',-apple-system,sans-serif;
  color:var(--c-text);line-height:1.5;background:var(--c-bg);
  -webkit-font-smoothing:antialiased;
  letter-spacing:.16px;
}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}

/* ============ Header（白色 sticky） ============ */
header{
  position:fixed;top:0;left:0;right:0;z-index:99;
  height:64px;background:#000;
  border-bottom:1px solid #222;
  transition:box-shadow .3s var(--ease);
}
header.solid{box-shadow:var(--sh-outline-lift);}
.nav-wrap{display:flex;justify-content:space-between;align-items:stretch;height:64px;}

/* Logo：Inter weight 500，全黑 */
.logo{
  display:flex;align-items:center;gap:2px;
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:17px;font-weight:500;color:#fff;
  letter-spacing:.14px;
}
.logo img{height:64px;width:auto;display:block;}
.logo span{color:#fff;font-weight:500;}

/* 导航 */
.nav-menu{display:flex;align-items:stretch;}
.nav-menu > li{position:relative;display:flex;align-items:stretch;}
.nav-menu > li > a{
  color:#fff;padding:0 20px;font-size:15px;font-weight:500;
  letter-spacing:.15px;display:flex;align-items:center;justify-content:center;position:relative;
  height:64px;line-height:1;
  transition:color .2s;
}
.nav-menu > li > a:hover{color:#ccc;}
/* underline disabled */
.nav-menu > li > a::after{
  content:"";position:absolute;left:20px;right:20px;bottom:10px;
  height:1px;background:var(--c-text);transform:scaleX(0);
  transform-origin:center;transition:transform .3s var(--ease);
}
.nav-menu > li:hover > a::after{transform:scaleX(0);}

.menu-btn{display:none;position:absolute;right:0;top:0;width:50px;height:64px;align-items:center;justify-content:center;cursor:pointer;user-select:none;flex-direction:column;gap:5px;z-index:200;background:transparent;}
.menu-btn span{display:block;width:24px;height:3px;background:#fff;border-radius:2px;}

/* ============ Mega Menu（白色阴影边框） ============ */
.mega-menu{
  position:absolute;top:64px;left:50%;transform:translateX(-50%);
  width:680px;background:#fff;border-radius:var(--rd-lg);
  box-shadow:var(--sh-outline-lift),var(--sh-soft);
  padding:20px 0 12px;
  opacity:0;visibility:hidden;transform-origin:top center;
  transition:all .3s var(--ease);
}
.nav-menu > li:hover .mega-menu{
  opacity:1;visibility:visible;
}
.mega-col{display:flex;gap:32px;padding:4px 28px 12px;}
.mega-col > div{flex:1;}
.mega-col h4{
  font-family:'Inter',sans-serif;
  font-size:15px;font-weight:600;color:var(--c-text-1);
  letter-spacing:.5px;margin-bottom:12px;padding-bottom:10px;
}
.mega-links{display:flex;flex-direction:column;gap:2px;}
.mega-links a{
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:14px;color:#000;padding:8px 12px;border-radius:var(--rd-sm);
  display:flex;align-items:center;gap:10px;transition:background .2s;
  letter-spacing:.14px;
}
.mega-links a:hover{background:var(--c-bg-alt);}
.cat-icon{font-size:15px;width:20px;text-align:center;}

/* ============ Page Spacer ============ */
.page-spacer{height:64px;}

/* ============ Hero Banner（单张静态图，化工提纯三设备横排） ============ */
.hero-carousel{position:relative;height:560px;overflow:hidden;background:#f5f2ef;}
.carousel-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.slide{
  min-width:100%;height:100%;position:relative;
  display:flex;align-items:flex-start;justify-content:center;
  background-size:cover;background-position:center;
}
/* 覆盖层：顶部浓→底部淡，保证顶部文字清晰 */
.slide::before{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom, rgba(255,255,255,.88) 0%, rgba(255,255,255,.55) 45%, rgba(245,242,239,.25) 100%);
}
.slide-inner{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto;padding:48px 24px 0;}
.slide-inner h1{
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:48px;font-weight:300;line-height:1.08;
  letter-spacing:-.5px;color:#1a1a1a;margin-bottom:14px;
}
.slide-inner p{
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:18px;font-weight:400;line-height:1.6;
  letter-spacing:.18px;color:#4a4a4a;margin-bottom:24px;max-width:680px;margin-left:auto;margin-right:auto;
}

/* 轮播图 */
.slide-1{background-image:url('../images/hero/hero-3.jpg.png?v=202610091342');background-size:cover;background-position:center;}
.slide-2{background-image:url('../images/hero/hero-2.jpg.png?v=20260915b');background-size:cover;background-position:center;}
.slide-3{background-image:url('../images/hero/hero-1.jpg.png?v=202609161457');background-size:cover;background-position:center;}

.banner-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}

.carousel-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:var(--rd-pill);
  background:#000;color:#fff;font-size:18px;font-weight:500;cursor:pointer;
  border:none;transition:opacity .2s;z-index:5;opacity:.8;
  box-shadow:var(--sh-card);
}
.carousel-btn:hover{opacity:1;}
.carousel-btn.prev{left:24px;}
.carousel-btn.next{right:24px;}

.carousel-dots{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:5;
}
.carousel-dots .dot{
  width:24px;height:2px;background:rgba(0,0,0,.15);border-radius:2px;
  cursor:pointer;transition:all .3s;
}
.slide-3 ~ .carousel-dots .dot{background:rgba(255,255,255,.3);}
.carousel-dots .dot.active{background:#000;width:36px;}
.slide-3 ~ .carousel-dots .dot.active{background:#fff;}

/* ============ Page Banner ============ */
.page-banner{
  padding:80px 0 48px;text-align:center;background:#fff;
}
.page-banner h1{
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:40px;font-weight:300;line-height:1.1;
  letter-spacing:-.3px;color:#000;margin-bottom:12px;
}
.page-banner p{
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:16px;font-weight:400;color:var(--c-text-2);
  letter-spacing:.16px;line-height:1.6;max-width:560px;margin:0 auto;
}

/* ============ Section 背景 ============ */
.section-alt{background:#f5f5f5;padding:100px 0;}
.section-warm{background:var(--c-warm);padding:100px 0;}
.section-dark{background:#000;color:#fff;padding:100px 0;}

/* ============ Section Title（极细） ============ */
.sec-title{
  text-align:center;
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:36px;font-weight:300;line-height:1.17;
  letter-spacing:-.3px;color:#000;margin-bottom:12px;
}
.sec-title.left{text-align:left;}
.sec-subtitle{
  text-align:center;
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:16px;font-weight:400;color:var(--c-text-3);
  letter-spacing:.16px;margin-bottom:56px;line-height:1.6;
}

/* ============ Buttons（Pill 9999px） ============ */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Inter','Noto Sans SC',sans-serif;
  padding:10px 20px;background:#000;color:#fff;
  border-radius:var(--rd-pill);font-size:15px;font-weight:500;
  letter-spacing:.15px;transition:all .25s var(--ease);
  border:none;cursor:pointer;
}
.btn:hover{opacity:.88;transform:translateY(-1px);}
.btn-lg{padding:12px 24px;font-size:15px;}
.btn-sm{padding:8px 16px;font-size:13px;}
.btn-outline{
  background:#fff;color:#000;
  box-shadow:rgba(0,0,0,.4) 0 0 1px,rgba(0,0,0,.04) 0 4px 4px;
}
.btn-outline:hover{background:#f5f5f5;}
.btn-outline-dark{
  background:#fff;color:#000;
  box-shadow:rgba(0,0,0,.4) 0 0 1px,rgba(0,0,0,.04) 0 4px 4px;
}
.btn-outline-dark:hover{background:#f5f5f5;}
.btn-warm{
  background:rgba(245,242,239,.8);color:#000;
  padding:12px 20px 12px 14px;border-radius:30px;
  box-shadow:rgba(78,50,23,.04) 0 6px 16px;
}
.btn-warm:hover{background:rgba(245,242,239,1);}
.btn-ghost{
  background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;
  box-shadow:none;
}
.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.5);}

/* ============ 两大板块入口卡片 ============ */
.category-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;}
.category-card{
  position:relative;overflow:hidden;border-radius:var(--rd-xl);
  min-height:460px;transition:all .4s var(--ease);
  display:flex;flex-direction:column;justify-content:flex-end;
  text-decoration:none;color:inherit;
  box-shadow:var(--sh-outline-lift);
}
.category-card:hover{transform:translateY(-3px);box-shadow:var(--sh-card),var(--sh-soft);}
.category-card .cc-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform .6s var(--ease);
}
.category-card:nth-child(2) .cc-bg{background-position:62% center;}
.category-card:hover .cc-bg{transform:scale(1.04);}
.category-card .cc-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.75) 100%);
}
.category-card .cc-content{
  position:relative;z-index:2;padding:32px;color:#fff;
}
.category-card .cc-tag{
  display:inline-block;
  font-family:'Inter',sans-serif;
  font-size:11px;font-weight:500;
  letter-spacing:.7px;text-transform:uppercase;
  padding:6px 14px;border-radius:20px;
  background:rgba(255,255,255,.15);margin-bottom:14px;
}
.category-card h2{
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:32px;font-weight:300;line-height:1.13;letter-spacing:-.2px;
  color:#fff;margin-bottom:8px;
}
.category-card .cc-desc{
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:14px;font-weight:400;opacity:.9;margin-bottom:18px;
  letter-spacing:.14px;max-width:420px;line-height:1.6;
}
.category-card .cc-features{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.category-card .cc-features span{
  font-family:'Inter',sans-serif;
  font-size:11px;font-weight:500;letter-spacing:.5px;
  padding:4px 12px;border-radius:20px;
  background:rgba(255,255,255,.15);color:#fff;
}
.category-card .cc-action{
  display:inline-flex;align-items:center;gap:6px;color:#fff;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;letter-spacing:.14px;
  transition:gap .25s var(--ease);
}
.category-card:hover .cc-action{gap:10px;}

/* ============ 资质认证徽章带 ============ */
.cert-strip{
  display:flex;align-items:center;justify-content:center;
  gap:48px;flex-wrap:wrap;padding:44px 24px;
  background:#fff;border-radius:var(--rd-xl);
  box-shadow:var(--sh-outline-lift);
  margin-top:40px;
}
.cert-strip .cert-item{
  display:flex;align-items:center;gap:14px;color:#000;transition:opacity .2s;
  font-family:'Inter','Noto Sans SC',sans-serif;
}
.cert-strip .cert-item:hover{opacity:.7;}
.cert-strip .cert-badge{
  width:48px;height:48px;border-radius:var(--rd-md);flex-shrink:0;
  background:var(--c-warm);display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  box-shadow:var(--sh-inset);
}
.cert-strip .cert-badge img{width:100%;height:100%;object-fit:contain;padding:6px;}
.cert-strip .cert-info strong{display:block;font-size:14px;font-weight:500;letter-spacing:.15px;color:#000;}
.cert-strip .cert-info span{font-size:10px;font-weight:500;letter-spacing:.7px;text-transform:uppercase;color:var(--c-text-3);}

/* ============ 资质认证卡片（about.html） ============ */
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cert-card{
  background:#fff;border-radius:var(--rd-lg);padding:28px 20px;text-align:center;
  box-shadow:var(--sh-outline);transition:all .3s var(--ease);
}
.cert-card:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.cert-img{
  width:72px;height:72px;margin:0 auto 16px;border-radius:var(--rd-md);
  display:flex;align-items:center;justify-content:center;
  background:var(--c-warm);overflow:hidden;
  box-shadow:var(--sh-inset);
}
.cert-img img{width:100%;height:100%;object-fit:contain;padding:8px;}
.cert-card h4{font-family:'Noto Sans SC','Inter',sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:4px;letter-spacing:.1px;}
.cert-card p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;color:var(--c-text-3);font-weight:400;letter-spacing:.14px;}

/* ============ 资质认证合成图 ============ */
.cert-single{
  background:#fff;border-radius:var(--rd-xl);
  box-shadow:var(--sh-outline-lift),var(--sh-soft);
  overflow:hidden;
}
.cert-single img{width:100%;display:block;}

/* ============ Gallery ============ */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gallery-item{
  border-radius:var(--rd-lg);overflow:hidden;aspect-ratio:4/3;
  box-shadow:var(--sh-outline);transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.gallery-item:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.gallery-item:hover img{transform:scale(1.04);}

/* ============ About / Advantage ============ */
.about-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;}
.about-img img{border-radius:var(--rd-xl);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.about-text h2{
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:36px;font-weight:300;line-height:1.17;letter-spacing:-.3px;
  color:#000;margin-bottom:16px;
}
.about-text p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:15px;font-weight:400;letter-spacing:.16px;color:var(--c-text-2);margin-bottom:14px;line-height:1.8;}
.about-stats{display:flex;gap:40px;margin-top:28px;padding-top:24px;border-top:1px solid var(--c-border-subtle);}
.stat-item{text-align:center;}
.stat-num{
  font-family:'Noto Sans SC','Inter',sans-serif;
  display:block;font-size:28px;font-weight:300;letter-spacing:-.2px;color:#000;
}
.stat-label{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:400;color:var(--c-text-3);margin-top:2px;letter-spacing:.14px;}

.advantage-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.advantage-card{
  background:#fff;border-radius:var(--rd-lg);padding:32px 24px;text-align:center;
  box-shadow:var(--sh-outline);transition:all .3s var(--ease);
}
.advantage-card:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.adv-icon{font-size:36px;margin-bottom:14px;}
.advantage-card h3{font-family:'Noto Sans SC','Inter',sans-serif;font-size:18px;font-weight:400;color:#000;margin-bottom:8px;letter-spacing:.1px;}
.advantage-card p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:14px;font-weight:400;letter-spacing:.14px;color:var(--c-text-2);line-height:1.8;}
.about-video{max-width:800px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15);}
.about-video video{width:100%;display:block;}

/* ============ Sidebar ============ */
.layout-with-sidebar{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start;}
.sidebar{position:sticky;top:88px;}
.sidebar h4{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:500;color:var(--c-text-3);
  letter-spacing:.7px;text-transform:uppercase;margin-bottom:14px;
}
.sb-cat{margin-bottom:20px;}
.sb-cat-title{
  font-family:'Inter','Noto Sans SC',sans-serif;font-size:14px;font-weight:500;
  padding:10px 14px;background:var(--c-bg-alt);border-radius:var(--rd-md);
  display:flex;align-items:center;gap:8px;margin-bottom:8px;letter-spacing:.15px;
  text-decoration:none;color:inherit;cursor:pointer;
}
.sb-ico{font-size:14px;}
.sb-links{display:flex;flex-direction:column;gap:2px;}
.sb-links a{
  font-family:'Inter','Noto Sans SC',sans-serif;font-size:13.5px;font-weight:400;
  color:var(--c-text-2);padding:8px 14px;border-radius:var(--rd-sm);
  transition:all .2s;letter-spacing:.14px;
}
.sb-links a:hover{background:var(--c-bg-alt);color:#000;}
@media(max-width:820px){
  .sb-cat-title{justify-content:space-between;}
  .sb-cat-title::after{content:'▼';font-size:10px;color:#999;margin-left:auto;}
  .sb-cat.open .sb-cat-title::after{content:'▲';}
  .sb-links{display:none;}
  .sb-cat.open .sb-links{display:flex;}
}
.sb-links a.active{color:#000;font-weight:500;background:var(--c-bg-alt);}

/* ============ 产品卡片 ============ */
.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}
.product-card{
  background:#fff;border-radius:var(--rd-lg);overflow:hidden;
  box-shadow:var(--sh-outline);transition:all .3s var(--ease);
  text-decoration:none;color:inherit;display:block;
}
.product-card:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.prod-img{aspect-ratio:4/3;overflow:hidden;background:var(--c-bg-alt);}
.prod-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease);}
.product-card:hover .prod-img img{transform:scale(1.04);}
.prod-body{padding:18px;}
.prod-body h3{font-family:'Noto Sans SC','Inter',sans-serif;font-size:15px;font-weight:400;color:#000;margin-bottom:6px;letter-spacing:.1px;}
.prod-body p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:12.5px;font-weight:400;color:var(--c-text-2);letter-spacing:.14px;line-height:1.6;margin-bottom:14px;}

/* ============ Series 型号卡片 ============ */
.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.model-card{
  background:#fff;border-radius:var(--rd-lg);overflow:hidden;
  box-shadow:var(--sh-outline);transition:all .3s var(--ease);
}
.model-card:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.model-img{aspect-ratio:4/3;overflow:hidden;background:var(--c-bg-alt);}
.model-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease);}
.model-card:hover .model-img img{transform:scale(1.04);}
.model-info{padding:22px;}
.model-model{
  display:inline-block;font-family:'Inter',sans-serif;
  font-size:12px;font-weight:500;color:#000;letter-spacing:.7px;
  padding:4px 12px;border-radius:20px;background:var(--c-warm);
  margin-bottom:10px;
}
.model-info h3{
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:16px;font-weight:400;color:#000;margin-bottom:10px;letter-spacing:.1px;
}
.model-specs{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:400;color:var(--c-text-2);letter-spacing:.14px;margin-bottom:14px;line-height:1.6;}
.model-features{display:flex;gap:8px;flex-wrap:wrap;}
.model-features span{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.5px;
  padding:4px 10px;background:var(--c-bg-alt);color:var(--c-text-3);border-radius:var(--rd-sm);
}

/* ============ Cases ============ */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.case-card{
  background:#fff;border-radius:var(--rd-lg);overflow:hidden;
  box-shadow:var(--sh-outline);transition:all .3s var(--ease);
}
.case-card:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.case-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--c-bg-alt);}
.case-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.case-card:hover .case-media img{transform:scale(1.04);}
/* 案例详情页：大图/视频 + 文字 */
.case-detail-media{width:100%;display:block;border-radius:var(--rd-lg);background:var(--c-bg-alt);}
/* 竖屏视频：限制高度、居中，保证画面完整不被裁切 */
.case-detail-media.portrait{height:min(78vh,860px);width:auto;max-width:100%;margin:0 auto;}
.case-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:48px;height:48px;border-radius:var(--rd-pill);
  background:#fff;color:#000;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:500;
  box-shadow:var(--sh-card);
}
.case-info{padding:20px 22px;}
.case-meta{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.7px;text-transform:uppercase;color:#000;margin-bottom:6px;}
.case-info h3{font-family:'Noto Sans SC','Inter',sans-serif;font-size:16px;font-weight:400;color:#000;margin-bottom:6px;letter-spacing:.1px;}
.case-info p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:400;color:var(--c-text-2);letter-spacing:.14px;line-height:1.7;}

/* 首页案例缩略条 */
.case-home-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.case-home-card{
  text-decoration:none;background:#fff;border-radius:var(--rd-lg);overflow:hidden;
  box-shadow:var(--sh-outline);transition:all .3s var(--ease);color:inherit;display:block;
}
.case-home-card:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.case-home-card .case-media{aspect-ratio:16/10;}
.case-home-card .case-info{padding:16px 20px;}
.case-home-card h4{font-family:'Noto Sans SC','Inter',sans-serif;font-size:14px;font-weight:400;color:#000;margin-bottom:4px;letter-spacing:.1px;}
.case-home-card .case-cat{font-family:'Inter','Noto Sans SC',sans-serif;font-size:12px;font-weight:400;color:var(--c-text-3);letter-spacing:.14px;}

/* ============ CTA ============ */
.cta-block{text-align:center;padding:32px 0;}
.cta-block h2{
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:36px;font-weight:300;line-height:1.17;letter-spacing:-.3px;
  color:#000;margin-bottom:12px;
}
.cta-block h2[style*="color:#fff"]{color:#fff !important;}
.section-dark .cta-block h2{color:#fff !important;}
.cta-block p{
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:16px;font-weight:400;letter-spacing:.16px;line-height:1.6;
  color:var(--c-text-2);max-width:600px;margin:0 auto 28px;
}
.section-dark .cta-block p{color:rgba(255,255,255,.7);}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ============ Breadcrumb ============ */
.breadcrumb{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:400;letter-spacing:.14px;color:var(--c-text-3);margin-bottom:16px;}
.breadcrumb a{color:var(--c-text-2);transition:color .2s;}
.breadcrumb a:hover{color:#000;}
.breadcrumb span{color:#000;font-weight:500;}

/* ============ Support Page ============ */
.support-tabs{
  background:#fff;border-radius:var(--rd-lg);overflow:hidden;
  box-shadow:var(--sh-outline-lift),var(--sh-soft);
}
.tab-heads{
  display:flex;border-bottom:1px solid var(--c-border-subtle);
  background:#fff;
}
.tab-btn{
  flex:1;padding:16px 24px;font-size:14px;font-weight:500;font-family:'Inter','Noto Sans SC',sans-serif;
  background:transparent;border:none;cursor:pointer;color:var(--c-text-3);
  transition:color .2s;display:flex;align-items:center;justify-content:center;gap:10px;
  letter-spacing:.15px;
}
.tab-btn:hover{color:var(--c-text-2);}
.tab-btn.active{color:#000;border-bottom:1px solid #000;}
.tab-ico{font-size:16px;}
.tab-panel{padding:28px;display:none;}
.tab-panel.active{display:block;}

/* 文档表格 */
.doc-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;}
.doc-search{
  flex:1;min-width:200px;padding:11px 18px;border:1px solid var(--c-border);
  border-radius:var(--rd-md);font-size:14px;font-family:inherit;background:#fff;color:#000;
  transition:border-color .2s;letter-spacing:.14px;
}
.doc-search:focus{outline:none;border-color:#000;}
.doc-count{font-size:13px;font-weight:400;color:var(--c-text-3);letter-spacing:.14px;}
.doc-table{border:1px solid var(--c-border);border-radius:var(--rd-md);overflow:hidden;}
.doc-row{
  display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr;
  padding:14px 20px;font-size:13px;font-weight:400;align-items:center;
  border-bottom:1px solid var(--c-border-subtle);letter-spacing:.14px;
}
.doc-row:last-child{border-bottom:none;}
.doc-row.doc-head{
  background:var(--c-bg-alt);font-weight:500;color:#000;font-family:'Inter',sans-serif;
  font-size:11px;letter-spacing:.7px;text-transform:uppercase;
}
.doc-row:not(.doc-head):hover{background:var(--c-bg-alt);}
.doc-empty{text-align:center;padding:48px;color:var(--c-text-3);font-size:14px;display:none;}

/* 视频列表 */
.video-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.video-card{
  background:var(--c-bg-alt);border-radius:var(--rd-lg);overflow:hidden;
  cursor:pointer;transition:all .3s var(--ease);
  box-shadow:var(--sh-outline);
}
.video-card:hover{transform:translateY(-2px);box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.video-thumb{position:relative;aspect-ratio:16/9;background:#1a1a1a;display:flex;align-items:center;justify-content:center;}
.play-btn{
  width:48px;height:48px;border-radius:var(--rd-pill);
  background:#fff;color:#000;font-size:14px;font-weight:500;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--sh-card);
}
.video-duration{
  position:absolute;bottom:10px;right:10px;padding:3px 10px;
  background:rgba(0,0,0,.7);color:#fff;font-size:12px;border-radius:20px;font-family:'Inter',sans-serif;letter-spacing:.14px;
}
.video-info{padding:18px;}
.video-info h4{font-family:'Noto Sans SC','Inter',sans-serif;font-size:15px;font-weight:400;color:#000;margin-bottom:6px;letter-spacing:.1px;}
.video-info p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:12.5px;font-weight:400;color:var(--c-text-2);letter-spacing:.14px;line-height:1.6;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:8px;}
.faq-item{background:#fff;border-radius:var(--rd-md);box-shadow:var(--sh-outline);overflow:hidden;}
.faq-q{
  width:100%;background:#fff;border:none;padding:18px 22px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  font-size:14px;font-weight:400;font-family:'Noto Sans SC','Inter',sans-serif;
  color:#000;cursor:pointer;text-align:left;letter-spacing:.1px;
  transition:background .2s;
}
.faq-q:hover{background:var(--c-bg-alt);}
.faq-arrow{color:var(--c-text-3);font-size:12px;transition:transform .3s var(--ease);flex-shrink:0;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
.faq-a p{padding:0 22px 18px;font-family:'Inter','Noto Sans SC',sans-serif;font-size:14px;font-weight:400;color:var(--c-text-2);letter-spacing:.14px;line-height:1.9;}

/* ============ Contact ============ */
.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;}
.contact-info{display:flex;flex-direction:column;gap:16px;}
.contact-item{
  display:flex;gap:14px;align-items:flex-start;
  padding:20px;background:#fff;border-radius:var(--rd-lg);
  box-shadow:var(--sh-outline);transition:all .25s;
}
.contact-item:hover{box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.ci-icon{font-size:20px;width:36px;flex-shrink:0;text-align:center;}
.contact-item strong{display:block;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:#000;margin-bottom:4px;letter-spacing:.15px;}
.contact-item span{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13.5px;font-weight:400;color:var(--c-text-2);letter-spacing:.14px;}

.contact-form-wrap{
  background:#fff;border-radius:var(--rd-lg);padding:28px;
  box-shadow:var(--sh-outline-lift),var(--sh-soft);
}
.form-title{font-family:'Noto Sans SC','Inter',sans-serif;font-size:20px;font-weight:400;color:#000;margin-bottom:20px;letter-spacing:.1px;}
.contact-form{display:flex;flex-direction:column;gap:12px;}
.contact-form input,.contact-form textarea{
  padding:12px 18px;border:1px solid var(--c-border);border-radius:var(--rd-md);
  font-size:14px;font-family:inherit;background:#fff;color:#000;
  transition:border-color .2s;letter-spacing:.14px;font-weight:400;
}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#000;}
.contact-form textarea{resize:vertical;min-height:120px;}
.form-tip{font-size:13px;text-align:center;min-height:18px;color:var(--c-text-2);letter-spacing:.14px;}

/* ============ Video Modal ============ */
.video-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1000;
  display:none;align-items:center;justify-content:center;padding:20px;
}
.video-modal.show{display:flex;}
.video-modal-box{position:relative;max-width:900px;width:100%;background:#000;border-radius:var(--rd-lg);overflow:hidden;}
.video-close{
  position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:var(--rd-pill);
  background:rgba(255,255,255,.15);color:#fff;border:none;cursor:pointer;
  font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center;z-index:2;
  transition:background .2s;
}
.video-close:hover{background:rgba(255,255,255,.3);}
.video-title{position:absolute;top:12px;left:50%;transform:translateX(-50%);color:#fff;font-family:'Inter','Noto Sans SC',sans-serif;font-size:14px;font-weight:500;letter-spacing:.14px;z-index:2;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-modal-box video{width:100%;display:block;}
/* 竖屏视频：按高度撑满弹窗，宽度自适应，保证画面完整不被裁切 */
.video-modal.portrait .video-modal-box{width:auto;max-width:min(560px,90vw);}
.video-modal.portrait .video-modal-box video{height:min(82vh,900px);width:auto;max-width:100%;margin:0 auto;}

/* ============ Footer ============ */
footer{background:#000;color:#fff;padding:60px 0 0;margin-top:40px;}
.footer-wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:48px;}
.footer-brand .logo{margin-bottom:12px;color:#fff;}
.footer-brand .logo img{height:80px;}
.footer-brand p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.14px;line-height:1.9;}
.footer-links h4,.footer-contact h4{font-family:'Inter','Noto Sans SC',sans-serif;font-size:14px;font-weight:500;color:#fff;margin-bottom:16px;letter-spacing:.15px;}
.footer-links{display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.14px;transition:color .2s;}
.footer-links a:hover{color:#fff;}
.footer-contact p{font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.14px;margin-bottom:8px;}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);padding:20px 0;
  text-align:center;font-size:12px;font-weight:400;color:rgba(255,255,255,.3);letter-spacing:.14px;
}
.footer-bottom p{margin-bottom:4px;}

/* ============ 响应式 ============ */
@media(max-width:1024px){
  .layout-with-sidebar{grid-template-columns:1fr;}
  .sidebar{position:static;max-height:none;}
  .sidebar .sb-cat-title{cursor:pointer;}
  .sidebar .sb-links{display:none;}
  .sidebar .sb-links.show{display:flex;}
  .advantage-list{grid-template-columns:repeat(2,1fr);}
  .cases-grid{grid-template-columns:repeat(2,1fr);}
  .cert-grid{grid-template-columns:repeat(2,1fr);}
  .about-wrap{grid-template-columns:1fr;gap:32px;}
  .contact-wrap{grid-template-columns:1fr;}
  .section-alt,.section-dark,.section-warm{padding:72px 0;}
}

@media(max-width:900px){
  .category-split{gap:18px;}
  .category-card{min-height:380px;}
  .category-card h2{font-size:26px;font-weight:300;}
  .cert-strip{gap:28px;padding:32px 16px;}
  .cert-strip .cert-badge{width:44px;height:44px;}
  .cert-strip .cert-info strong{font-size:13px;}
  .cert-strip .cert-info span{font-size:10px;}
  .video-list{grid-template-columns:1fr;}
  .footer-wrap{grid-template-columns:1fr;gap:32px;}
  .hero-carousel{height:460px;}
  .slide-inner h1{font-size:36px;font-weight:300;letter-spacing:-.3px;}
  .slide-inner p{font-size:15px;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .case-home-strip{grid-template-columns:repeat(2,1fr);}
  .page-banner h1{font-size:32px;font-weight:300;}
  .sec-title{font-size:28px;font-weight:300;}
  .cta-block h2{font-size:28px;font-weight:300;}
}

@media(max-width:768px){
  .nav-menu{
    position:absolute;top:64px;left:0;right:0;background:#fff;
    flex-direction:column;gap:0;padding:8px 0;display:none;
    box-shadow:var(--sh-outline-lift),var(--sh-soft);
    max-height:70vh;overflow-y:auto;border-radius:0 0 var(--rd-lg) var(--rd-lg);
  }
  .nav-menu > li{flex-direction:column;}
  .nav-menu > li > a{padding:14px 24px;color:#000;border-top:1px solid var(--c-border-subtle);display:flex;align-items:center;justify-content:space-between;}
  .nav-menu > li.has-sub > a::after{content:'▼';font-size:10px;color:#999;}
  .nav-menu > li.has-sub.open > a::after{content:'▲';}
  .nav-menu.show{display:flex;}
  .menu-btn{display:flex!important;}
  .mega-menu{display:none;position:static;transform:none;box-shadow:none;padding:0 12px 8px;}
  .nav-menu > li.open .mega-menu{display:block;}
  .category-split{grid-template-columns:1fr;}
  .product-list{grid-template-columns:1fr;}
  .model-grid{grid-template-columns:1fr;}
  .cases-grid{grid-template-columns:1fr;}
  .advantage-list{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .case-home-strip{grid-template-columns:1fr;}
  .cert-grid{grid-template-columns:1fr;}
  .hero-carousel{height:380px;}
  .slide-inner h1{font-size:28px;font-weight:300;letter-spacing:-.2px;}
  .slide-inner p{font-size:14px;margin-bottom:22px;}
  .page-banner{padding:48px 0 32px;}
  .page-banner h1{font-size:26px;font-weight:300;}
  .about-stats{gap:24px;}
  .stat-num{font-size:22px;font-weight:300;}
  .sec-title{font-size:24px;font-weight:300;margin-bottom:10px;}
  .sec-subtitle{margin-bottom:36px;font-size:14px;}
  .section-alt,.section-dark,.section-warm{padding:56px 0;}
  .carousel-btn{width:40px;height:40px;font-size:16px;}
  .carousel-btn.prev{left:12px;}
  .carousel-btn.next{right:12px;}
  .doc-row{grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.5fr;font-size:12px;padding:12px 14px;}
  .breadcrumb{font-size:12px;}
  .support-tabs{border-radius:var(--rd-md);}
  .tab-panel{padding:20px;}
}

@media(max-width:480px){
  .gallery-grid{grid-template-columns:1fr;}
  .cert-strip{gap:20px;padding:28px 12px;}
  .cert-strip .cert-item{gap:8px;}
  .contact-form-wrap{padding:20px 16px;}
  .product-list{grid-template-columns:1fr;}
  .case-home-strip{grid-template-columns:1fr;}
}

/* ============ Product Detail 产品详情页 ============ */
.pd-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}

/* 图片轮播 */
.pd-carousel{
  position:relative;border-radius:var(--rd-xl);overflow:hidden;aspect-ratio:1/1;
  background:var(--c-bg-alt);box-shadow:var(--sh-outline-lift),var(--sh-soft);
}
.pd-carousel-track{display:flex;height:100%;transition:transform .45s cubic-bezier(.4,0,.2,1);}
.pd-carousel-slide{flex:0 0 100%;min-width:100%;width:100%;height:100%;}
.pd-carousel-slide img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease;}
.pd-carousel-slide:hover img{transform:scale(1.08);}
.pd-carousel-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border-radius:50%;border:none;
  background:rgba(255,255,255,.85);color:#333;font-size:24px;line-height:1;
  cursor:pointer;z-index:2;opacity:0;transition:opacity .3s ease,background .2s ease;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.pd-carousel:hover .pd-carousel-arrow{opacity:1;}
.pd-carousel-arrow:hover{background:#fff;}
.pd-carousel-arrow.prev{left:16px;}
.pd-carousel-arrow.next{right:16px;}
.pd-carousel-dots{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:2;
}
.pd-carousel-dot{
  width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.5);transition:background .2s ease,transform .2s ease;
  padding:0;
}
.pd-carousel-dot.active{background:#fff;transform:scale(1.25);}
.pd-carousel-wrap{display:flex;flex-direction:column;gap:12px;}
.pd-thumbs{display:flex;gap:10px;flex-wrap:wrap;}
.pd-thumb{width:calc(20% - 8px);aspect-ratio:4/3;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;padding:0;transition:border-color .2s ease, box-shadow .2s ease;}
.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pd-thumb:hover{border-color:#bbb;}
.pd-thumb.active{border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.08);}
.pd-info{display:flex;flex-direction:column;}
.pd-series-tag{
  display:inline-block;align-self:flex-start;
  font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.7px;text-transform:uppercase;
  padding:6px 14px;border-radius:var(--rd-pill);background:var(--c-warm);color:#000;margin-bottom:16px;
}
.pd-model{
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--c-text-3);
  letter-spacing:.7px;margin-bottom:8px;
}
.pd-name{
  font-family:'Noto Sans SC','Inter',sans-serif;
  font-size:36px;font-weight:300;line-height:1.12;letter-spacing:-.3px;
  color:#000;margin-bottom:14px;
}
.pd-summary{
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:15px;font-weight:400;color:var(--c-text-2);letter-spacing:.16px;line-height:1.7;
  margin-bottom:20px;
}
.pd-features{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.pd-features span{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.5px;
  padding:5px 12px;background:var(--c-bg-alt);color:var(--c-text-3);border-radius:var(--rd-sm);
}
.pd-submodels{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px;}
.pd-submodels-label{
  font-family:'Inter','Noto Sans SC',sans-serif;font-size:12px;font-weight:400;
  color:var(--c-text-3);letter-spacing:.3px;
}
.pd-submodel-tag{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;
  padding:4px 11px;background:#000;color:#fff;border-radius:999px;
}
.pd-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.pd-back{
  font-family:'Inter','Noto Sans SC',sans-serif;font-size:13px;font-weight:500;color:var(--c-text-3);
  letter-spacing:.14px;transition:color .2s;
}
.pd-back:hover{color:#000;}

/* 产品描述 */
.pd-detail{max-width:920px;margin:0 auto;}
.pd-longdesc{
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:15px;font-weight:400;color:var(--c-text-2);letter-spacing:.16px;line-height:2;
  margin-top:24px;
}

/* 产品特性列表 */
.pd-feature-list{
  margin-top:24px;
  display:flex;flex-direction:column;gap:18px;
}
.pd-feature-item{
  display:flex;align-items:flex-start;gap:12px;
  font-family:'Inter','Noto Sans SC',sans-serif;
  font-size:15px;font-weight:400;color:var(--c-text-2);letter-spacing:.16px;line-height:1.8;
}
.pd-feature-dot{
  flex-shrink:0;width:8px;height:8px;border-radius:50%;
  background:var(--c-text-1);margin-top:9px;
}

/* 参数表 */
.pd-spec-wrap{max-width:920px;margin:0 auto;background:#fff;border-radius:var(--rd-lg);overflow-x:auto;overflow-y:hidden;box-shadow:var(--sh-outline-lift),var(--sh-soft);}
.pd-spec-table{width:100%;border-collapse:collapse;font-family:'Inter','Noto Sans SC',sans-serif;}
.pd-spec-table thead th{
  padding:14px 24px;font-size:13px;font-weight:500;letter-spacing:.6px;
  text-transform:uppercase;background:var(--c-bg-alt);color:var(--c-text-3);
  border-bottom:2px solid var(--c-border-subtle);text-align:left;
}
.pd-spec-table td{
  padding:14px 24px;font-size:14px;font-weight:400;letter-spacing:.14px;
  border-bottom:1px solid var(--c-border-subtle);
}
.pd-spec-table tr:last-child td{border-bottom:none;}
.pd-spec-table td:first-child{
  width:auto;color:var(--c-text-3);font-size:13px;font-weight:500;
  letter-spacing:.6px;text-transform:uppercase;
  background:var(--c-bg-alt);white-space:nowrap;
}
.pd-spec-table td:first-child,
.pd-spec-table thead th:first-child{min-width:140px;}
.pd-spec-table td:last-child{color:#000;font-weight:400;}

/* model-card 变成可点击链接后需要去掉默认下划线 */
a.model-card{text-decoration:none;color:inherit;}
a.model-card .model-features span{background:var(--c-bg-alt);color:var(--c-text-3);}

/* Product Detail 响应式 */
@media(max-width:1024px){
  .pd-hero{grid-template-columns:1fr;gap:32px;}
  .pd-carousel{aspect-ratio:4/3;}
  .pd-name{font-size:28px;font-weight:300;}
  .pd-spec-table td{padding:12px 16px;font-size:13px;}
}
@media(max-width:768px){
  .pd-name{font-size:24px;font-weight:300;}
  .pd-actions{flex-direction:column;align-items:flex-start;}
  .pd-actions .btn{width:100%;justify-content:center;}
  .pd-spec-wrap{overflow-x:auto;}
  .pd-spec-table{min-width:480px;}
  .pd-spec-table td:first-child,.pd-spec-table thead th:first-child{min-width:120px;}
}