/* ============================================================
   联系我们改版（page.id=38 /about_contact/）
   设计规范：深藏青 #0A1C38 / #10294E + 金色 #C9A25E / #D9B36C
   ============================================================ */
.ct-wrap{ font-family:"Microsoft YaHei","PingFang SC",sans-serif; color:#25324a; }
.ct-wrap *{ box-sizing:border-box; }
.ct-box{ max-width:1200px; margin:0 auto; padding:0 20px; }
.ct-sec{ padding:72px 0; position:relative; }
.ct-sec-gray{ background:#f4f7fb; }

/* ---------- 公共标题 ---------- */
.ct-hd{ text-align:center; margin-bottom:44px; }
.ct-hd h2{ margin:0; font-size:32px; line-height:1.35; color:#12233f; font-weight:700; letter-spacing:1px; }
.ct-hd em{ display:block; margin-top:8px; font-style:normal; font-size:12px; letter-spacing:3px; color:#b6a06a; }
.ct-hd i{ display:block; width:46px; height:3px; margin:14px auto 0; border-radius:2px;
  background:linear-gradient(90deg,#b8924a,#e6c07c,#b8924a); }
.ct-hd-note{ margin:14px auto 0; max-width:680px; font-size:15px; line-height:1.8; color:#7b8aa3; }
.ct-hd-note em{ font-style:normal; color:#b8892f; font-weight:700; }

/* ---------- Banner ---------- */
.ct-banner{ position:relative; margin-top:-40px; overflow:hidden;
  background:
    radial-gradient(1000px 460px at 76% 26%, rgba(64,120,220,.30), transparent 62%),
    radial-gradient(760px 520px at 12% 88%, rgba(30,70,150,.32), transparent 66%),
    linear-gradient(115deg,#050d1f 0%,#0a1c38 44%,#10294e 74%,#0b1f3f 100%);
}
/* 纯 CSS 光效层：金/蓝光轨向远方汇聚 + 底部透视网格 + 光点 */
.ct-banner-bg{ position:absolute; inset:0; overflow:hidden; }
.ct-banner-bg:before{ content:""; position:absolute; left:-30%; right:-30%; bottom:-6%; height:62%;
  background-image:
    linear-gradient(6.5deg, transparent 49.3%, rgba(230,192,124,.55) 49.7%, rgba(255,242,214,.9) 50%, transparent 50.7%),
    linear-gradient(-6.5deg, transparent 49.3%, rgba(230,192,124,.55) 49.7%, rgba(255,242,214,.9) 50%, transparent 50.7%),
    linear-gradient(9deg, transparent 48.6%, rgba(96,150,255,.32) 49.5%, transparent 50.6%),
    linear-gradient(-9deg, transparent 48.6%, rgba(96,150,255,.32) 49.5%, transparent 50.6%),
    repeating-linear-gradient(0deg, rgba(120,170,255,.05) 0 1px, transparent 1px 46px);
  filter:blur(.4px);
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 46%, #000 100%);
  mask-image:linear-gradient(180deg, transparent 0%, #000 46%, #000 100%); }
.ct-banner-bg:after{ content:""; position:absolute; inset:0;
  background:
    radial-gradient(5px 5px at 18% 64%, rgba(230,192,124,.9), transparent 70%),
    radial-gradient(4px 4px at 82% 60%, rgba(150,190,255,.8), transparent 70%),
    radial-gradient(6px 6px at 50% 70%, rgba(255,242,214,.85), transparent 70%),
    radial-gradient(3px 3px at 33% 58%, rgba(230,192,124,.7), transparent 70%),
    radial-gradient(3px 3px at 68% 63%, rgba(150,190,255,.7), transparent 70%);
  opacity:.8; }
.ct-banner-mask{ position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,13,31,.55) 0%, rgba(10,28,56,.28) 45%, rgba(10,28,56,.9) 100%); }
.ct-banner-bd{ position:relative; z-index:2; max-width:1200px; margin:0 auto; padding:150px 20px 110px; text-align:center; }
.ct-banner-bd h1{ margin:0; font-size:52px; font-weight:700; letter-spacing:6px;
  background:linear-gradient(180deg,#f3dca6 0%,#d9b36c 55%,#b8924a 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#d9b36c;
  text-shadow:0 6px 30px rgba(217,179,108,.25); }
.ct-banner-sub{ margin:20px 0 0; font-size:21px; color:#fff; letter-spacing:2px; font-weight:400; }
.ct-rule{ display:inline-block; width:54px; height:3px; margin:22px auto 0; border-radius:2px;
  background:linear-gradient(90deg,#b8924a,#e6c07c,#b8924a); }
.ct-banner-desc{ margin:18px 0 0; font-size:15px; color:rgba(255,255,255,.72); letter-spacing:.5px; }

/* ---------- 板块一 联系信息四卡 ---------- */
.ct-info-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.ct-info-card{ background:#fff; border:1px solid #e8edf5; border-radius:12px; padding:38px 22px 30px;
  text-align:center; transition:.3s; opacity:0; transform:translateY(26px); }
.ct-info-card.ct-in{ opacity:1; transform:none; }
.ct-info-card:hover{ transform:translateY(-7px); box-shadow:0 18px 38px rgba(16,41,78,.13);
  border-color:rgba(201,162,94,.55); background:linear-gradient(165deg,#fdfaf3,#f8efdd); }
.ct-info-ico{ width:66px; height:66px; margin:0 auto 18px; border-radius:50%;
  border:1.5px solid rgba(201,162,94,.55); background:rgba(201,162,94,.07);
  display:flex; align-items:center; justify-content:center; transition:.3s; }
.ct-info-card:hover .ct-info-ico{ background:#fff; box-shadow:0 8px 20px rgba(201,162,94,.25); }
.ct-info-ico svg{ width:34px; height:34px; }
.ct-info-card h3{ margin:0 0 12px; font-size:18px; color:#12233f; font-weight:700; letter-spacing:1px; }
.ct-info-main{ margin:0 0 14px; font-size:15px; line-height:1.9; color:#3d4c66; font-weight:500; }
.ct-info-main a{ color:#3d4c66; text-decoration:none; }
.ct-info-main a:hover{ color:#b8892f; }
.ct-info-en{ margin:0; padding-top:12px; border-top:1px dashed #e3d8bf; font-size:11px; letter-spacing:1.5px; color:#a8b1c2; }

/* ---------- 板块二 在线留言 ---------- */
.ct-form-sec{ overflow:hidden;
  background:
    radial-gradient(900px 420px at 85% 15%, rgba(64,120,220,.10), transparent 60%),
    linear-gradient(180deg,#eef2f9 0%,#e7edf7 100%); }
.ct-form{ position:relative; max-width:860px; margin:0 auto; background:#fff; border-radius:16px;
  padding:44px 48px 40px; box-shadow:0 26px 60px rgba(16,41,78,.14);
  opacity:0; transform:translateY(30px); transition:.7s; }
.ct-form.ct-in{ opacity:1; transform:none; }
.ct-form-row{ display:flex; gap:24px; margin-bottom:22px; }
.ct-field{ flex:1; min-width:0; }
.ct-field-full{ margin-bottom:26px; }
.ct-field label{ display:block; margin-bottom:9px; font-size:14px; color:#3d4c66; font-weight:700; }
.ct-field label i{ color:#d04a3a; font-style:normal; margin-left:2px; }
.ct-field input, .ct-field textarea{ width:100%; border:1px solid #d3dcea; border-radius:8px;
  padding:12px 15px; font-size:14px; font-family:inherit; color:#25324a; background:#fbfcfe;
  outline:none; transition:.2s; }
.ct-field textarea{ resize:vertical; line-height:1.8; }
/* 覆盖全局白色 placeholder（style.css 为深色表单设的 rgba(255,255,255,.34)） */
.ct-field input::-webkit-input-placeholder,
.ct-field textarea::-webkit-input-placeholder{ color:#9aa6ba; }
.ct-field input::-moz-placeholder,
.ct-field textarea::-moz-placeholder{ color:#9aa6ba; opacity:1; }
.ct-field input:-ms-input-placeholder,
.ct-field textarea:-ms-input-placeholder{ color:#9aa6ba; }
.ct-field input:focus, .ct-field textarea:focus{ border-color:#c9a25e; background:#fff;
  box-shadow:0 0 0 3px rgba(201,162,94,.13); }
.ct-form-btn{ text-align:center; }
.ct-form-btn button{ display:inline-block; min-width:280px; padding:14px 40px; border:none; border-radius:8px;
  cursor:pointer; font-size:17px; font-weight:700; letter-spacing:4px; color:#1a1206; font-family:inherit;
  background:linear-gradient(135deg,#e6c07c,#c9a25e); box-shadow:0 10px 24px rgba(201,162,94,.38); transition:.25s; }
.ct-form-btn button:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(201,162,94,.52); }
/* 两侧 3D 方块装饰 */
.ct-form-deco{ position:absolute; top:0; bottom:0; width:180px; pointer-events:none; }
.ct-form-deco-l{ left:0; }
.ct-form-deco-r{ right:0; }
.ct-form-deco span{ position:absolute; border-radius:8px; }
.ct-form-deco-l .d1{ left:34px; top:22%; width:54px; height:54px; background:linear-gradient(145deg,#e6c07c,#b8924a); opacity:.5; transform:rotate(12deg); }
.ct-form-deco-l .d2{ left:70px; top:52%; width:30px; height:30px; background:linear-gradient(145deg,#2f62b0,#1d4479); opacity:.38; }
.ct-form-deco-l .d3{ left:20px; bottom:16%; width:74px; height:22px; background:linear-gradient(90deg,#e6c07c,#b8924a); opacity:.35; border-radius:999px; }
.ct-form-deco-r .d1{ right:38px; top:18%; width:40px; height:40px; background:linear-gradient(145deg,#2f62b0,#1d4479); opacity:.32; transform:rotate(-10deg); }
.ct-form-deco-r .d2{ right:78px; top:46%; width:58px; height:58px; background:linear-gradient(145deg,#e6c07c,#b8924a); opacity:.42; }
.ct-form-deco-r .d3{ right:30px; bottom:20%; width:26px; height:26px; border-radius:50%; background:#2f62b0; opacity:.3; }

/* ---------- 板块三 合作类型 ---------- */
.ct-coop-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ct-coop-card{ background:#fff; border:1px solid #e8edf5; border-radius:12px; padding:42px 34px;
  text-align:center; transition:.3s; opacity:0; transform:translateY(26px); }
.ct-coop-card.ct-in{ opacity:1; transform:none; }
.ct-coop-card:hover{ transform:translateY(-7px); box-shadow:0 18px 40px rgba(16,41,78,.12);
  border-color:rgba(201,162,94,.55); }
.ct-hex{ width:76px; height:76px; margin:0 auto 20px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(160deg,#fdf6e8,#f5e8cc); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.ct-hex svg{ width:40px; height:40px; }
.ct-coop-card h3{ margin:0 0 14px; font-size:20px; color:#12233f; font-weight:700; letter-spacing:1px; }
.ct-coop-card p{ margin:0; font-size:14px; line-height:2; color:#7b8aa3; }

/* ---------- 板块四 为什么选择育贤 ---------- */
.ct-why{ background:linear-gradient(180deg,#0a1c38,#10294e); }
.ct-why .ct-hd h2{ color:#fff; }
.ct-why .ct-hd p{ color:rgba(255,255,255,.65); }
.ct-why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ct-why-item{ text-align:center; opacity:0; transform:translateY(26px); transition:.6s; }
.ct-why-item.ct-in{ opacity:1; transform:none; }
.ct-why-ico{ width:78px; height:78px; margin:0 auto 20px; border-radius:50%;
  background:linear-gradient(145deg,#e6c07c,#b8924a); display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 26px rgba(0,0,0,.3); }
.ct-why-ico svg{ width:38px; height:38px; }
.ct-why-item h3{ margin:0 0 12px; font-size:17px; color:#f3ead4; font-weight:700; letter-spacing:.5px; }
.ct-why-item p{ margin:0; font-size:13px; line-height:1.95; color:rgba(255,255,255,.62); padding:0 6px; }

/* ---------- 板块五 底部引导 ---------- */
.ct-cta{ padding:64px 0; background:
    radial-gradient(800px 300px at 50% 0%, rgba(201,162,94,.12), transparent 70%),
    linear-gradient(180deg,#10294e,#0a1c38);
  border-top:1px solid rgba(201,162,94,.25); text-align:center; }
.ct-cta h2{ margin:0 auto 30px; max-width:820px; font-size:26px; line-height:1.6; color:#fff;
  font-weight:700; letter-spacing:1px; }
.ct-cta-btns{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
.ct-btn-gold, .ct-btn-ghost{ display:inline-flex; align-items:center; gap:9px; text-decoration:none;
  font-size:16px; padding:14px 36px; border-radius:6px; transition:.25s; letter-spacing:1px; }
.ct-btn-gold{ color:#1a1206; font-weight:700; background:linear-gradient(135deg,#e6c07c,#c9a25e);
  box-shadow:0 10px 26px rgba(201,162,94,.35); }
.ct-btn-gold:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(201,162,94,.5); color:#1a1206; }
.ct-btn-ghost{ color:#fff; border:1px solid rgba(255,255,255,.5); }
.ct-btn-ghost:hover{ border-color:#d9b36c; color:#d9b36c; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .ct-info-cards{ grid-template-columns:repeat(2,1fr); gap:18px; }
  .ct-why-grid{ grid-template-columns:repeat(2,1fr); gap:30px 20px; }
  .ct-coop-cards{ gap:18px; }
  .ct-form-deco{ display:none; }
}
@media (max-width:768px){
  .ct-sec{ padding:54px 0; }
  .ct-hd{ margin-bottom:32px; }
  .ct-hd h2{ font-size:25px; letter-spacing:.5px; }
  .ct-hd-note{ font-size:14px; }
  .ct-banner-bd{ padding:120px 18px 76px; }
  .ct-banner-bd h1{ font-size:38px; letter-spacing:4px; }
  .ct-banner-sub{ font-size:16px; letter-spacing:1px; }
  .ct-banner-desc{ font-size:13px; line-height:1.8; }
  .ct-form{ padding:32px 22px 28px; border-radius:12px; }
  .ct-form-row{ flex-direction:column; gap:0; margin-bottom:0; }
  .ct-field{ margin-bottom:20px; }
  .ct-field-full{ margin-bottom:24px; }
  .ct-coop-cards{ grid-template-columns:1fr; max-width:480px; margin:0 auto; }
  .ct-cta h2{ font-size:20px; }
}
@media (max-width:480px){
  .ct-info-cards{ grid-template-columns:1fr; max-width:360px; margin:0 auto; }
  .ct-why-grid{ grid-template-columns:1fr; max-width:340px; margin:0 auto; gap:28px; }
  .ct-banner-bd h1{ font-size:31px; letter-spacing:3px; }
  .ct-banner-sub{ font-size:14px; }
  .ct-form-btn button{ width:100%; min-width:0; letter-spacing:2px; }
  .ct-btn-gold, .ct-btn-ghost{ width:100%; justify-content:center; }
}