:root {
        --cf-blue: #3f62a8;
        --cf-gold: #c88b43;
        --cf-gold-light: #ecd3b0;
        --cf-text: #2d2d2d;
        --cf-muted: #666;
        --cf-bg: #f7f8fb;
        --cf-card: #ffffff;
        --cf-border: rgba(0, 0, 0, 0.06);
        --cf-shadow: 0 18px 45px rgba(31, 45, 61, 0.08);
        --cf-radius: 22px;
      }

      /* 卡片服務區 */
      .team-services-section {
        padding: 60px 0 110px;
        background: linear-gradient(180deg, #ffffff 0%, var(--cf-bg) 100%);
      }

      .section-title-wrap {
        text-align: center;
        max-width: 900px;
        margin: 0 auto 48px;
      }

      .section-title-wrap .sub-title {
        display: inline-block;
        margin-bottom: 14px;
        color: var(--cf-gold);
        font-weight: 700;
        letter-spacing: 0.12em;
        font-size: 15px;
      }

      .section-title-wrap h2 {
        margin: 0 0 16px;
        font-size: 42px;
        line-height: 1.25;
        color: var(--cf-blue);
        font-weight: 600;
      }

      .section-title-wrap p {
        margin: 0;
        font-size: 18px;
        color: #5c6270;
        line-height: 1.9;
      }

      .service-card-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 28px;
      }

      .service-card {
        background: var(--cf-card);
        border-radius: var(--cf-radius);
        overflow: hidden;
        box-shadow: var(--cf-shadow);
        border: 1px solid var(--cf-border);
        height: 100%;
        transition:
          transform 0.35s ease,
          box-shadow 0.35s ease;
      }

      .service-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 26px 50px rgba(31, 45, 61, 0.12);
      }

      .service-card-media {
        position: relative;
        overflow: hidden;
      }

      .service-card-media img {
        width: 100%;
        height: 280px;
        object-fit: cover;
        display: block;
      }

      .service-card-body {
        padding: 30px 24px 30px;
      }

      .service-card-icon {
        width: 72px;
        height: 72px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(38, 111, 92, 0.08);
        color: #1e7a66;
        font-size: 34px;
        margin-bottom: 18px;
      }

      .service-card h3 {
        margin: 0 0 14px;
        font-size: 34px;
        line-height: 1.3;
        font-weight: 600;
        color: #126f5d;
      }

      .service-card p {
        margin: 0;
        font-size: 18px;
        line-height: 1.9;
        color: #3d4149;
      }

      /* 財經專刊 */
      .advisor-magazine-section {
        padding: 100px 0;
      }

      .advisor-magazine-box {
        background: #fff;
        border-radius: 28px;
        box-shadow: var(--cf-shadow);
        overflow: hidden;
      }

      .advisor-magazine-box .row {
        align-items: center;
      }

      .advisor-magazine-content {
        padding: 56px 50px;
      }

      .advisor-magazine-content .eyebrow {
        display: inline-block;
        margin-bottom: 14px;
        color: var(--cf-gold);
        font-size: 15px;
        letter-spacing: 0.12em;
        font-weight: 700;
      }

      .advisor-magazine-content h2 {
        margin: 0 0 18px;
        font-size: 40px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--cf-blue);
      }

      .advisor-magazine-content p,
      .advisor-magazine-content li {
        font-size: 17px;
        line-height: 1.9;
        color: #4b4f58;
      }

      .advisor-magazine-content ul {
        margin: 20px 0 0;
        padding-left: 1.2em;
      }

      .advisor-magazine-image img {
        width: 100%;
        height: 100%;
        min-height: 520px;
        object-fit: cover;
        display: block;
      }

      /* 訂閱方案 */
      .plan-section {
        padding: 100px 0;
      }

      .plan-head {
        text-align: center;
        max-width: 860px;
        margin: 0 auto 46px;
      }

      .plan-head .sub-title {
        display: inline-block;
        margin-bottom: 14px;
        color: var(--cf-gold);
        font-weight: 700;
        letter-spacing: 0.12em;
        font-size: 15px;
      }

      .plan-head h2 {
        margin: 0 0 16px;
        font-size: 42px;
        line-height: 1.25;
        color: var(--cf-blue);
        font-weight: 600;
      }

      .plan-head p {
        margin: 0;
        color: #5c6270;
        line-height: 1.9;
        font-size: 18px;
      }

      .plan-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 22px;
      }

      .plan-card {
        background: #fff;
        border-radius: 24px;
        padding: 34px 28px 30px;
        box-shadow: var(--cf-shadow);
        border: 1px solid rgba(0, 0, 0, 0.06);
        height: 100%;
        position: relative;
        transition:
          transform 0.3s ease,
          box-shadow 0.3s ease;
      }

      .plan-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 22px 48px rgba(31, 45, 61, 0.1);
      }

      .plan-card.featured {
        border: 2px solid rgba(200, 139, 67, 0.35);
      }

      .plan-badge {
        display: inline-block;
        margin-bottom: 18px;
        padding: 7px 12px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.06em;
        color: var(--cf-gold);
        background: rgba(200, 139, 67, 0.12);
      }

      .plan-card h3 {
        margin: 0 0 10px;
        font-size: 25px;
        font-weight: 600;
        color: var(--cf-blue);
      }

      .plan-card .price {
        margin-bottom: 16px;
        font-size: 18px;
        font-weight: 700;
        color: #232733;
      }

      .plan-card .price strong {
        font-size: 34px;
        color: var(--cf-gold);
      }

      .plan-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 52px;
        padding: 12px 20px;
        border-radius: 14px;
        background: var(--cf-blue);
        color: #fff;
        font-weight: 700;
        text-decoration: none !important;
        transition:
          background-color 0.25s ease,
          box-shadow 0.25s ease;
      }

      .plan-btn:hover {
        background: var(--cf-gold);
        color: #fff;
        box-shadow: 0 8px 18px rgba(200, 139, 67, 0.22);
      }

      /* 響應式 */
      @media screen and (max-width: 1199px) {
        .team-intro-wrap,
        .service-card-grid,
        .plan-grid {
          gap: 22px;
        }

        .service-card-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .plan-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .team-intro-content h2 {
          font-size: 44px;
        }

        .team-point h3 {
          font-size: 28px;
        }
      }

      @media screen and (max-width: 991px) {
        .team-intro-wrap {
          grid-template-columns: 1fr;
          gap: 34px;
        }

        .team-intro-content h2 {
          font-size: 38px;
        }

        .team-intro-content .lead,
        .team-point p {
          font-size: 18px;
          line-height: 1.85;
        }

        .team-point h3,
        .service-card h3 {
          font-size: 28px;
        }

        .section-title-wrap h2,
        .plan-head h2,
        .advisor-magazine-content h2 {
          font-size: 34px;
        }

        .advisor-magazine-content {
          padding: 42px 30px;
        }

        .advisor-magazine-image img {
          min-height: 360px;
        }
      }

      @media screen and (max-width: 767px) {
        .team-intro-section {
          padding: 65px 0 30px;
        }

        .team-services-section,
        .advisor-magazine-section,
        .plan-section {
          padding: 70px 0;
        }

        .service-card-grid,
        .plan-grid {
          grid-template-columns: 1fr;
        }

        .team-intro-content h2 {
          font-size: 32px;
        }

        .team-point {
          grid-template-columns: 48px 1fr;
          gap: 14px;
        }

        .team-point-icon {
          width: 48px;
          height: 48px;
          border-radius: 14px;
          font-size: 20px;
        }

        .team-point h3 {
          font-size: 24px;
        }

        .team-intro-content .lead,
        .team-point p,
        .section-title-wrap p,
        .service-card p,
        .plan-head p {
          font-size: 16px;
          line-height: 1.8;
        }

        .section-title-wrap h2,
        .plan-head h2,
        .advisor-magazine-content h2 {
          font-size: 28px;
        }

        .service-card-media img {
          height: 230px;
        }

        .service-card-body {
          padding: 24px 22px 24px;
        }

        .service-card-icon {
          width: 62px;
          height: 62px;
          font-size: 30px;
          border-radius: 16px;
        }

        .service-card h3 {
          font-size: 26px;
        }

        .advisor-magazine-content {
          padding: 34px 22px;
        }

        .advisor-magazine-image img {
          min-height: 280px;
        }

        .plan-card {
          padding: 28px 22px 24px;
        }
      }