/* CT-BY · cj-cta-dark · 深蓝收尾询价 · 山水青花瓷 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400;500&display=swap');

.cjcd {
  background: linear-gradient(180deg, #1C3763 0%, #15294a 100%);
  color: #fff; padding: 90px 0; position: relative; overflow: hidden;
  font-family: 'Inter', -apple-system, sans-serif; font-weight: 300;
}
.cjcd-mts { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; opacity: .08; pointer-events: none; }
.cjcd-in { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; text-align: center; padding: 0 56px; }
.cjcd-h { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 300; font-size: 52px; line-height: 1.12; margin: 0 0 16px; }
.cjcd-h em { font-style: italic; color: #A8BCD8; }
.cjcd-p { font-size: 15.5px; color: rgba(255,255,255,.8); line-height: 1.65; max-width: 520px; margin: 0 auto 32px; }
.cjcd-row { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.cjcd-btn { display: inline-block; background: #B08D57; color: #fff; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; padding: 16px 32px; border-radius:6px; text-decoration: none; transition: background .3s,transform .3s,box-shadow .3s; }
.cjcd-btn:hover { background: #9A7949; transform:translateY(-2px); box-shadow:0 16px 32px -14px rgba(0,0,0,.4); }
.cjcd-btn--ghost { background: transparent; border: 1px solid rgba(255,255,255,.7); color: #fff; }
.cjcd-btn--ghost:hover { background: rgba(255,255,255,.08); }
.cjcd-note { margin-top: 22px; font-size: 12px; color: rgba(255,255,255,.55); letter-spacing: .04em; }
@media (max-width: 860px) {
  .cjcd { padding: 60px 0; }
  .cjcd-in { padding: 0 22px; }
}

/* Premium v16 pass: deep celadon close, less generic navy. */
.cjcd{
  background:linear-gradient(180deg,#1C3763 0%,#15294a 100%);
  padding:96px 0 98px;
}
.cjcd-mts{
  opacity:.06;
}
.cjcd-in{
  max-width:780px;
}
.cjcd-h{
  font-size:52px;
  line-height:1.08;
  letter-spacing:0;
}
.cjcd-h em{
  color:#d6e5de;
}
.cjcd-p{
  color:rgba(246,244,238,.82);
  line-height:1.72;
}
.cjcd-btn{
  background:#f3efe5;
  color:#103b31;
  border-radius:3px;
  box-shadow:none;
}
.cjcd-btn:hover{
  background:#ffffff;
  color:#0b3028;
  box-shadow:0 18px 38px -26px rgba(0,0,0,.6);
}
.cjcd-btn--ghost{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.42);
}
.cjcd-btn--ghost:hover{
  background:rgba(255,255,255,.1);
  color:#fff;
}
.cjcd-note{
  color:rgba(246,244,238,.56);
}
@media (max-width:860px){
  .cjcd{
    min-height:430px;
    display:flex;
    align-items:flex-end;
    padding:58px 0 64px;
    background:
      linear-gradient(180deg,rgba(16,41,74,.92),rgba(10,31,42,.98)),
      radial-gradient(circle at 82% 8%,rgba(214,229,222,.16),transparent 34%);
  }
  .cjcd-in{
    padding:0 24px;
    text-align:left;
    margin:0;
    max-width:none;
  }
  .cjcd-h{
    max-width:340px;
    font-size:42px;
    line-height:1.04;
    margin-bottom:16px;
    text-wrap:balance;
  }
  .cjcd-p{
    max-width:315px;
    font-size:15px;
    line-height:1.7;
    margin:0 0 26px;
  }
  .cjcd-row{
    justify-content:flex-start;
    gap:12px;
  }
  .cjcd-btn{
    width:auto;
    max-width:none;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 22px;
    border-radius:2px;
  }
  .cjcd-btn--ghost{
    min-height:42px;
    padding:0 0 4px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.46);
    background:transparent;
  }
  .cjcd-note{
    max-width:310px;
    margin-top:20px;
    line-height:1.55;
  }
}