@charset "utf-8";
/* CSS Document */

    :root{
      --card-radius: 18px;
      --shadow-soft: 0 10px 30px rgba(0,0,0,.08);
      --shadow-strong: 0 16px 40px rgba(0,0,0,.18);
      --accent: #111;               /* 中卡深色 */
      --accent-dim: #1a1a1a;        /* 深色條紋 */
      --muted: #6c757d;             /* 內文色 */
      --tick: #13c296;              /* 打勾色 */
    }

    body{
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans TC", "Helvetica Neue", Arial, "PingFang TC", "Microsoft JhengHei", sans-serif;
      color:#212529;
      background:#fff;
    }

    .section-services{
      padding:72px 0 96px;
    }

    .section-title{
      text-align:center;
      margin-bottom:12px;
      letter-spacing:.06em;
      font-weight:700;
    }

    .section-hr{
      width:56px;
      height:2px;
      background:#000;
      margin:14px auto 22px;
      opacity:.18;
      border-radius:2px;
    }

    .section-sub{
      text-align:center;
      color:#666;
      max-width:920px;
      margin:0 auto 46px;
      line-height:1.7;
    }

    /* 卡片基礎 */
    .svc-card{
      border:0;
      border-radius: var(--card-radius);
      box-shadow: var(--shadow-soft);
      transition: transform .25s ease, box-shadow .25s ease;
      background:#fff;
      height:100%;
      overflow:hidden;
    }
    .svc-card:hover{
      transform: translateY(-4px);
      box-shadow: var(--shadow-strong);
    }

    .svc-head{
      text-align:center;
      padding:36px 26px 18px;
    }
    .svc-icon{
      width:70px;height:70px;
      display:flex;align-items:center;justify-content:center;
      border-radius:50%;
      background:#f4f6f8;
      margin:0 auto 16px;
      font-size:26px;
      color:#000;
    }
    .svc-title{
      font-size:20px;
      font-weight:700;
      margin:0 0 12px;
    }
    .svc-desc{
      color:var(--muted);
      font-size:14.8px;
      line-height:1.75;
      margin:0 auto;
      max-width:26em;
    }

    .svc-list{
      padding:6px 0 8px;
    }
    .svc-list .svc-item{
      display:flex;align-items:center;
      padding:16px 22px;
      border-top:1px solid rgba(0,0,0,.06);
      font-size:15px;
    }
    .svc-item .fa-check{
      margin-right:12px;
      color:var(--tick);
      font-size:14px;
      flex:0 0 auto;
    }

    .svc-cta{
      padding:18px 22px 28px;
      text-align:center;
    }
    .svc-cta .btn{
      border-radius:999px;
      padding:.6rem 1.25rem;
      font-weight:600;
    }

    /* 中間強調卡片（深色） */
    .svc-card.featured{
      background: var(--accent);
      color:#fff;
    }
    .featured .svc-icon{
      background:rgba(255,255,255,.08);
      color:#fff;
    }
    .featured .svc-desc{ color: rgba(255,255,255,.75); }
    .featured .svc-list .svc-item{
      border-top:1px solid rgba(255,255,255,.06);
      background:transparent;
    }
    /* 做出圖片中的深色條紋層次感 */
    .featured .svc-item:nth-child(odd){
      background: linear-gradient(to bottom, rgba(255,255,255,.06), rgba(255,255,255,.06));
    }
    .featured .svc-item:nth-child(even){
      background: linear-gradient(to bottom, rgba(255,255,255,.1), rgba(255,255,255,.1));
    }
    .featured .svc-cta .btn{
      background:#fff;
      color:#000;
      border:0;
    }
    .featured .fa-check{ color:#37e3ab; }

    /* RWD 微調 */
    @media (max-width: 991.98px){
      .svc-card{ margin-bottom:28px; }
    }