.elementor-1075 .elementor-element.elementor-element-72ee761{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1075 .elementor-element.elementor-element-72ee761:not(.elementor-motion-effects-element-type-background), .elementor-1075 .elementor-element.elementor-element-72ee761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-1075 .elementor-element.elementor-element-72ee761{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1075 .elementor-element.elementor-element-036bda4{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1075 .elementor-element.elementor-element-72ee761{--content-width:1400px;}}/* Start custom CSS for shortcode, class: .elementor-element-036bda4 */<style>
:root{
  --bg:#fff;
  --soft:#f7f9fc;
  --border:#eef2f7;
  --text:#0f172a;
  --muted:#94a3b8;
  --primary:#f59e0b;
  --ease:cubic-bezier(.4,0,.2,1);
}

/* ===== 容器 ===== */
.pc-wrapper{
  max-width:95rem;
  margin:0 auto;
}
.pc-shell{
  display:flex;
  min-height:560px;
  background:#fff;
}

/* ===== 左侧 ===== */
.pc-sidebar{
  width:320px;
  padding:64px 48px;
  border-right:1px solid var(--border);
  background:#fbfcfe;
}
.pc-title{
  font-size:17px;
  letter-spacing:.1em;
  font-weight:900;
  color:#99a6b7;
}
.pc-sub{
  margin-top:6px;
  font-size:15px;
  letter-spacing:.1em;
  color:#828d9c;
  font-weight:700;
}
.pc-cats{
  margin-top:56px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.pc-cat{
  cursor:pointer;
  padding:18px 26px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#64748b;
  transition:.45s var(--ease);
}
.pc-cat span{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:13px;
}
.pc-cat span img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  border-radius: 4px;
}
.pc-cat svg{
  width:16px;
  opacity:0;
  transform:translateX(-6px);
  transition:.45s var(--ease);
}
.pc-cat.active,
.pc-cat:hover{
  background:#fff;
  color:var(--primary);
  box-shadow:0 16px 36px rgba(15,23,42,.12);
}
.pc-cat.active svg,
.pc-cat:hover svg{
  opacity:1;
  transform:translateX(4px);
}

/* ===== 右侧 ===== */
.pc-content{
  flex:1;
  padding:64px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.pc-panels{
  position:relative;
  min-height:360px;
}
.pc-panel{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:48px;
  opacity:0;
  transform:translateY(20px);
  pointer-events:none;
  transition:.6s var(--ease);
}
.pc-panel.active{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

/* ===== 商品卡片 ===== */
.pc-card{
  text-align:center;
  transition:.6s var(--ease);
}
.pc-card:hover{
  transform:translateY(-8px);
}
.pc-media{
  position:relative;
  background:var(--soft);
  border-radius:36px;
  padding:28px;
  min-height:200px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.6s var(--ease);
}
.pc-media::after{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:44px;
  border:2px solid rgba(15,23,42,.08);
  opacity:0;
  transform:scale(.96);
  transition:.6s var(--ease);
  pointer-events:none;
}
.pc-card:hover .pc-media{
  box-shadow:0 32px 80px rgba(15,23,42,.14);
}
.pc-card:hover .pc-media::after{
  opacity:1;
  transform:scale(1);
}
.pc-media img{
  max-width:100%;
  max-height:220px;
  object-fit:contain;
  border-radius:28px;
  transition:1.2s var(--ease);
}
.pc-card:hover img{
  transform:scale(1.08);
}
.pc-name{
  margin-top:22px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.05em;
  color:var(--text);
}
.pc-meta{
  margin-top:6px;
  font-size:10px;
  letter-spacing:.3em;
  font-weight:700;
  color:var(--muted);
}
.pc-price{
  margin-left:10px;
  color:var(--primary);
  font-weight:900;
}

/* ===== View all ===== */
.pc-view{
  align-self:flex-end;
  margin-top:40px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 32px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid var(--border);
  font-size:10px;
  letter-spacing:.4em;
  font-weight:900;
  color:#94a3b8;
  cursor:pointer;
  transition:.45s var(--ease);
}
.pc-view i{
  width:32px;
  height:32px;
  background:#0f172a;
  color:#fff;
  font-size: 17px;;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.45s var(--ease);
}
.pc-view:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 40px rgba(15,23,42,.14);
  
}
.pc-view:hover i{
 background-color: #F59E0B;
  transform:translateX(4px);
}

/* ===== 自适应 ===== */
@media(max-width:1024px){
  .pc-shell{flex-direction:column;}
  .pc-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);}
  .pc-panel{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .pc-panel{grid-template-columns:1fr;}
}
@media(max-width:767px){
    .pc-sidebar {
    padding: 24px 18px;
        
    }
    .pc-cats{
        margin-top: 20px;
    }
    .pc-content{padding:0;}
    
    .pc-view{
        bottom: 0!important;
    }
    .pc-panels {
    position: relative;
    min-height: 390px;
    overflow: hidden;margin-bottom: 25px;
}
}/* End custom CSS */