.catalog-list {
      background: #fff;
      border: 1px solid #c8d8e8;
      border-radius: 4px;
      overflow: hidden;
    }

    .catalog-item {
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 20px 24px;
      border-bottom: 1px solid #eef3f8;
      transition: background 0.15s;
    }

    .catalog-item:last-child { border-bottom: none; }
    .catalog-item:hover { background: #f5f8fc; }

    .catalog-icon {
      flex-shrink: 0;
      width: 48px;
      height: 48px;
      background: #1a3a5c;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      color: #fff;
    }

    .catalog-info { flex: 1; }

    .catalog-title {
      font-size: 16px;
      font-weight: 700;
      color: #1a3a5c;
      margin-bottom: 4px;
    }

    .catalog-desc {
      font-size: 13px;
      color: #666;
      line-height: 1.6;
    }

    .catalog-btn {
      flex-shrink: 0;
      display: inline-block;
      background: #1a3a5c;
      color: #fff !important;
      text-decoration: none;
      font-size: 13px;
      font-weight: 700;
      padding: 10px 20px;
      border-radius: 3px;
      transition: background 0.2s;
      white-space: nowrap;
    }

    .catalog-btn:hover { background: #0d2a4a; }

    .note {
      font-size: 13px;
      color: #888;
      margin-top: 16px;
      line-height: 1.8;
    }

    .back-link {
      margin-top: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    @media (max-width: 700px) {
      .catalog-item { flex-wrap: wrap; gap: 12px; }
      .catalog-btn { width: 100%; text-align: center; }
    }