.hc-four-view-shell{
  width:100%;
  margin-top:18px;
  padding:18px;
  border-radius:22px;
  background:rgba(8,16,34,.92);
  border:1px solid rgba(86,120,180,.35);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.hc-four-view-main{
  position:relative;
  min-height:420px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(12,24,48,.95),rgba(5,10,24,.95));
  border:1px solid rgba(80,120,180,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hc-four-view-main img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
.hc-four-view-empty{
  text-align:center;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.8;
}
.hc-four-view-title{
  position:absolute;
  left:18px;
  top:16px;
  z-index:2;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(25,40,70,.8);
  border:1px solid rgba(95,145,220,.35);
  color:#fff;
  font-weight:700;
}
.hc-four-view-thumbs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:14px;
}
.hc-view-thumb{
  min-height:118px;
  border-radius:16px;
  border:1px solid rgba(88,125,190,.42);
  background:rgba(12,22,44,.88);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}
.hc-view-thumb:hover{
  transform:translateY(-1px);
  border-color:rgba(80,220,255,.75);
}
.hc-view-thumb.is-active{
  border-color:#25d8ff;
  box-shadow:0 0 0 2px rgba(37,216,255,.18) inset;
}
@media(max-width:768px){
  .hc-four-view-main{min-height:260px;}
  .hc-four-view-thumbs{grid-template-columns:repeat(2,1fr);}
  .hc-view-thumb{min-height:90px;}
}

/* 普通模式强制不显示四视角窗口 */
body[data-hc-four-view-mode="normal"] #hc-four-view-shell{
  display:none !important;
}

/* Alpha3.8-v1832.10.3E Designer Studio Pro 四视角产品包装 */
.hc-four-view-pro-badge,
.hc-four-view-result-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 10px;
  background: linear-gradient(135deg, rgba(255,214,102,.18), rgba(34,211,238,.12));
  border: 1px solid rgba(255,214,102,.35);
  color: #ffe9a8;
  font-weight: 800;
  letter-spacing: .02em;
}

.hc-four-view-one-scheme-note,
.hc-four-view-subtitle {
  color: rgba(226, 241, 255, .78);
  font-size: 13px;
  line-height: 1.6;
}

.hc-four-view-one-scheme-note strong {
  color: #fff;
}

.hc-four-view-card-title {
  font-weight: 900;
  color: #fff;
}

.hc-four-view-card-title::after {
  content: " · 一个方案四个镜头";
  color: rgba(255, 233, 168, .95);
  font-size: 12px;
  font-weight: 800;
  margin-left: 8px;
}

.hc-four-view-thumb[data-view-id="view_03"]::after,
.hc-four-view-thumb[data-view="view_03"]::after {
  content: "软装细节";
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: rgba(255, 233, 168, .82);
}

.hc-four-view-thumb[data-view-id="view_04"]::after,
.hc-four-view-thumb[data-view="view_04"]::after {
  content: "斜向镜头";
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: rgba(34, 211, 238, .82);
}