body.shangzuo-project-page { background: var(--cream, #f8f0e7) !important; color: var(--ink, #1f201f) !important; font-family: RobotoLocal, Arial, sans-serif !important; }
body.shangzuo-project-page .wp-site-blocks { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
body.shangzuo-project-page .shangzuo-project-main { padding-top:96px; background:var(--cream,#f8f0e7); font-family:RobotoLocal,Arial,sans-serif; overflow:hidden; }
body.shangzuo-project-page .main { background:var(--cream,#f8f0e7)!important; }
body.shangzuo-project-page .btn { background:var(--orange,#fa5a14)!important; border-color:var(--orange,#fa5a14)!important; color:#fff!important; }
body.shangzuo-project-page .btn:hover { background:var(--brown-deep,#2b211c)!important; border-color:var(--brown-deep,#2b211c)!important; }
@media (max-width:900px) { body.shangzuo-project-page .shangzuo-project-main { padding-top:68px; } }


/* Project center reference layout override. */
body.shangzuo-project-page .archive-projects { background:var(--cream,#f8f0e7)!important; padding:clamp(56px,6vw,100px) 0!important; }
body.shangzuo-project-page .archive-projects > .container { display:block!important; width:min(1300px,calc(100% - 96px)); max-width:1300px; margin:0 auto; }
body.shangzuo-project-page .archive-projects .section-right { width:100%!important; max-width:none!important; padding:0!important; background:transparent!important; }
body.shangzuo-project-page .list-projects.list-3 { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(28px,3vw,52px) clamp(20px,3vw,44px)!important; width:100%; }
body.shangzuo-project-page .list-projects.list-3 .item { display:block!important; width:auto!important; min-width:0; margin:0!important; color:#1f201f; text-decoration:none; }
body.shangzuo-project-page .list-projects .item .img { width:100%; height:auto!important; aspect-ratio:3/2; margin:0 0 18px!important; overflow:hidden; border-radius:14px; background:#e9e2da; }
body.shangzuo-project-page .list-projects .item .img img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
body.shangzuo-project-page .list-projects .item:hover .img img { transform:scale(1.04); }
body.shangzuo-project-page .list-projects .item .txt { min-height:44px; margin:0!important; text-align:center; }
body.shangzuo-project-page .list-projects .item .txt .tit { width:100%; padding:0 8px; color:#1f201f; font:600 clamp(16px,1.25vw,20px)/1.35 RobotoLocal,Arial,sans-serif; }
body.shangzuo-project-page .pagination { width:100%; padding-top:clamp(42px,5vw,72px)!important; text-align:center; }
body.shangzuo-project-page .pagination .fenye_list { display:flex; justify-content:center; align-items:center; gap:8px; }
body.shangzuo-project-page .pagination .fenye_list a { display:grid; place-items:center; min-width:42px; height:42px; padding:0 10px; border-radius:6px; background:#fff; color:#777; font:500 15px/1 RobotoLocal,Arial,sans-serif; text-decoration:none; }
body.shangzuo-project-page .pagination .fenye_list a.active,body.shangzuo-project-page .pagination .fenye_list a:hover { background:#ff6a00; color:#fff; }
body.shangzuo-project-page .pagination .pro_total { margin-top:16px; color:#777; font:400 14px/1.5 RobotoLocal,Arial,sans-serif; }
@media(max-width:900px){ body.shangzuo-project-page .archive-projects > .container { width:calc(100% - 36px); } body.shangzuo-project-page .list-projects.list-3 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 18px!important; } }
@media(max-width:600px){ body.shangzuo-project-page .archive-projects > .container { width:calc(100% - 28px); } body.shangzuo-project-page .list-projects.list-3 { grid-template-columns:minmax(0,1fr); gap:28px!important; } body.shangzuo-project-page .list-projects .item .img { border-radius:10px; } }

/* Project archive: match the reference center panel and card rhythm without changing data. */
body.shangzuo-project-page #project-page .archive-projects,
body.shangzuo-project-page .archive-projects {
  background:#f5f5f5!important;
  padding:clamp(56px,5vw,80px) 0!important;
}
body.shangzuo-project-page #project-page .archive-projects > .container,
body.shangzuo-project-page .archive-projects > .container {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  width:min(1300px,calc(100% - 96px))!important;
  max-width:1300px!important;
  margin:0 auto!important;
}
body.shangzuo-project-page #project-page .archive-projects .section-right,
body.shangzuo-project-page .archive-projects .section-right {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:clamp(42px,4vw,60px) clamp(28px,3.5vw,56px)!important;
  background:#fff!important;
}
body.shangzuo-project-page #project-page .list-projects.list-3,
body.shangzuo-project-page .list-projects.list-3 {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:clamp(34px,3vw,48px) 3.5%!important;
  width:100%!important;
}
body.shangzuo-project-page #project-page .list-projects.list-3 .item,
body.shangzuo-project-page .list-projects.list-3 .item {
  display:block!important;
  flex:0 0 31%!important;
  width:31%!important;
  min-width:0!important;
  margin:0!important;
  color:#1f201f!important;
  text-decoration:none!important;
}
body.shangzuo-project-page #project-page .list-projects .item .img,
body.shangzuo-project-page .list-projects .item .img {
  position:relative!important;
  width:100%!important;
  height:clamp(250px,22.5vw,360px)!important;
  aspect-ratio:auto!important;
  margin:0 0 22px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#e8e8e8!important;
}
body.shangzuo-project-page #project-page .list-projects .item .img img,
body.shangzuo-project-page .list-projects .item .img img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .5s ease!important;
}
body.shangzuo-project-page #project-page .list-projects .item:hover .img img,
body.shangzuo-project-page .list-projects .item:hover .img img { transform:scale(1.1)!important; }
body.shangzuo-project-page #project-page .list-projects .item .txt,
body.shangzuo-project-page .list-projects .item .txt {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
body.shangzuo-project-page #project-page .list-projects .item .txt .tit,
body.shangzuo-project-page .list-projects .item .txt .tit {
  width:100%!important;
  padding:0 12px!important;
  color:#1f201f!important;
  text-align:center!important;
  font:500 clamp(18px,1.5vw,24px)/1.3 RobotoLocal,Arial,sans-serif!important;
}
body.shangzuo-project-page #project-page .pagination,
body.shangzuo-project-page .pagination {
  width:100%!important;
  padding-top:clamp(52px,5vw,68px)!important;
  text-align:center!important;
}
body.shangzuo-project-page #project-page .pagination .fenye_list,
body.shangzuo-project-page .pagination .fenye_list {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
body.shangzuo-project-page #project-page .pagination .fenye_list a,
body.shangzuo-project-page .pagination .fenye_list a {
  display:grid!important;
  place-items:center!important;
  min-width:42px!important;
  height:42px!important;
  padding:0 10px!important;
  border-radius:4px!important;
  background:#f5f5f5!important;
  color:#999!important;
  font:500 16px/1 RobotoLocal,Arial,sans-serif!important;
  text-decoration:none!important;
  transition:background-color .2s ease,color .2s ease!important;
}
body.shangzuo-project-page #project-page .pagination .fenye_list a.active,
body.shangzuo-project-page #project-page .pagination .fenye_list a:hover,
body.shangzuo-project-page .pagination .fenye_list a.active,
body.shangzuo-project-page .pagination .fenye_list a:hover { background:#ff6a00!important; color:#fff!important; }
body.shangzuo-project-page #project-page .pagination .pro_total,
body.shangzuo-project-page .pagination .pro_total {
  width:100%!important;
  margin-top:18px!important;
  color:#999!important;
  font:400 15px/1.5 RobotoLocal,Arial,sans-serif!important;
  text-align:center!important;
}
body.shangzuo-project-page #project-page .pagination .pro_total span,
body.shangzuo-project-page .pagination .pro_total span { color:#ff6a00!important; }
@media(max-width:900px){
  body.shangzuo-project-page #project-page .archive-projects > .container,
  body.shangzuo-project-page .archive-projects > .container { width:calc(100% - 36px)!important; }
  body.shangzuo-project-page #project-page .archive-projects .section-right,
  body.shangzuo-project-page .archive-projects .section-right { padding:38px 28px!important; }
  body.shangzuo-project-page #project-page .list-projects.list-3 .item,
  body.shangzuo-project-page .list-projects.list-3 .item { flex-basis:48%!important; width:48%!important; }
  body.shangzuo-project-page #project-page .list-projects .item .img,
  body.shangzuo-project-page .list-projects .item .img { height:clamp(220px,31vw,300px)!important; }
}
@media(max-width:600px){
  body.shangzuo-project-page #project-page .archive-projects > .container,
  body.shangzuo-project-page .archive-projects > .container { width:calc(100% - 28px)!important; }
  body.shangzuo-project-page #project-page .archive-projects .section-right,
  body.shangzuo-project-page .archive-projects .section-right { padding:28px 16px!important; }
  body.shangzuo-project-page #project-page .list-projects.list-3,
  body.shangzuo-project-page .list-projects.list-3 { gap:32px!important; }
  body.shangzuo-project-page #project-page .list-projects.list-3 .item,
  body.shangzuo-project-page .list-projects.list-3 .item { flex-basis:100%!important; width:100%!important; }
  body.shangzuo-project-page #project-page .list-projects .item .img,
  body.shangzuo-project-page .list-projects .item .img { height:auto!important; aspect-ratio:3/2!important; margin-bottom:16px!important; }
  body.shangzuo-project-page #project-page .list-projects .item .txt .tit,
  body.shangzuo-project-page .list-projects .item .txt .tit { font-size:20px!important; }
}