/* =========================
   詐騙警示 Feature 區塊
========================= */

.fraud-feature-section{
  position:relative;

  padding:70px 20px;

  background:
    linear-gradient(
      180deg,
      #070707 0%,
      #111 100%
    );

  overflow:hidden;
}

.fraud-feature-section::before{
  content:"";

  position:absolute;
  inset:0;

  background:
    radial-gradient(
      circle at top right,
      rgba(255,0,0,.12),
      transparent 42%
    );

  pointer-events:none;
}

.fraud-feature-box{
  position:relative;
  z-index:2;
}

.fraud-feature-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:70px;

  max-width:1400px;
  margin:auto;
}

/* 左圖 */

.fraud-feature-visual{
  flex:0 0 420px;

  position:relative;
}

.fraud-feature-visual img{
  width:100%;
  height:auto;
  display:block;

  filter:
    drop-shadow(0 0 35px rgba(255,0,0,.18));

  transition:.4s ease;
}

.fraud-feature-visual img:hover{
  transform:translateY(-6px);
}

/* 右側內容 */

.fraud-feature-content{
  flex:1;

  display:flex;
  flex-direction:column;
  gap:24px;
}

/* 卡片 */

.fraud-feature-item{
  display:flex;
  align-items:flex-start;
  gap:22px;

  padding:24px 24px;

  border-radius:24px;

  background:
    linear-gradient(
      180deg,
      rgba(24,24,24,.96),
      rgba(10,10,10,.96)
    );

  border:1px solid rgba(255,0,0,.16);

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.fraud-feature-item:hover{
  transform:translateY(-4px);

  border-color:rgba(255,0,0,.42);

  box-shadow:
    0 0 28px rgba(255,0,0,.14);
}

/* SVG icon */

.fraud-feature-item .ico{
  flex:0 0 72px;

  width:72px;
  height:72px;

  padding:16px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,40,40,.18),
      rgba(255,0,0,.02)
    );

  color:#ff3a3a;

  box-shadow:
    inset 0 0 16px rgba(255,0,0,.12),
    0 0 18px rgba(255,0,0,.12);
}

/* 文字 */

.fraud-feature-item .text{
  flex:1;
}

.fraud-feature-item h3{
  margin:0 0 12px;

  color:#fff;

  font-size:28px;
  font-weight:900;

  letter-spacing:.4px;
}

.fraud-feature-item p{
  margin:0;

  color:#cfcfcf;

  font-size:16px;
  line-height:1.9;
}

/* 平板 */

@media (max-width:1100px){

  .fraud-feature-wrap{
    gap:40px;
  }

  .fraud-feature-visual{
    flex:0 0 320px;
  }

  .fraud-feature-item h3{
    font-size:24px;
  }

}

/* 手機 */

@media (max-width:768px){

  .fraud-feature-section{
    padding:46px 14px;
  }

  .fraud-feature-wrap{
    flex-direction:column;
    gap:34px;
  }

  .fraud-feature-visual{
    width:100%;
    max-width:320px;
  }

  .fraud-feature-content{
    width:100%;
  }

  .fraud-feature-item{
    gap:16px;

    padding:18px 18px;

    border-radius:18px;
  }

  .fraud-feature-item .ico{
    width:58px;
    height:58px;

    padding:13px;
  }

  .fraud-feature-item h3{
    font-size:21px;

    margin-bottom:8px;
  }

  .fraud-feature-item p{
    font-size:14px;

    line-height:1.75;
  }

}