.bz-cw {
  --cw-primary: #173f78;
  --cw-accent: #1654a3;
  --cw-accent-light: #c9ddf7;
  --cw-soft: #f3f7fc;
  --cw-border: #d6e0ed;
}

.bz-cw-hero {
  background-image: linear-gradient(120deg, rgba(10, 35, 70, .97), rgba(18, 66, 120, .88)), url('../../skin/images/window-hero.png');
}

.bz-cw-material-visual {
  background-image: linear-gradient(135deg, rgba(16, 45, 83, .28), rgba(23, 96, 168, .16)), url('../../static/upload/image/20260730/changhua-aluminum-window/changhua-aluminum-window-material.webp');
}

.bz-cw-btn-primary {
  background: #1654a3;
  border-color: #1654a3;
}

.bz-cw-btn-primary:hover {
  background: #0e4389;
  border-color: #0e4389;
}

.bz-cw-btn-ghost,
.bz-cw-hero .bz-cw-btn-ghost {
  border-color: #79a9df;
}

.bz-cw-tag {
  border-color: rgba(166, 202, 241, .65);
  background: rgba(20, 84, 163, .18);
}

.bz-cw-focus {
  border-color: rgba(140, 183, 230, .5);
  background: rgba(12, 58, 110, .28);
}

.bz-cw-link {
  color: #1454a0 !important;
}

.bz-cw-card {
  border-top-color: #d6e0ed;
}

.bz-cw-card:hover {
  border-color: #7ca8d8;
  box-shadow: 0 12px 30px rgba(17, 71, 132, .09);
}

.bz-cw-note {
  background: #f7faff;
}

.bz-cw-contact {
  background: linear-gradient(120deg, #123968, #185aa4);
}

/* 正式站金色輔助色：維持藍色主體，只用於層級與重點提示 */
.bz-cw-eyebrow,
.bz-cw-kicker {
  color: #c99a50;
}

.bz-cw-subtitle {
  color: #efd7ae;
}

.bz-cw-focus-item span,
.bz-cw-card-num,
.bz-cw-step .bz-cw-card-num {
  color: #d2a45a;
}

.bz-cw-note {
  border-left-color: #c99a50;
}

.bz-cw-head h2::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 16px;
  background: linear-gradient(90deg, #1654a3 0 65%, #c99a50 65% 100%);
}

.bz-cw-hero .bz-cw-btn-ghost {
  border-color: #d2a45a;
}

.bz-cw-toc a:hover {
  border-color: #c99a50;
  box-shadow: inset 0 -2px #c99a50;
}

.bz-cw-material-visual strong {
  border-left: 3px solid #d2a45a;
  padding-left: 14px;
}

.bz-cw-contact .bz-cw-kicker {
  color: #e0b872;
}

.bz-cw-case-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.bz-cw-case-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--cw-border);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.bz-cw-case-card:hover {
  transform: translateY(-4px);
  border-color: #c99a50;
  box-shadow: 0 16px 36px rgba(17, 71, 132, .12);
}

.bz-cw-case-image {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #e9eef5;
}

.bz-cw-case-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.bz-cw-case-card:hover .bz-cw-case-image img {
  transform: scale(1.025);
}

.bz-cw-case-copy {
  padding: 22px;
}

.bz-cw-case-label {
  color: #c99a50;
  font: 700 12px/1.4 Barlow, sans-serif;
  letter-spacing: .16em;
}

.bz-cw-case-copy h3 {
  margin: 9px 0;
  color: var(--cw-primary);
  font-size: 19px;
  line-height: 1.45;
}

.bz-cw-case-copy p {
  margin: 0 0 14px;
  color: var(--cw-muted);
  font-size: 14px;
}

@media (max-width: 980px) {
  .bz-cw-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .bz-cw-case-grid { grid-template-columns: 1fr; }
  .bz-cw-case-image { aspect-ratio: 4 / 5; }
}

@media (prefers-reduced-motion: reduce) {
  .bz-cw-case-card,
  .bz-cw-case-image img { transition: none; }
  .bz-cw-case-card:hover,
  .bz-cw-case-card:hover .bz-cw-case-image img { transform: none; }
}

/* 四張來源圖皆為 1000 × 1776 的直式比例，完整顯示、不再裁切 */
.bz-cw-case-image {
  aspect-ratio: 9 / 16;
}

.bz-cw-case-image img {
  object-fit: contain;
}

@media (max-width: 600px) {
  .bz-cw-case-image { aspect-ratio: 9 / 16; }
}

.bz-cw-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.bz-cw-review-images {
  display: block;
  margin-bottom: 26px;
}

.bz-cw-review-card {
  margin: 0;
  padding: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--cw-border);
  border-top: 3px solid var(--cw-primary);
  box-shadow: 0 10px 28px rgba(17, 71, 132, .08);
}

.bz-cw-review-card a,
.bz-cw-review-card img {
  display: block;
  width: 100%;
}

.bz-cw-review-card img { height: auto; }

.bz-cw-review-card figcaption {
  padding: 18px 6px 8px;
  border-top: 1px solid var(--cw-border);
}

.bz-cw-review-card figcaption span {
  display: block;
  margin-bottom: 7px;
  color: #c58f3d;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

.bz-cw-review-card figcaption p {
  margin: 0;
  color: var(--cw-primary);
  font-size: 15px;
  line-height: 1.75;
}

#reviews .bz-cw-grid.bz-cw-grid-3 { display: none; }

#reviews .bz-cw-note {
  margin-top: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 0;
}

#reviews .bz-cw-note strong { display: none; }

#reviews .bz-cw-note .bz-cw-link {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 22px;
  background: var(--cw-primary);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}

#reviews .bz-cw-note .bz-cw-link:visited,
#reviews .bz-cw-note .bz-cw-link:hover,
#reviews .bz-cw-note .bz-cw-link:focus {
  color: #fff !important;
}

#reviews .bz-cw-note .bz-cw-link:hover {
  background: #c58f3d;
  transform: translateY(-2px);
}

@media (max-width: 900px) {
  .bz-cw-review-grid { grid-template-columns: 1fr; }
  .bz-cw-review-card { max-width: 520px; }
}