/* 首页平台在线试用：与原型保持一致。 */

    .trial-zone { padding: 96px 0; scroll-margin-top: 90px; background: linear-gradient(180deg, #f5f9ff 0%, #fff 55%, #f2f8f5 100%); }
    .trial-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 56px; }
    .trial-card {
      position: relative; display: flex; flex-direction: column;
      background: #fff; border: 1px solid #e3edf6; border-radius: 18px; overflow: hidden;
      padding: 38px 32px 30px; text-decoration: none;
      box-shadow: 0 10px 30px rgba(12, 68, 124, 0.08);
      transition: transform .35s ease, box-shadow .35s ease;
    }
    .trial-card:hover { transform: translateY(-8px); box-shadow: 0 26px 54px rgba(12, 68, 124, 0.22); }
    .trial-card::before {
      content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
      background: linear-gradient(90deg, var(--deep-blue), var(--mint-green));
    }
    .trial-badge {
      position: absolute; top: 18px; right: 18px;
      background: rgba(93, 202, 165, 0.14); color: #2e8f6e;
      font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: 20px; letter-spacing: 1px;
    }
    .trial-icon {
      width: 58px; height: 58px; border-radius: 14px; margin-bottom: 22px;
      background: rgba(12, 68, 124, 0.08); display: grid; place-items: center;
    }
    .trial-icon svg { width: 28px; height: 28px; fill: none; stroke: var(--deep-blue); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .trial-name { font-size: 21px; font-weight: 700; color: var(--deep-blue); margin-bottom: 6px; }
    .trial-en { font-size: 11.5px; letter-spacing: 1.5px; color: #8fa2b5; text-transform: uppercase; font-weight: 600; margin-bottom: 16px; }
    .trial-desc { font-size: 14.5px; color: var(--charcoal); line-height: 1.85; flex: 1; }
    .trial-pages { margin: 18px 0 6px; padding-left: 0; list-style: none; }
    .trial-pages li { font-size: 13px; color: #4a6076; line-height: 2; padding-left: 20px; position: relative; }
    .trial-pages li::before { content: "✓"; position: absolute; left: 0; color: var(--mint-green); font-weight: 700; }
    .trial-foot { margin-top: 22px; display: flex; align-items: center; justify-content: space-between; }
    .trial-btn {
      display: inline-flex; align-items: center; gap: 8px;
      background: linear-gradient(90deg, var(--deep-blue), #1a6fb4); color: #fff;
      border-radius: 26px; padding: 11px 26px; font-size: 14.5px; font-weight: 600;
      transition: all .3s ease;
    }
    .trial-card:hover .trial-btn { box-shadow: 0 10px 24px rgba(12, 68, 124, 0.35); }
    .trial-tip { font-size: 12px; color: #2e8f6e; font-weight: 600; }
    @media (max-width: 992px) { .trial-cards { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; } }

    .trial-card:focus-visible { outline: 3px solid var(--mint-green); outline-offset: 4px; }
    @media (max-width: 480px) {
      .trial-zone { padding: 60px 0; }
      .trial-card { padding: 38px 22px 26px; }
      .trial-foot { flex-wrap: wrap; gap: 12px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .trial-card, .trial-btn { transition: none; }
      .trial-card:hover { transform: none; }
    }