/* =============================================================
   website-security.css —— 网站安全防护
   深色盾牌首屏 + 6 事件 + 4 层防护 + 左右交错应急 + 深色漏扫
   ============================================================= */

/* 1. 深色盾牌首屏 */
.ws-hero{
  padding:calc(var(--header-h) + var(--topbar-h) + 60px) 0 90px;
  background:
    linear-gradient(135deg, rgba(28,26,22,.96), rgba(45,40,33,.96)),
    url("../images/about-meeting.jpg") center/cover no-repeat;
  color:#EDE7DA;
}
.ws-hero-inner{
  display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;
}
.ws-hero-kicker{font-size:12.5px;letter-spacing:.34em;color:var(--earth-light);margin-bottom:22px}
.ws-hero-title{font-size:clamp(28px,4.2vw,46px);line-height:1.35;margin-bottom:22px;color:#EFE9DC}
.ws-hero-sub{font-size:15.5px;color:#C9C1B2;line-height:1.95;margin-bottom:28px;max-width:560px}
.ws-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.ws-hero-contact{font-size:13px;color:#A49C8C}
.ws-hero-contact a{color:#EFE9DC;border-bottom:1px dashed rgba(201,193,178,.4)}
.ws-hero-contact a:hover{color:var(--earth-light)}

.btn-accent{
  background:#C8553D;color:#FBF7EF;border-color:#C8553D;
}
.btn-accent:hover{background:#A9442F;border-color:#A9442F}
.btn-outline-light{
  background:transparent;color:#EDE7DA;border:1px solid rgba(201,193,178,.5);
}
.btn-outline-light:hover{background:rgba(255,255,255,.08);color:#fff}

.ws-hero-visual{display:flex;justify-content:center}
.ws-shield{
  width:180px;height:180px;border-radius:50%;
  background:rgba(200,85,61,.15);border:1px solid rgba(200,85,61,.4);
  display:flex;align-items:center;justify-content:center;
}
.ws-shield svg{width:90px;height:90px;fill:var(--earth-light)}

/* 2. 6 类事件 */
.ws-incident-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.ws-incident{
  background:var(--paper);padding:26px 22px;border:1px solid var(--line);
  border-left:3px solid #C8553D;
}
.ws-incident h3{font-size:16.5px;margin-bottom:8px;color:var(--ink)}
.ws-incident p{font-size:13.5px;color:var(--ink-soft);line-height:1.85}

/* 3. 4 层防护 */
.ws-defense-section{background:var(--paper-deep)}
.ws-defense-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.ws-defense{
  background:var(--paper);padding:28px 22px;border-top:3px solid var(--earth);
}
.ws-defense-no{
  font-family:var(--font-serif);font-size:14px;letter-spacing:.2em;
  color:var(--earth);margin-bottom:10px;
}
.ws-defense h3{font-size:16.5px;margin-bottom:8px}
.ws-defense p{font-size:13.2px;color:var(--ink-soft);line-height:1.85}

/* 4. 应急流程 */
.ws-emergency-wrap{
  display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;
}
.ws-emergency-copy h2{margin-bottom:18px}
.ws-emergency-copy .lead{margin-bottom:22px}
.ws-emergency-copy img{width:100%;border-radius:var(--radius);filter:saturate(.9)}
.ws-emergency-steps{
  list-style:none;display:flex;flex-direction:column;gap:12px;
}
.ws-emergency-steps li{
  background:var(--paper);padding:16px 20px;border-left:3px solid #C8553D;
  font-size:13.5px;color:var(--ink-soft);line-height:1.85;
}
.ws-emergency-steps b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:4px;font-family:var(--font-serif)}

/* 5. 漏扫深色 */
.ws-scan-section{background:var(--dark)}
.ws-scan-section .section-title{color:#EFE9DC}
.ws-scan-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.ws-scan{
  background:var(--dark-soft);padding:30px 26px;border-top:3px solid var(--earth);
}
.ws-scan h3{color:#EFE9DC;font-size:17px;margin-bottom:8px}
.ws-scan p{color:#B9B1A2;font-size:13.5px;line-height:1.85}

/* 6. 联动 */
.ws-link-section{background:var(--paper)}
.ws-link-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.ws-link{
  background:var(--paper-deep);padding:26px 22px;border:1px solid var(--line);
  display:block;transition:all .3s ease;
}
.ws-link:hover{border-color:var(--earth);transform:translateY(-4px)}
.ws-link h3{font-size:16.5px;margin-bottom:8px;color:var(--earth-deep)}
.ws-link p{font-size:13.2px;color:var(--ink-soft);line-height:1.8}

/* 7. 套餐 */
.ws-plan-section{background:var(--paper-deep)}
.ws-plan-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;
}
.ws-plan{
  background:var(--paper);padding:32px 26px;border:1px solid var(--line);
}
.ws-plan--recommend{
  border:2px solid var(--earth);
  box-shadow:var(--shadow);
  transform:translateY(-6px);
}
.ws-plan h3{font-size:20px;margin-bottom:4px}
.ws-plan-sub{font-size:12.5px;color:var(--ink-faint);margin-bottom:14px}
.ws-plan-price{
  font-family:var(--font-serif);font-size:26px;color:var(--earth-deep);
  padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-bottom:18px;
}
.ws-plan ul{
  list-style:none;display:flex;flex-direction:column;gap:10px;
  font-size:13.5px;color:var(--ink-soft);line-height:1.8;
}
.ws-plan li::before{content:"✓";color:var(--earth);margin-right:6px;font-weight:700}

/* 8. CTA */
.ws-cta-section{
  background:
    linear-gradient(135deg, rgba(42,38,32,.93), rgba(58,53,44,.93)),
    url("../images/banner-contact.jpg") center/cover no-repeat;
  color:#EDE7DA;
}
.ws-cta-wrap{
  display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;
}
.ws-cta-title{font-size:clamp(24px,3.2vw,36px);color:#EFE9DC;line-height:1.45;margin-bottom:14px}
.ws-cta-sub{font-size:14.5px;color:#C9C1B2;margin-bottom:24px}
.ws-cta-contacts{display:flex;gap:12px;flex-wrap:wrap}
.ws-cta-contact{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.08);border:1px solid rgba(201,193,178,.25);
  padding:11px 16px;border-radius:var(--radius);
}
.ws-cta-contact:hover{background:var(--earth);border-color:var(--earth)}
.ws-cta-contact svg{width:16px;height:16px;fill:var(--earth-light)}
.ws-cta-contact:hover svg{fill:#fff}
.ws-cta-contact span{display:flex;flex-direction:column;font-size:13.5px;color:#EDE7DA}
.ws-cta-contact small{font-size:10.5px;color:#A49C8C;letter-spacing:.18em}
.ws-cta-btn{justify-self:end}

@media (max-width:991px){
  .ws-hero-inner,.ws-emergency-wrap,.ws-cta-wrap{grid-template-columns:1fr;gap:36px}
  .ws-incident-grid,.ws-scan-grid,.ws-plan-grid{grid-template-columns:1fr}
  .ws-defense-grid,.ws-link-grid{grid-template-columns:1fr 1fr}
  .ws-plan--recommend{transform:none}
  .ws-cta-btn{justify-self:stretch;text-align:center}
}
@media (max-width:640px){
  .ws-defense-grid,.ws-link-grid{grid-template-columns:1fr}
}